/* DSO Toolkit version: "68.2.0" */
:root { --dso-toolkit-version: "68.2.0" }

@font-face {
  font-family: "Asap";
  src: url("../assets/fonts/Asap/Asap-VariableFont_wdth,wght.ttf") format("truetype supports variations"), url("../assets/fonts/Asap/Asap-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Asap";
  font-style: italic;
  src: url("../assets/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype supports variations"), url("../assets/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --link-color: #39870c;
  --link-hover-color: #676cb0;
  --link-visited-color: #8b4a6a;
}

:where(.dso-button-row) {
  margin-block: 16px 32px;
}
:where(.dso-button-row):last-child {
  margin-block-end: 0;
}

:where(dso-highlight-box) :where(.dso-button-row),
:where(.dso-highlight-box) :where(.dso-button-row) {
  margin-block: 0;
}
:where(dso-highlight-box) :where(*) + :where(.dso-button-row),
:where(dso-highlight-box) :where(.dso-button-row) + :where(*),
:where(.dso-highlight-box) :where(*) + :where(.dso-button-row),
:where(.dso-highlight-box) :where(.dso-button-row) + :where(*) {
  margin-block-start: 16px;
}

.dso-accordion-section.dso-accordion-default .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-compact .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-neutral .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content ul ul {
  margin-block-end: 0;
}
.dso-accordion-section.dso-accordion-default .dso-rich-content > :first-child, .dso-accordion-section.dso-accordion-compact .dso-rich-content > :first-child, .dso-accordion-section.dso-accordion-neutral .dso-rich-content > :first-child, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content > :first-child {
  margin-block-start: 0;
}
.dso-accordion-section.dso-accordion-default .dso-rich-content > :last-child, .dso-accordion-section.dso-accordion-compact .dso-rich-content > :last-child, .dso-accordion-section.dso-accordion-neutral .dso-rich-content > :last-child, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content > :last-child {
  margin-block-end: 0;
}

:where(.row:has(.dso-button-row)) + :where(.row:has(:only-child > dl)) {
  margin-block-start: 16px;
}

:where(.dso-context-wrapper) + :where(.dso-table-responsive, :has(.dso-table-responsive)) {
  margin-block-start: 8px;
}

:where(.dso-app-heading) + :where(.dso-context-wrapper, dso-tabs, :has(.dso-context-wrapper, dso-tabs)) {
  margin-block-start: 16px;
}

:where(dso-action-list) + :where(.dso-form-buttons, :has(.dso-form-buttons)) {
  margin-block-start: 32px;
}

.text-right {
  text-align: end;
}

.text-center {
  text-align: center;
}

.text-muted {
  color: #666;
}

.caption {
  font-style: italic;
}

.hidden {
  display: none !important;
}

.center-block {
  display: block;
  margin-inline-end: auto;
  margin-inline-start: auto;
}

.sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

html {
  font-family: sans-serif;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: Asap, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #191919;
  background-color: #fff;
  margin: 0;
  max-inline-size: 100%;
  overflow-wrap: break-word;
  overflow-x: hidden;
}

.dso-accordion {
  margin-block-end: 32px;
}
.dso-accordion .dso-accordion {
  margin-block-end: 0;
}
.dso-accordion .dso-section-body {
  border-block-start: 0;
  margin-block-start: -4px;
  padding-block: 20px 16px;
  padding-inline: 16px;
}
.dso-accordion .dso-section-body > *:first-child:not(.dso-info) {
  margin-block-start: 0;
}
.dso-accordion .dso-section-body > *:last-child:not(.dso-info) {
  margin-block-end: 0;
}
.dso-accordion .dso-section-body .dso-rich-content + .dso-accordion,
.dso-accordion .dso-section-body .dso-accordion + .dso-rich-content {
  margin-block-start: 16px;
}
.dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
.dso-accordion.dso-accordion-reverse-align .dso-section-handle button {
  padding-inline-start: 16px;
  padding-inline-end: 48px;
}
.dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  inset-inline-start: auto;
  inset-inline-end: 16px;
}
.dso-accordion.dso-accordion-reverse-align .dso-section-handle a .dso-icon,
.dso-accordion.dso-accordion-reverse-align .dso-section-handle button .dso-icon {
  display: block;
  float: inline-start;
  font-weight: 400;
  margin-inline-start: 0;
  margin-inline-end: 8px;
  padding-inline-start: 0;
  text-decoration: underline;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-mauve") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
  background: url("./di.svg#chevron-up-wit") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-mauve"));
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle {
  background-color: #fff;
  border: 1px solid #8b4a6a;
  border-radius: 4px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button {
  color: #8b4a6a;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button::before {
  background: url("./di.svg#chevron-right-mauve") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a:hover, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a:active, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button.active {
  color: #8b4a6a;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle {
  background-color: #8b4a6a;
  border-radius: 0;
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button {
  color: #fff;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-wit"));
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter {
  --dso-attachments-counter-color: #fff;
  --dso-icon: var(--di-paperclip-wit);
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments {
  color: #fff;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-wit"));
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open.dso-nested-accordion,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open.dso-nested-accordion {
  background-color: #e5e5e5;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-body,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-body {
  border: 1px solid #8b4a6a;
  border-radius: 0 0 4px 4px;
}
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
  background: url("./di.svg#chevron-up-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-zwart"));
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
  background: url("./di.svg#chevron-right-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button.active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active {
  background-color: #e5e5e5;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle {
  background-color: #f2f2f2;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion {
  background-color: #fff;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button dso-attachments-counter {
  --dso-attachments-counter-color: #000;
  --dso-icon: var(--di-paperclip-zwart);
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-zwart"));
}
.dso-accordion.dso-accordion-conclusion .dso-section-body,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion .dso-section-body {
  border: 2px solid #f2f2f2;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle {
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid #ccc;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button {
  color: #39870c;
  padding-inline-start: 32px;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
  background: url("./di.svg#chevron-right-grasgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
  inset-inline-start: 0;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section:last-child {
  border-block-end: 1px solid #ccc;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section + .dso-accordion-section,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section + .dso-accordion-section, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section + .dso-accordion-section,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section + .dso-accordion-section {
  margin-block-start: 0;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-body {
  margin-block-start: 0;
  padding-inline-start: 32px;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-block-end: 12px;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle {
  background-color: transparent;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button.active {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-grasgroen"));
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter {
  --dso-attachments-counter-color: #666;
  --dso-icon: var(--di-paperclip-grijs);
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments {
  color: #666;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-grijs"));
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-body {
  border-block-start: 0;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-grasgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body {
  padding-block-end: 0;
}
.dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child {
  border-block-end: 0;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button {
  padding-inline-start: 16px;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  background: url("./di.svg#chevron-down-grasgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  inset-inline-start: auto;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body {
  padding-inline-start: 16px;
  padding-inline-end: 0;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
  background: url("./di.svg#chevron-up-grasgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-grasgroen"));
}
.dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-voegtoe, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-voegtoe {
  background-color: #e4f1d4;
}
.dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-voegtoe .dso-section-body, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-voegtoe .dso-section-body {
  background-color: #e4f1d4;
}
.dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-verwijder, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-verwijder {
  text-decoration: line-through;
  background-color: #f5d8dc;
}
.dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-verwijder .dso-section-body, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-verwijder .dso-section-body {
  text-decoration: line-through;
  background-color: #f5d8dc;
}
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button:hover {
  color: #000;
}
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a:hover::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button:hover::before {
  background: url("./di.svg#chevron-right-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover {
  color: #000;
}
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover::before {
  background: url("./di.svg#chevron-down-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover::before {
  background: url("./di.svg#chevron-up-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion .dso-section-body dl:last-child {
  margin-block-end: 0;
}

.dso-section-handle {
  font-weight: 600;
  position: relative;
}
.dso-section-handle a {
  text-decoration: none;
}
.dso-section-handle a:hover, .dso-section-handle a:focus-visible {
  text-decoration: none;
}
.dso-section-handle a:active {
  text-decoration: underline;
}
.dso-section-handle a,
.dso-section-handle button {
  align-items: flex-start;
  background-color: transparent;
  border: 0;
  display: flex;
  padding-block: 12px;
  padding-inline: 48px 16px;
  text-align: start;
  inline-size: 100%;
  word-break: break-word;
}
.dso-section-handle a::before,
.dso-section-handle button::before {
  content: "";
  display: inline-block;
  inset-inline-start: 16px;
  position: absolute;
}
.dso-section-handle a::after,
.dso-section-handle button::after {
  content: "";
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 12px;
}
.dso-section-handle a .dso-status,
.dso-section-handle a .dso-icon,
.dso-section-handle button .dso-status,
.dso-section-handle button .dso-icon {
  font-weight: 400;
  margin-inline-start: auto;
  padding-inline-start: 16px;
  text-decoration: underline;
}
.dso-section-handle a dso-attachments-counter,
.dso-section-handle a .dso-attachments,
.dso-section-handle button dso-attachments-counter,
.dso-section-handle button .dso-attachments {
  margin-inline-start: auto;
  padding-inline-start: 16px;
}
.dso-section-handle a .dso-attachments::after,
.dso-section-handle button .dso-attachments::after {
  background: url("./di.svg#paperclip-grijs") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-section-handle a > .dso-label,
.dso-section-handle button > .dso-label {
  margin-inline-start: auto;
  padding-inline-start: 8px;
  word-break: normal;
}
.dso-section-handle a > .dso-label + .dso-icon, .dso-section-handle a > .dso-label + .dso-attachments, .dso-section-handle a > .dso-label + .dso-status,
.dso-section-handle button > .dso-label + .dso-icon,
.dso-section-handle button > .dso-label + .dso-attachments,
.dso-section-handle button > .dso-label + .dso-status {
  margin-inline-start: 0;
}

:where(.dso-accordion-section) + :where(.dso-accordion-section) {
  margin-block-start: 4px;
}

:where(.dso-accordion-compact, .dso-accordion-neutral, .dso-accordion-compact-black) + :where(.dso-accordion-section) {
  margin-block-start: 0;
}

.dso-accordion-section .dso-section-handle,
.dso-accordion-section > h1.dso-section-handle,
.dso-accordion-section > h2.dso-section-handle,
.dso-accordion-section > h3.dso-section-handle,
.dso-accordion-section > h4.dso-section-handle,
.dso-accordion-section > h5.dso-section-handle {
  font-size: 1em;
  line-height: 1.375em;
  margin: 0;
}
.dso-accordion-section .dso-section-handle a:active,
.dso-accordion-section > h1.dso-section-handle a:active,
.dso-accordion-section > h2.dso-section-handle a:active,
.dso-accordion-section > h3.dso-section-handle a:active,
.dso-accordion-section > h4.dso-section-handle a:active,
.dso-accordion-section > h5.dso-section-handle a:active {
  text-decoration: none;
}
.dso-accordion-section.dso-success > .dso-section-handle a,
.dso-accordion-section.dso-success > .dso-section-handle button, .dso-accordion-section.dso-error > .dso-section-handle a,
.dso-accordion-section.dso-error > .dso-section-handle button, .dso-accordion-section.dso-danger > .dso-section-handle a,
.dso-accordion-section.dso-danger > .dso-section-handle button, .dso-accordion-section.dso-warning > .dso-section-handle a,
.dso-accordion-section.dso-warning > .dso-section-handle button, .dso-accordion-section.dso-info > .dso-section-handle a,
.dso-accordion-section.dso-info > .dso-section-handle button {
  padding-inline-end: 56px;
}
.dso-accordion-section.dso-success > .dso-section-handle a::after,
.dso-accordion-section.dso-success > .dso-section-handle button::after {
  background: url("./di.svg#status-success") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-error > .dso-section-handle a::after,
.dso-accordion-section.dso-error > .dso-section-handle button::after {
  background: url("./di.svg#status-error") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-danger > .dso-section-handle a::after,
.dso-accordion-section.dso-danger > .dso-section-handle button::after {
  background: url("./di.svg#status-danger") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-warning > .dso-section-handle a::after,
.dso-accordion-section.dso-warning > .dso-section-handle button::after {
  background: url("./di.svg#status-warning") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-info > .dso-section-handle a::after,
.dso-accordion-section.dso-info > .dso-section-handle button::after {
  background: url("./di.svg#status-info") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-open.dso-nested-accordion {
  border-radius: 0 0 4px 4px;
}
.dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body {
  padding-block: 19px 16px;
  padding-inline: 17px;
}
.dso-accordion-section.dso-open.dso-nested-accordion .dso-accordion-section .dso-section-body {
  background-color: #fff;
}
.dso-accordion-section:not(.dso-open) .dso-section-body {
  display: none;
}

dso-accordion-section > *:first-child:not(.dso-info) {
  margin-block-start: 0;
}
dso-accordion-section > *:last-child:not(.dso-info) {
  margin-block-end: 0;
}
dso-accordion-section.dso-accordion-compact:last-child, dso-accordion-section.dso-accordion-compact-black:last-child {
  border-block-end: 1px solid #ccc;
}

dso-accordion .dso-rich-content + dso-accordion,
dso-accordion dso-accordion + .dso-rich-content {
  margin-block-start: 16px;
}

dso-action-list dso-action-list-item {
  margin-inline-start: calc((2rem + 16px + 16px + 8px - 8px) * -1);
}
@media screen and (min-width: 480px) {
  dso-action-list dso-action-list-item + .dso-rich-content {
    margin-inline-start: 8px;
  }
}
dso-action-list .flow-line::after {
  content: "";
  background-color: #275937;
  block-size: calc(100% - 48px);
  position: absolute;
  inset-block-start: calc(16px + 2rem + 16px);
  inline-size: 4px;
  inset-inline-start: calc((2rem + 16px) * 0.5 - 2px);
}
@media screen and (min-width: 480px) {
  dso-action-list .flow-line::after {
    inset-inline-start: calc((2rem + 16px) * 0.5 - 2px);
  }
}
dso-action-list .dso-rich-content h5,
dso-action-list .dso-rich-content .h5 {
  margin-block: 0;
}

.alert {
  line-height: 1.5;
  margin-block-end: 24px;
  min-block-size: 64px;
  position: relative;
}
@media screen and (min-width: 481px) {
  .alert {
    padding-block: 19px;
    padding-inline: 63px 40px;
  }
  .alert.dso-compact {
    padding-block: 9.5px;
    padding-inline: 16px 40px;
  }
}
@media screen and (max-width: 480px) {
  .alert {
    padding-block: 63px 16px;
    padding-inline: 16px;
  }
  .alert.dso-compact {
    padding-block: 9.5px;
    padding-inline: 16px;
  }
}
.alert:not(:first-child) {
  margin-block-start: 24px;
}
.alert .icon-status {
  inset-block-start: 16px;
  inset-inline-start: 16px;
  position: absolute;
  block-size: 32px;
  inline-size: 32px;
}
.alert .dso-close {
  -webkit-appearance: button;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  block-size: 32px;
  inline-size: 32px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
}
.alert .dso-close[disabled] {
  cursor: default;
}
.alert .dso-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.alert > .dso-rich-content *:first-child {
  margin-block-start: 0 !important;
}
.alert > .dso-rich-content *:last-child {
  margin-block-end: 0 !important;
}
.alert > .dso-rich-content h1, .alert > .dso-rich-content h2, .alert > .dso-rich-content h3, .alert > .dso-rich-content h4, .alert > .dso-rich-content h5, .alert > .dso-rich-content h6, .alert > .dso-rich-content .h1, .alert > .dso-rich-content .h2, .alert > .dso-rich-content .h3, .alert > .dso-rich-content .h4, .alert > .dso-rich-content .h5, .alert > .dso-rich-content .h6 {
  color: #000;
  font-size: 1em;
  line-height: 1.5;
  margin-block-end: 8px;
  margin-block-start: 8px;
}
.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;
}
.alert > .dso-rich-content .dso-alert-button:hover, .alert > .dso-rich-content .dso-alert-button:active {
  background-color: rgba(25, 25, 25, 0.2);
  color: #000;
}
.alert a:active {
  text-decoration: none;
}
.alert .dso-close::before {
  background: url("./di.svg#times-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.alert .dso-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.alert:not(.dso-compact)::before {
  inset-block-start: 16px;
  inset-inline-start: 16px;
  position: absolute;
  content: "";
}
.alert.dso-compact {
  border-end-end-radius: 8px;
  border-start-end-radius: 8px;
  margin-inline-start: 8px;
}
.alert.dso-compact::before {
  border-end-start-radius: 8px;
  border-start-start-radius: 8px;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -8px;
  position: absolute;
  inset-block-start: 0;
  inline-size: 8px;
}
.alert.dso-compact {
  min-block-size: 16px;
}
.alert.alert-success {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e4f1d4;
  border-color: #e4f1d4;
  color: #191919;
}
.alert.alert-success a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.alert.alert-success a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.alert.alert-success a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.alert.alert-success a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.alert.alert-success.dso-compact::before {
  background-color: #39870c;
}
.alert.alert-success:not(.dso-compact)::before {
  background: url("./di.svg#status-success") no-repeat center;
  background-size: cover;
  block-size: 32px;
  vertical-align: top;
  inline-size: 32px;
}
.alert.alert-error {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
.alert.alert-error a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.alert.alert-error a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.alert.alert-error a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.alert.alert-error a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.alert.alert-error.dso-compact::before {
  background-color: #ce3f51;
}
.alert.alert-error:not(.dso-compact)::before {
  background: url("./di.svg#status-error") no-repeat center;
  background-size: cover;
  block-size: 32px;
  vertical-align: top;
  inline-size: 32px;
}
.alert.alert-warning {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
.alert.alert-warning a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.alert.alert-warning a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.alert.alert-warning a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.alert.alert-warning a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.alert.alert-warning.dso-compact::before {
  background-color: #dcd400;
}
.alert.alert-warning:not(.dso-compact)::before {
  background: url("./di.svg#status-warning") no-repeat center;
  background-size: cover;
  block-size: 32px;
  vertical-align: top;
  inline-size: 32px;
}
.alert.alert-info {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e1ecf7;
  border-color: #e1ecf7;
  color: #191919;
}
.alert.alert-info a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.alert.alert-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.alert.alert-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.alert.alert-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.alert.alert-info.dso-compact::before {
  background-color: #6ca4d9;
}
.alert.alert-info:not(.dso-compact)::before {
  background: url("./di.svg#status-info") no-repeat center;
  background-size: cover;
  block-size: 32px;
  vertical-align: top;
  inline-size: 32px;
}

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;
}

a {
  background-color: transparent;
  color: var(--link-color);
  text-decoration: underline;
}
a:hover, a:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}
a:active {
  text-decoration: none;
}
a :is(dso-icon, svg.di) + span,
a span + :is(dso-icon, svg.di) {
  margin-inline-start: 8px;
}
a:visited {
  color: var(--link-visited-color);
}
a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-inline-end: var(--_dso-anchor-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 {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-scampi"));
}
a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-inline-end: var(--_dso-anchor-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 {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-scampi"));
}
a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-inline-start: var(--_dso-anchor-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 {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-scampi"));
}
a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-inline-start: var(--_dso-anchor-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 {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-scampi"));
}

.dso-app-heading {
  border-block-end: 1px solid #ccc;
}
.dso-app-heading h2 {
  margin-block-start: 16px;
}
.dso-app-heading .dso-steps-indicator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dso-app-heading .dso-steps-indicator span.dso-step {
  color: #39870c;
  display: block;
  flex: 1 0;
  flex-basis: auto;
  font-size: 1rem;
  font-weight: normal;
  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;
}
.dso-attachments::after {
  content: "";
  display: inline-block;
}

.dso-badge {
  border: 1px 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-badge {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.dso-badge.badge-info {
  background-color: #6ca4d9;
  border-color: #6ca4d9;
  color: #191919;
}
.dso-badge.badge-primary {
  background-color: #275937;
  border-color: #275937;
  color: #fff;
}
.dso-badge.badge-success {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
.dso-badge.badge-warning {
  background-color: #dcd400;
  border-color: #dcd400;
  color: #191919;
}
.dso-badge.badge-danger {
  background-color: #ce3f51;
  border-color: #ce3f51;
  color: #fff;
}
.dso-badge.badge-error {
  background-color: #ce3f51;
  border-color: #ce3f51;
  color: #fff;
}
.dso-badge.badge-outline {
  background-color: #fff;
  border-color: #191919;
  color: #191919;
}
.dso-badge.badge-attention {
  background-color: #8b4a6a;
  border-color: #8b4a6a;
  color: #fff;
}

.dso-banner {
  padding-block: 16px;
  padding-inline: 0;
  position: relative;
}
.dso-banner.dso-compact {
  padding-block: 12px;
  padding-inline: 0;
}
.dso-banner a {
  text-decoration: underline;
}
.dso-banner a:active {
  text-decoration: none;
}
.dso-banner .col-sm-12,
.dso-banner .container,
.dso-banner .dso-banner-inner {
  line-height: 1.5;
  position: relative;
  padding-inline: 16px;
}
.dso-banner .col-sm-12 button,
.dso-banner .container button,
.dso-banner .dso-banner-inner button {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 0;
}
.dso-banner .col-sm-12 button dso-icon,
.dso-banner .col-sm-12 button svg.di,
.dso-banner .container button dso-icon,
.dso-banner .container button svg.di,
.dso-banner .dso-banner-inner button dso-icon,
.dso-banner .dso-banner-inner button svg.di {
  color: #000;
}
.dso-banner .col-sm-12 > .dso-rich-content,
.dso-banner .container > .dso-rich-content,
.dso-banner .dso-banner-inner > .dso-rich-content {
  padding-inline-end: 24px;
}
.dso-banner .col-sm-12 > .dso-rich-content h1,
.dso-banner .col-sm-12 > .dso-rich-content h2,
.dso-banner .col-sm-12 > .dso-rich-content h3,
.dso-banner .col-sm-12 > .dso-rich-content h4,
.dso-banner .col-sm-12 > .dso-rich-content h5,
.dso-banner .col-sm-12 > .dso-rich-content h6,
.dso-banner .container > .dso-rich-content h1,
.dso-banner .container > .dso-rich-content h2,
.dso-banner .container > .dso-rich-content h3,
.dso-banner .container > .dso-rich-content h4,
.dso-banner .container > .dso-rich-content h5,
.dso-banner .container > .dso-rich-content h6,
.dso-banner .dso-banner-inner > .dso-rich-content h1,
.dso-banner .dso-banner-inner > .dso-rich-content h2,
.dso-banner .dso-banner-inner > .dso-rich-content h3,
.dso-banner .dso-banner-inner > .dso-rich-content h4,
.dso-banner .dso-banner-inner > .dso-rich-content h5,
.dso-banner .dso-banner-inner > .dso-rich-content h6 {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;
}
.dso-banner .col-sm-12 > .dso-rich-content h1 + p,
.dso-banner .col-sm-12 > .dso-rich-content h2 + p,
.dso-banner .col-sm-12 > .dso-rich-content h3 + p,
.dso-banner .col-sm-12 > .dso-rich-content h4 + p,
.dso-banner .col-sm-12 > .dso-rich-content h5 + p,
.dso-banner .col-sm-12 > .dso-rich-content h6 + p,
.dso-banner .container > .dso-rich-content h1 + p,
.dso-banner .container > .dso-rich-content h2 + p,
.dso-banner .container > .dso-rich-content h3 + p,
.dso-banner .container > .dso-rich-content h4 + p,
.dso-banner .container > .dso-rich-content h5 + p,
.dso-banner .container > .dso-rich-content h6 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h1 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h2 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h3 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h4 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h5 + p,
.dso-banner .dso-banner-inner > .dso-rich-content h6 + p {
  display: inline;
}
.dso-banner .col-sm-12 > .dso-rich-content h1 + p + *,
.dso-banner .col-sm-12 > .dso-rich-content h2 + p + *,
.dso-banner .col-sm-12 > .dso-rich-content h3 + p + *,
.dso-banner .col-sm-12 > .dso-rich-content h4 + p + *,
.dso-banner .col-sm-12 > .dso-rich-content h5 + p + *,
.dso-banner .col-sm-12 > .dso-rich-content h6 + p + *,
.dso-banner .container > .dso-rich-content h1 + p + *,
.dso-banner .container > .dso-rich-content h2 + p + *,
.dso-banner .container > .dso-rich-content h3 + p + *,
.dso-banner .container > .dso-rich-content h4 + p + *,
.dso-banner .container > .dso-rich-content h5 + p + *,
.dso-banner .container > .dso-rich-content h6 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h1 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h2 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h3 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h4 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h5 + p + *,
.dso-banner .dso-banner-inner > .dso-rich-content h6 + p + * {
  margin-block-start: 16px;
}
.dso-banner .col-sm-12 > .dso-rich-content > h2:first-child,
.dso-banner .container > .dso-rich-content > h2:first-child,
.dso-banner .dso-banner-inner > .dso-rich-content > h2:first-child {
  float: inline-start;
  margin-inline-end: 8px;
}
.dso-banner .col-sm-12 > .dso-rich-content *:first-child,
.dso-banner .container > .dso-rich-content *:first-child,
.dso-banner .dso-banner-inner > .dso-rich-content *:first-child {
  margin-block-start: 0;
}
.dso-banner .col-sm-12 > .dso-rich-content *:last-child,
.dso-banner .container > .dso-rich-content *:last-child,
.dso-banner .dso-banner-inner > .dso-rich-content *:last-child {
  margin-block-end: 0;
}
.dso-banner .dso-banner-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .dso-banner .dso-banner-inner {
    inline-size: auto;
  }
}
@media (min-width: 992px) {
  .dso-banner .dso-banner-inner {
    inline-size: 922px;
  }
}
@media (min-width: 1200px) {
  .dso-banner .dso-banner-inner {
    inline-size: 1152px;
  }
}
.dso-banner .container::before,
.dso-banner .dso-banner-inner::before {
  content: "";
  display: inline-block;
  inset-inline-start: 16px;
  position: absolute;
  inset-block-start: 0;
}
@media screen and (min-width: 480px) {
  .dso-banner:not(.dso-no-icon) .container,
  .dso-banner:not(.dso-no-icon) .dso-banner-inner {
    padding-inline-start: 48px;
  }
}
@media screen and (max-width: 479.01px) {
  .dso-banner:not(.dso-no-icon) .container,
  .dso-banner:not(.dso-no-icon) .dso-banner-inner {
    padding-block-start: 39px;
  }
  .dso-banner:not(.dso-no-icon) .container > .dso-rich-content,
  .dso-banner:not(.dso-no-icon) .dso-banner-inner > .dso-rich-content {
    padding-inline-end: 0;
  }
}
.dso-banner.alert-danger {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
.dso-banner.alert-danger a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-banner.alert-danger a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-banner.alert-danger a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-banner.alert-danger a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-banner.alert-danger:not(.dso-no-icon) .container::before,
.dso-banner.alert-danger:not(.dso-no-icon) .dso-banner-inner::before {
  background: url("./di.svg#status-danger") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner.alert-error {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
.dso-banner.alert-error a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-banner.alert-error a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-banner.alert-error a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-banner.alert-error a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-banner.alert-error:not(.dso-no-icon) .container::before,
.dso-banner.alert-error:not(.dso-no-icon) .dso-banner-inner::before {
  background: url("./di.svg#status-error") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner.alert-info {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e1ecf7;
  border-color: #e1ecf7;
  color: #191919;
}
.dso-banner.alert-info a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-banner.alert-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-banner.alert-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-banner.alert-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-banner.alert-info:not(.dso-no-icon) .container::before,
.dso-banner.alert-info:not(.dso-no-icon) .dso-banner-inner::before {
  background: url("./di.svg#status-info") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner.alert-warning {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
.dso-banner.alert-warning a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-banner.alert-warning a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-banner.alert-warning a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-banner.alert-warning a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-banner.alert-warning:not(.dso-no-icon) .container::before,
.dso-banner.alert-warning:not(.dso-no-icon) .dso-banner-inner::before {
  background: url("./di.svg#status-warning") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner a.download {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-grijs90"));
}
.dso-banner a.extern {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grijs90"));
}

dso-banner a {
  text-decoration: underline;
}
dso-banner a:active {
  text-decoration: none;
}
dso-banner .col-sm-12,
dso-banner .container,
dso-banner .dso-banner-inner {
  line-height: 1.5;
  position: relative;
  padding-inline: 16px;
}
dso-banner .col-sm-12 button,
dso-banner .container button,
dso-banner .dso-banner-inner button {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 0;
}
dso-banner .col-sm-12 button dso-icon,
dso-banner .col-sm-12 button svg.di,
dso-banner .container button dso-icon,
dso-banner .container button svg.di,
dso-banner .dso-banner-inner button dso-icon,
dso-banner .dso-banner-inner button svg.di {
  color: #000;
}
dso-banner .col-sm-12 > .dso-rich-content,
dso-banner .container > .dso-rich-content,
dso-banner .dso-banner-inner > .dso-rich-content {
  padding-inline-end: 24px;
}
dso-banner .col-sm-12 > .dso-rich-content h1,
dso-banner .col-sm-12 > .dso-rich-content h2,
dso-banner .col-sm-12 > .dso-rich-content h3,
dso-banner .col-sm-12 > .dso-rich-content h4,
dso-banner .col-sm-12 > .dso-rich-content h5,
dso-banner .col-sm-12 > .dso-rich-content h6,
dso-banner .container > .dso-rich-content h1,
dso-banner .container > .dso-rich-content h2,
dso-banner .container > .dso-rich-content h3,
dso-banner .container > .dso-rich-content h4,
dso-banner .container > .dso-rich-content h5,
dso-banner .container > .dso-rich-content h6,
dso-banner .dso-banner-inner > .dso-rich-content h1,
dso-banner .dso-banner-inner > .dso-rich-content h2,
dso-banner .dso-banner-inner > .dso-rich-content h3,
dso-banner .dso-banner-inner > .dso-rich-content h4,
dso-banner .dso-banner-inner > .dso-rich-content h5,
dso-banner .dso-banner-inner > .dso-rich-content h6 {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;
}
dso-banner .col-sm-12 > .dso-rich-content h1 + p,
dso-banner .col-sm-12 > .dso-rich-content h2 + p,
dso-banner .col-sm-12 > .dso-rich-content h3 + p,
dso-banner .col-sm-12 > .dso-rich-content h4 + p,
dso-banner .col-sm-12 > .dso-rich-content h5 + p,
dso-banner .col-sm-12 > .dso-rich-content h6 + p,
dso-banner .container > .dso-rich-content h1 + p,
dso-banner .container > .dso-rich-content h2 + p,
dso-banner .container > .dso-rich-content h3 + p,
dso-banner .container > .dso-rich-content h4 + p,
dso-banner .container > .dso-rich-content h5 + p,
dso-banner .container > .dso-rich-content h6 + p,
dso-banner .dso-banner-inner > .dso-rich-content h1 + p,
dso-banner .dso-banner-inner > .dso-rich-content h2 + p,
dso-banner .dso-banner-inner > .dso-rich-content h3 + p,
dso-banner .dso-banner-inner > .dso-rich-content h4 + p,
dso-banner .dso-banner-inner > .dso-rich-content h5 + p,
dso-banner .dso-banner-inner > .dso-rich-content h6 + p {
  display: inline;
}
dso-banner .col-sm-12 > .dso-rich-content h1 + p + *,
dso-banner .col-sm-12 > .dso-rich-content h2 + p + *,
dso-banner .col-sm-12 > .dso-rich-content h3 + p + *,
dso-banner .col-sm-12 > .dso-rich-content h4 + p + *,
dso-banner .col-sm-12 > .dso-rich-content h5 + p + *,
dso-banner .col-sm-12 > .dso-rich-content h6 + p + *,
dso-banner .container > .dso-rich-content h1 + p + *,
dso-banner .container > .dso-rich-content h2 + p + *,
dso-banner .container > .dso-rich-content h3 + p + *,
dso-banner .container > .dso-rich-content h4 + p + *,
dso-banner .container > .dso-rich-content h5 + p + *,
dso-banner .container > .dso-rich-content h6 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h1 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h2 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h3 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h4 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h5 + p + *,
dso-banner .dso-banner-inner > .dso-rich-content h6 + p + * {
  margin-block-start: 16px;
}
dso-banner .col-sm-12 > .dso-rich-content > h2:first-child,
dso-banner .container > .dso-rich-content > h2:first-child,
dso-banner .dso-banner-inner > .dso-rich-content > h2:first-child {
  float: inline-start;
  margin-inline-end: 8px;
}
dso-banner .col-sm-12 > .dso-rich-content *:first-child,
dso-banner .container > .dso-rich-content *:first-child,
dso-banner .dso-banner-inner > .dso-rich-content *:first-child {
  margin-block-start: 0;
}
dso-banner .col-sm-12 > .dso-rich-content *:last-child,
dso-banner .container > .dso-rich-content *:last-child,
dso-banner .dso-banner-inner > .dso-rich-content *:last-child {
  margin-block-end: 0;
}
dso-banner .dso-banner-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  dso-banner .dso-banner-inner {
    inline-size: auto;
  }
}
@media (min-width: 992px) {
  dso-banner .dso-banner-inner {
    inline-size: 922px;
  }
}
@media (min-width: 1200px) {
  dso-banner .dso-banner-inner {
    inline-size: 1152px;
  }
}
dso-banner .container::before,
dso-banner .dso-banner-inner::before {
  content: "";
  position: absolute;
  inset-inline-start: 16px;
  inset-block-start: 0;
  display: inline-block;
}
@media screen and (min-width: 480px) {
  dso-banner:not([no-icon]) .col-sm-12,
  dso-banner:not([no-icon]) .dso-banner-inner {
    padding-inline-start: 48px;
  }
}
@media screen and (max-width: 479.01px) {
  dso-banner:not([no-icon]) .col-sm-12,
  dso-banner:not([no-icon]) .dso-banner-inner {
    padding-block-start: 39px;
  }
  dso-banner:not([no-icon]) .col-sm-12 > .dso-rich-content,
  dso-banner:not([no-icon]) .dso-banner-inner > .dso-rich-content {
    padding-inline-end: 0;
  }
}
dso-banner[status=danger] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
dso-banner[status=danger] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-banner[status=danger] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-banner[status=danger] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-banner[status=danger] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
dso-banner[status=danger]:not([no-icon]) .container::before,
dso-banner[status=danger]:not([no-icon]) .dso-banner-inner::before {
  background: url("./di.svg#status-danger") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-banner[status=error] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
dso-banner[status=error] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-banner[status=error] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-banner[status=error] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-banner[status=error] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
dso-banner[status=error]:not([no-icon]) .container::before,
dso-banner[status=error]:not([no-icon]) .dso-banner-inner::before {
  background: url("./di.svg#status-error") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-banner[status=info] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e1ecf7;
  border-color: #e1ecf7;
  color: #191919;
}
dso-banner[status=info] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-banner[status=info] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-banner[status=info] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-banner[status=info] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
dso-banner[status=info]:not([no-icon]) .container::before,
dso-banner[status=info]:not([no-icon]) .dso-banner-inner::before {
  background: url("./di.svg#status-info") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-banner[status=warning] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
dso-banner[status=warning] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-banner[status=warning] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-banner[status=warning] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-banner[status=warning] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
dso-banner[status=warning]:not([no-icon]) .container::before,
dso-banner[status=warning]:not([no-icon]) .dso-banner-inner::before {
  background: url("./di.svg#status-warning") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}

blockquote {
  border-inline-start: 5px solid #e5e5e5;
  font-size: 1.25rem;
  margin-block: 0 16px;
  margin-inline: 0;
  padding: 16px;
}
blockquote p:last-child {
  margin-block-end: 0;
}

ol.breadcrumb::before, ol.breadcrumb::after {
  display: table;
  content: " ";
}
ol.breadcrumb::after {
  clear: both;
}
ol.breadcrumb {
  list-style: none;
  margin-block-end: 16px;
  margin-block-start: 16px;
  padding-block: 0;
  padding-inline: 8px;
}
ol.breadcrumb > li {
  display: flex;
  float: inline-start;
}
ol.breadcrumb > li + li::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 21.1 55.7' %3E%3Cpath fill='%23666' d='M0 45.6c0-.1.1-.4.4-1.1L14.9 8.6c.2-.5.5-.8 1-1 .5-.2 1.1-.3 1.9-.3h.7c1.8 0 2.6.3 2.6.8 0 .2-.1.6-.4 1.1l-14.5 36c-.2.5-.5.8-1 1-.4.2-1.1.2-1.9.2h-.8c-1.7 0-2.5-.2-2.5-.8z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  margin-block: 0;
  margin-inline: 4px;
  position: relative;
  inline-size: 7px;
  inset-block-start: 1px;
}
ol.breadcrumb > li.active {
  color: #666;
}
ol.breadcrumb > li > a {
  text-decoration: none;
}
ol.breadcrumb > li > a:hover, ol.breadcrumb > li > a:focus-visible, ol.breadcrumb > li > a:active {
  text-decoration: underline;
}
ol.breadcrumb > li > a, ol.breadcrumb > li > a:visited {
  color: #39870c;
}

button {
  -webkit-appearance: button;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
button[disabled] {
  cursor: default;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a.dso-primary,
button.dso-primary,
label.dso-primary {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
a.dso-primary:focus, a.dso-primary:focus-visible,
button.dso-primary:focus,
button.dso-primary:focus-visible,
label.dso-primary:focus,
label.dso-primary:focus-visible {
  outline-offset: 2px;
}
a.dso-primary:active,
button.dso-primary:active,
label.dso-primary:active {
  outline: 0;
}
a.dso-primary.extern::after, a.dso-primary.download::after,
button.dso-primary.extern::after,
button.dso-primary.download::after,
label.dso-primary.extern::after,
label.dso-primary.download::after {
  content: "";
  display: inline-block;
  margin-inline-start: 8px;
}
a.dso-primary,
button.dso-primary,
label.dso-primary {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
a.dso-primary,
button.dso-primary,
label.dso-primary {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  line-height: 1.5;
  min-inline-size: 56px;
  padding-block: 11px;
  padding-inline: 15px;
}
a.dso-primary:hover,
button.dso-primary:hover,
label.dso-primary:hover {
  background-color: #275937;
  border-color: #275937;
  color: #fff;
}
a.dso-primary:active,
button.dso-primary:active,
label.dso-primary:active {
  background-color: #173521;
  border-color: #173521;
  color: #fff;
}
a.dso-primary[disabled], a.dso-primary[disabled]:hover,
button.dso-primary[disabled],
button.dso-primary[disabled]:hover,
label.dso-primary[disabled],
label.dso-primary[disabled]:hover {
  background-color: #afcf9d;
  border-color: #afcf9d;
  color: #fff;
}
a.dso-primary.dso-small,
button.dso-primary.dso-small,
label.dso-primary.dso-small {
  line-height: 1rem;
}
a.dso-primary.dso-small dso-icon,
a.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
button.dso-primary.dso-small dso-icon,
button.dso-primary.dso-small svg.di,
button.dso-primary.dso-small.extern::after,
button.dso-primary.dso-small.download::after,
button.dso-primary.dso-small.dso-spinner::before,
label.dso-primary.dso-small dso-icon,
label.dso-primary.dso-small svg.di,
label.dso-primary.dso-small.extern::after,
label.dso-primary.dso-small.download::after,
label.dso-primary.dso-small.dso-spinner::before {
  margin-block-end: -4px;
  margin-block-start: -4px;
}
a.dso-primary.dso-small.dso-spinner-left::before,
button.dso-primary.dso-small.dso-spinner-left::before,
label.dso-primary.dso-small.dso-spinner-left::before {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-primary.dso-small.dso-spinner-right::after,
button.dso-primary.dso-small.dso-spinner-right::after,
label.dso-primary.dso-small.dso-spinner-right::after {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-primary dso-icon,
a.dso-primary svg.di,
button.dso-primary dso-icon,
button.dso-primary svg.di,
label.dso-primary dso-icon,
label.dso-primary svg.di {
  margin-inline-start: -8px;
  margin-inline-end: 8px;
}
a.dso-primary span + dso-icon,
a.dso-primary span + svg.di,
button.dso-primary span + dso-icon,
button.dso-primary span + svg.di,
label.dso-primary span + dso-icon,
label.dso-primary span + svg.di {
  margin-inline-start: 8px;
  margin-inline-end: -8px;
}
a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
button.dso-primary.dso-spinner-left[disabled],
button.dso-primary.dso-spinner-right[disabled],
label.dso-primary.dso-spinner-left[disabled],
label.dso-primary.dso-spinner-right[disabled] {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
a.dso-primary.dso-spinner-left::before,
button.dso-primary.dso-spinner-left::before,
label.dso-primary.dso-spinner-left::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-end: 8px;
}
a.dso-primary.dso-spinner-right::after,
button.dso-primary.dso-spinner-right::after,
label.dso-primary.dso-spinner-right::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-start: 8px;
}
a.dso-primary.download::after,
button.dso-primary.download::after,
label.dso-primary.download::after {
  background: url("./di.svg#download-wit") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-primary.extern::after,
button.dso-primary.extern::after,
label.dso-primary.extern::after {
  background: url("./di.svg#external-link-wit") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-secondary,
button.dso-secondary,
label.dso-secondary {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
a.dso-secondary:focus, a.dso-secondary:focus-visible,
button.dso-secondary:focus,
button.dso-secondary:focus-visible,
label.dso-secondary:focus,
label.dso-secondary:focus-visible {
  outline-offset: 2px;
}
a.dso-secondary:active,
button.dso-secondary:active,
label.dso-secondary:active {
  outline: 0;
}
a.dso-secondary.extern::after, a.dso-secondary.download::after,
button.dso-secondary.extern::after,
button.dso-secondary.download::after,
label.dso-secondary.extern::after,
label.dso-secondary.download::after {
  content: "";
  display: inline-block;
  margin-inline-start: 8px;
}
a.dso-secondary,
button.dso-secondary,
label.dso-secondary {
  background-color: #fff;
  border-color: #39870c;
  color: #39870c;
}
a.dso-secondary,
button.dso-secondary,
label.dso-secondary {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  line-height: 1.5;
  min-inline-size: 56px;
  padding-block: 11px;
  padding-inline: 15px;
}
a.dso-secondary:hover,
button.dso-secondary:hover,
label.dso-secondary:hover {
  background-color: #d7e7ce;
  border-color: #39870c;
  color: #39870c;
}
a.dso-secondary:active,
button.dso-secondary:active,
label.dso-secondary:active {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
a.dso-secondary[disabled], a.dso-secondary[disabled]:hover,
button.dso-secondary[disabled],
button.dso-secondary[disabled]:hover,
label.dso-secondary[disabled],
label.dso-secondary[disabled]:hover {
  background-color: #fff;
  border-color: #afcf9d;
  color: #afcf9d;
}
a.dso-secondary.dso-small,
button.dso-secondary.dso-small,
label.dso-secondary.dso-small {
  line-height: 1rem;
}
a.dso-secondary.dso-small dso-icon,
a.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
button.dso-secondary.dso-small dso-icon,
button.dso-secondary.dso-small svg.di,
button.dso-secondary.dso-small.extern::after,
button.dso-secondary.dso-small.download::after,
button.dso-secondary.dso-small.dso-spinner::before,
label.dso-secondary.dso-small dso-icon,
label.dso-secondary.dso-small svg.di,
label.dso-secondary.dso-small.extern::after,
label.dso-secondary.dso-small.download::after,
label.dso-secondary.dso-small.dso-spinner::before {
  margin-block-end: -4px;
  margin-block-start: -4px;
}
a.dso-secondary.dso-small.dso-spinner-left::before,
button.dso-secondary.dso-small.dso-spinner-left::before,
label.dso-secondary.dso-small.dso-spinner-left::before {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-secondary.dso-small.dso-spinner-right::after,
button.dso-secondary.dso-small.dso-spinner-right::after,
label.dso-secondary.dso-small.dso-spinner-right::after {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-secondary dso-icon,
a.dso-secondary svg.di,
button.dso-secondary dso-icon,
button.dso-secondary svg.di,
label.dso-secondary dso-icon,
label.dso-secondary svg.di {
  margin-inline-start: -8px;
  margin-inline-end: 8px;
}
a.dso-secondary span + dso-icon,
a.dso-secondary span + svg.di,
button.dso-secondary span + dso-icon,
button.dso-secondary span + svg.di,
label.dso-secondary span + dso-icon,
label.dso-secondary span + svg.di {
  margin-inline-start: 8px;
  margin-inline-end: -8px;
}
a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
button.dso-secondary.dso-spinner-left[disabled],
button.dso-secondary.dso-spinner-right[disabled],
label.dso-secondary.dso-spinner-left[disabled],
label.dso-secondary.dso-spinner-right[disabled] {
  background-color: #fff;
  border-color: #39870c;
  color: #39870c;
}
a.dso-secondary.dso-spinner-left::before,
button.dso-secondary.dso-spinner-left::before,
label.dso-secondary.dso-spinner-left::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-end: 8px;
}
a.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
button.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-end: 8px;
}
a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-secondary.dso-spinner-right::after,
button.dso-secondary.dso-spinner-right::after,
label.dso-secondary.dso-spinner-right::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-start: 8px;
}
a.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
button.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-start: 8px;
}
a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
  block-size: 16px;
  inline-size: 16px;
}
a.dso-secondary.download::after,
button.dso-secondary.download::after,
label.dso-secondary.download::after {
  background: url("./di.svg#download") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-secondary.download:hover::after,
button.dso-secondary.download:hover::after,
label.dso-secondary.download:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
}
a.dso-secondary.download[disabled]::after,
button.dso-secondary.download[disabled]::after,
label.dso-secondary.download[disabled]::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
}
a.dso-secondary.extern::after,
button.dso-secondary.extern::after,
label.dso-secondary.extern::after {
  background: url("./di.svg#external-link") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-secondary.extern:hover::after,
button.dso-secondary.extern:hover::after,
label.dso-secondary.extern:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
}
a.dso-secondary.extern[disabled]::after,
button.dso-secondary.extern[disabled]::after,
label.dso-secondary.extern[disabled]::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
}
a.dso-tertiary,
button.dso-tertiary,
label.dso-tertiary {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
button.dso-tertiary:focus,
button.dso-tertiary:focus-visible,
label.dso-tertiary:focus,
label.dso-tertiary:focus-visible {
  outline-offset: 2px;
}
a.dso-tertiary:active,
button.dso-tertiary:active,
label.dso-tertiary:active {
  outline: 0;
}
a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
button.dso-tertiary.extern::after,
button.dso-tertiary.download::after,
label.dso-tertiary.extern::after,
label.dso-tertiary.download::after {
  content: "";
  display: inline-block;
  margin-inline-start: 8px;
}
a.dso-tertiary,
button.dso-tertiary,
label.dso-tertiary {
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
}
a.dso-tertiary[disabled],
button.dso-tertiary[disabled],
label.dso-tertiary[disabled] {
  color: #afcf9d;
}
a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
button.dso-tertiary[disabled].dso-spinner-left,
button.dso-tertiary[disabled].dso-spinner-right,
label.dso-tertiary[disabled].dso-spinner-left,
label.dso-tertiary[disabled].dso-spinner-right {
  color: #39870c;
}
a.dso-tertiary:not([disabled]):hover,
button.dso-tertiary:not([disabled]):hover,
label.dso-tertiary:not([disabled]):hover {
  color: #275937;
  text-decoration: underline;
  text-underline-position: under;
}
a.dso-tertiary:not([disabled]):active,
button.dso-tertiary:not([disabled]):active,
label.dso-tertiary:not([disabled]):active {
  color: #173521;
}
a.dso-tertiary.dso-align,
button.dso-tertiary.dso-align,
label.dso-tertiary.dso-align {
  line-height: calc(1.5em - 1px);
  padding-block: 11px;
  padding-inline: 0;
  position: relative;
}
a.dso-tertiary.dso-truncate,
button.dso-tertiary.dso-truncate,
label.dso-tertiary.dso-truncate {
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.dso-tertiary.dso-spinner-left::before,
button.dso-tertiary.dso-spinner-left::before,
label.dso-tertiary.dso-spinner-left::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-end: 8px;
}
a.dso-tertiary.dso-spinner-right::after,
button.dso-tertiary.dso-spinner-right::after,
label.dso-tertiary.dso-spinner-right::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-start: 8px;
}
a.dso-tertiary dso-icon + span:not(.sr-only),
a.dso-tertiary svg.di + span:not(.sr-only),
a.dso-tertiary span:not(.sr-only) + dso-icon,
a.dso-tertiary span:not(.sr-only) + svg.di,
button.dso-tertiary dso-icon + span:not(.sr-only),
button.dso-tertiary svg.di + span:not(.sr-only),
button.dso-tertiary span:not(.sr-only) + dso-icon,
button.dso-tertiary span:not(.sr-only) + svg.di,
label.dso-tertiary dso-icon + span:not(.sr-only),
label.dso-tertiary svg.di + span:not(.sr-only),
label.dso-tertiary span:not(.sr-only) + dso-icon,
label.dso-tertiary span:not(.sr-only) + svg.di {
  margin-inline-start: 8px;
}
a.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
a.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
button.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
button.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
label.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
label.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
  margin-inline-start: 4px;
}
a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
a.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
a.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
button.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
button.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
label.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
label.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
  margin-inline-start: 0;
}
a.dso-tertiary dso-icon,
a.dso-tertiary svg.di,
a.dso-tertiary span,
button.dso-tertiary dso-icon,
button.dso-tertiary svg.di,
button.dso-tertiary span,
label.dso-tertiary dso-icon,
label.dso-tertiary svg.di,
label.dso-tertiary span {
  vertical-align: middle;
}
a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
button.dso-tertiary.extern::after,
button.dso-tertiary.download::after,
label.dso-tertiary.extern::after,
label.dso-tertiary.download::after {
  position: relative;
  inset-block-start: -2px;
}
a.dso-tertiary.download::after,
button.dso-tertiary.download::after,
label.dso-tertiary.download::after {
  background: url("./di.svg#download") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-tertiary.download[disabled]::after,
button.dso-tertiary.download[disabled]::after,
label.dso-tertiary.download[disabled]::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
}
a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,
button.dso-tertiary.download:not([disabled]):hover::after,
button.dso-tertiary.download:not([disabled]):active::after,
label.dso-tertiary.download:not([disabled]):hover::after,
label.dso-tertiary.download:not([disabled]):active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-scampi"));
}
a.dso-tertiary.extern::after,
button.dso-tertiary.extern::after,
label.dso-tertiary.extern::after {
  background: url("./di.svg#external-link") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
a.dso-tertiary.extern[disabled]::after,
button.dso-tertiary.extern[disabled]::after,
label.dso-tertiary.extern[disabled]::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
}
a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,
button.dso-tertiary.extern:not([disabled]):hover::after,
button.dso-tertiary.extern:not([disabled]):active::after,
label.dso-tertiary.extern:not([disabled]):hover::after,
label.dso-tertiary.extern:not([disabled]):active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-scampi"));
}

a.dso-primary {
  text-decoration: none;
}
a.dso-primary, a.dso-primary:visited {
  color: #fff;
}
a.dso-secondary {
  text-decoration: none;
}
a.dso-secondary, a.dso-secondary:visited {
  color: #39870c;
}
a.dso-secondary:hover, a.dso-secondary:visited:hover {
  color: #39870c;
}
a.dso-tertiary {
  text-decoration: none;
}
a.dso-tertiary, a.dso-tertiary:visited {
  color: #39870c;
}

.dso-primary + .dso-primary,
.dso-primary + .dso-secondary,
.dso-primary + .dso-tertiary,
.dso-secondary + .dso-primary,
.dso-secondary + .dso-secondary,
.dso-secondary + .dso-tertiary,
.dso-tertiary + .dso-primary,
.dso-tertiary + .dso-secondary,
.dso-tertiary + .dso-tertiary {
  margin-inline-start: 16px;
}

.dso-button-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dso-button-row .dso-primary,
.dso-button-row .dso-secondary,
.dso-button-row .dso-tertiary {
  white-space: nowrap;
}
.dso-button-row .dso-primary + .dso-primary,
.dso-button-row .dso-primary + .dso-secondary,
.dso-button-row .dso-primary + .dso-tertiary,
.dso-button-row .dso-secondary + .dso-primary,
.dso-button-row .dso-secondary + .dso-secondary,
.dso-button-row .dso-secondary + .dso-tertiary,
.dso-button-row .dso-tertiary + .dso-primary,
.dso-button-row .dso-tertiary + .dso-secondary,
.dso-button-row .dso-tertiary + .dso-tertiary {
  margin-inline-start: 0;
}
.dso-button-row.dso-emphasized {
  background-color: #f2f2f2;
  gap: 32px;
  padding: 16px;
}
.dso-button-row.dso-emphasized .dso-tertiary {
  color: #000;
}
.dso-button-row.dso-align-right {
  justify-content: flex-end;
}
.dso-button-row.dso-align-center {
  justify-content: center;
}
.dso-button-row.dso-no-wrap {
  flex-wrap: nowrap;
}

.dso-card:has(.dso-card-heading a:is(:hover, :focus-visible)) {
  background-color: #f2f2f2;
}
.dso-card:has(.dso-card-heading a:is(:hover, :focus-visible)) .dso-card-heading a:hover {
  color: #275937;
  text-decoration: underline;
}
.dso-card.dso-is-selectable .dso-card-container {
  display: grid;
  grid-template-columns: 1fr minmax(0, 100%);
}
.dso-card.dso-is-selectable .dso-card-container .dso-card-heading,
.dso-card.dso-is-selectable .dso-card-container .dso-card-content {
  grid-column: 2/-1;
}
.dso-card .dso-rich-content.dso-rich-content :first-child {
  margin-block-start: 0;
}
.dso-card .dso-rich-content.dso-rich-content :last-child {
  margin-block-end: 0;
}
.dso-card .dso-selectable label {
  font-size: 0;
}
.dso-card .dso-card-container {
  padding-block: 16px;
  padding-inline: 16px;
  inline-size: 100%;
}
.dso-card .dso-card-container.dso-card-active {
  background-color: #e5e5e5;
}
.dso-card .dso-card-container .dso-card-selectable {
  grid-row: span 2;
}
.dso-card .dso-card-heading {
  align-items: center;
  display: flex;
  margin-block-end: 8px;
}
.dso-card .dso-card-heading h2:first-child,
.dso-card .dso-card-heading h3:first-child,
.dso-card .dso-card-heading h4:first-child,
.dso-card .dso-card-heading h5:first-child {
  align-items: center;
  display: flex;
  font-size: 1.125em;
  margin-block-end: 0;
  margin-block-start: 0;
}
.dso-card .dso-card-heading h2:first-child span,
.dso-card .dso-card-heading h3:first-child span,
.dso-card .dso-card-heading h4:first-child span,
.dso-card .dso-card-heading h5:first-child span {
  margin-inline-end: 4px;
}
.dso-card .dso-card-heading h2:first-child span + dso-icon,
.dso-card .dso-card-heading h2:first-child span + svg.di,
.dso-card .dso-card-heading h3:first-child span + dso-icon,
.dso-card .dso-card-heading h3:first-child span + svg.di,
.dso-card .dso-card-heading h4:first-child span + dso-icon,
.dso-card .dso-card-heading h4:first-child span + svg.di,
.dso-card .dso-card-heading h5:first-child span + dso-icon,
.dso-card .dso-card-heading h5:first-child span + svg.di {
  flex-shrink: 0;
  position: relative;
}
.dso-card .dso-card-heading a {
  text-decoration: none;
}
.dso-card .dso-card-heading a, .dso-card .dso-card-heading a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited, .dso-card .dso-card-heading a:active, .dso-card .dso-card-heading a:focus-visible {
  color: #275937;
}
@media screen and (max-width: 480px) {
  .dso-card .dso-card-heading {
    flex-wrap: wrap;
  }
}
.dso-card .dso-card-interactions {
  display: flex;
  justify-content: space-between;
  margin-inline-start: auto;
}
.dso-card .dso-card-interactions .dso-card-interaction {
  align-items: center;
  display: flex;
  text-align: center;
}
.dso-card .dso-card-interactions .dso-card-interaction p {
  margin-block-end: 0;
}
.dso-card .dso-card-interactions .dso-info-button {
  margin: 0;
}
@media screen and (max-width: 480px) {
  .dso-card .dso-card-interactions {
    flex-basis: 100%;
    margin-block-start: 16px;
  }
}

dso-card-container[mode=list] > li {
  border-block-start: 1px solid #ccc;
}

dso-card-container[mode=grid] dso-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.dso-card-grid {
  display: grid;
  gap: 32px;
  grid-auto-rows: 1fr;
}
.dso-card-grid .dso-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .dso-card-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dso-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .dso-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

ul.dso-card-list,
ol.dso-card-list {
  padding-inline-start: 0;
  list-style: none;
  border-block-end: 1px solid #ccc;
  margin-block-start: -1px;
}
ul.dso-card-list > li,
ol.dso-card-list > li {
  border-block-start: 1px solid #ccc;
}

code {
  background-color: #f9f2f4;
  border-radius: 4px;
  color: #c7254e;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 90%;
  line-height: 1.6666666667;
  padding-block: 2px;
  padding-inline: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.dso-context-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-block-end: 8px;
  row-gap: 16px;
}
.dso-context-wrapper.dso-align-left {
  justify-content: flex-start;
  column-gap: 24px;
  row-gap: 8px;
}
.dso-context-wrapper.dso-align-left .dso-context-container {
  margin-inline-start: 0;
}
.dso-context-wrapper .dso-context-container {
  margin-inline-start: auto;
}
.dso-context-wrapper .dso-context-label h1, .dso-context-wrapper .dso-context-label h2, .dso-context-wrapper .dso-context-label h3, .dso-context-wrapper .dso-context-label h4, .dso-context-wrapper .dso-context-label h5, .dso-context-wrapper .dso-context-label h6, .dso-context-wrapper .dso-context-label .h1, .dso-context-wrapper .dso-context-label .h2, .dso-context-wrapper .dso-context-label .h3, .dso-context-wrapper .dso-context-label .h4, .dso-context-wrapper .dso-context-label .h5, .dso-context-wrapper .dso-context-label .h6 {
  margin-block-end: 0;
  margin-block-start: 0;
}
.dso-context-wrapper .dso-context-select {
  align-items: center;
  display: flex;
}
.dso-context-wrapper .dso-context-select label {
  margin-block-end: 8px;
  margin-inline-end: 8px;
}
.dso-context-wrapper .dso-context-select select {
  display: block;
  inline-size: 100%;
  block-size: 40px;
  padding-block: 6px;
  padding-inline: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: #191919;
  background-color: #fff;
  background-image: none;
  border: 1px solid #275937;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dso-context-wrapper .dso-context-select select::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.dso-context-wrapper .dso-context-select select:-ms-input-placeholder {
  color: #666;
}
.dso-context-wrapper .dso-context-select select::-webkit-input-placeholder {
  color: #666;
}
.dso-context-wrapper .dso-context-select select::-ms-expand {
  background-color: transparent;
  border: 0;
}
.dso-context-wrapper .dso-context-select select:focus {
  border-color: #275937;
  outline: 0;
  box-shadow: inset 0 0 0 1px #275937;
}
.dso-context-wrapper .dso-context-select select[disabled], .dso-context-wrapper .dso-context-select select[readonly], fieldset[disabled] .dso-context-wrapper .dso-context-select select {
  background-color: #fff;
  opacity: 1;
}
.dso-context-wrapper .dso-context-select select[disabled], fieldset[disabled] .dso-context-wrapper .dso-context-select select {
  cursor: default;
}
.dso-context-wrapper .dso-context-select select[disabled] {
  border-color: #e5e5e5;
  color: #999;
}
.dso-context-wrapper .dso-context-select select[readonly] {
  border-width: 1px;
}
.dso-context-wrapper .dso-context-select select[type=text] {
  line-height: 40px;
}
.dso-context-wrapper .dso-context-select select[size] {
  inline-size: auto;
}
.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);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-inline-end: 32px;
  inline-size: auto;
}

@media screen and (min-width: 481px) {
  .dso-context-wrapper .dso-context-container .dso-context-select label {
    margin-block-end: 0;
  }
}
@media screen and (max-width: 480px) {
  .dso-context-wrapper .dso-context-container {
    flex-basis: 100%;
  }
  .dso-context-wrapper .dso-context-container .dso-context-select {
    flex-wrap: wrap;
  }
  .dso-context-wrapper .dso-context-container .dso-context-select label {
    flex-basis: 100%;
  }
}
dl {
  margin-block-end: var(--_dt-dl-margin-block-end, 16px);
  margin-block-start: 0;
  font-size: var(--_dt-dl-font-size, inherit);
}
dl + dl::before {
  border-block-end: 1px solid #ccc;
  content: " ";
  display: var(--_dt-dl-before-display, block);
  float: inline-start;
  block-size: 8px;
  margin-block-end: 24px;
  inline-size: 100%;
}
dl.dso-grouped > .dso-group {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 8px;
}
dl.dso-grouped dt,
dl.dso-grouped dd {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- wrapping is done by child dt/dd elements */
  white-space: nowrap;
}
dl.dso-grouped dt::after {
  content: ":";
  display: inline-block;
}
dl dt,
dl dd {
  line-height: 1.5;
}
dl dt {
  font-weight: var(--_dt-dl-dt-font-weight, 700);
}
dl dd p {
  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
  margin-inline: 0;
}
dl dd ul,
dl dd ol {
  margin-block-end: 16px;
}
dl dd ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
dl dd ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
dl dd ul ul,
dl dd ul ol,
dl dd ol ul,
dl dd ol ol {
  margin-block-end: 0;
}
dl dd pre {
  margin-block: 0 16px;
  margin-inline: 0;
}
dl dd blockquote {
  padding-block: 16px;
  padding-inline: 24px;
}
dl dd dso-highlight-box,
dl dd .dso-highlight-box {
  margin-block-end: 24px;
}
dl dd img {
  block-size: auto;
  max-inline-size: 100%;
}
dl dd::before, dl dd::after {
  display: table;
  content: " ";
}
dl dd::after {
  clear: both;
}
dl dd {
  margin-inline-start: 0;
}
dl dd:last-of-type {
  margin-inline-end: 0;
}
dl dd p:last-child {
  margin-block-end: 0;
}
@media screen and (min-width: 768px) {
  dl dd:last-of-type {
    margin-block-end: var(--_dt-dl-dd-last-margin-block-end, 8px);
  }
}
@media screen and (min-width: 768px) {
  dl.dso-columns {
    break-inside: avoid;
    column-gap: 16px;
  }
  dl.dso-columns dd:last-of-type {
    margin-block-end: 0;
  }
  dl.dso-columns.dso-2-columns {
    column-count: 2;
  }
  dl.dso-columns.dso-2-columns dt {
    inline-size: calc(50% - 8px);
  }
  dl.dso-columns.dso-2-columns dd {
    margin-inline-start: calc(50% + 8px);
  }
  dl.dso-columns.dso-3-columns {
    column-count: 3;
  }
  dl.dso-columns.dso-3-columns dt {
    inline-size: calc(50% - 8px);
  }
  dl.dso-columns.dso-3-columns dd {
    margin-inline-start: calc(50% + 8px);
  }
  dl.dso-columns > div,
  dl.dso-columns > div dt,
  dl.dso-columns > div dd {
    break-inside: avoid-column;
    overflow: hidden;
  }
}
dl.dso-columns > div {
  margin-block-end: 8px;
}
@media screen and (min-width: 768px) {
  dl:not(.dso-vertical):not(.dso-columns) dd + dt,
  dl:not(.dso-vertical):not(.dso-columns) dd + dt + dd {
    margin-block-start: var(--_dt-dl-dd-margin-block-start, 8px);
  }
}
@media screen and (min-width: 768px) {
  dl:not(.dso-vertical) dt {
    clear: inline-start;
    float: inline-start;
    inline-size: var(--_dt-dl-dt-inline-size, 200px);
    word-wrap: break-word;
  }
  dl:not(.dso-vertical) dd {
    margin-inline-start: var(--_dt-dl-dd-margin-inline-start, 200px);
    padding-inline-start: var(--_dt-dl-dd-padding-inline-start, 16px);
  }
  dl:not(.dso-vertical).dso-columns-1-3 dt {
    inline-size: 25%;
  }
  dl:not(.dso-vertical).dso-columns-1-3 dd {
    margin-inline-start: 25%;
  }
  dl:not(.dso-vertical).dso-columns-2-2 dt {
    inline-size: 50%;
  }
  dl:not(.dso-vertical).dso-columns-2-2 dd {
    margin-inline-start: 50%;
  }
  dl:not(.dso-vertical).dso-columns-3-1 dt {
    inline-size: 75%;
  }
  dl:not(.dso-vertical).dso-columns-3-1 dd {
    margin-inline-start: 75%;
  }
  dl:not(.dso-vertical).dso-columns {
    break-inside: avoid;
    column-gap: 16px;
  }
  dl:not(.dso-vertical).dso-columns dt,
  dl:not(.dso-vertical).dso-columns dd {
    break-inside: avoid-column;
  }
  dl:not(.dso-vertical).dso-columns dd {
    padding-inline-start: 0;
  }
  dl:not(.dso-vertical).dso-2-columns {
    column-count: 2;
  }
  dl:not(.dso-vertical).dso-3-columns {
    column-count: 3;
  }
}
dl.dso-vertical dt,
dl.dso-vertical dd {
  inline-size: 100%;
}
dl.dso-vertical dd {
  margin-inline-start: 0;
}
dl.dso-vertical dd + dt {
  margin-block-start: 8px;
}
dl.dso-emphasize-description dt {
  color: #666;
  font-weight: normal;
}
dl.dso-with-header dt:first-of-type,
dl.dso-with-header dd:first-of-type {
  color: #39870c;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  dl:not(.dso-bordered) dd + dt {
    margin-block-start: var(--_dt-dl-dd-margin-block-start, 8px);
  }
}
dl.dso-bordered {
  border-block-end: 1px solid #ccc;
}
dl.dso-bordered dt::before {
  border-block-start: 1px solid #ccc;
  content: "";
  display: block;
  padding-block-start: 8px;
  inline-size: 100%;
}
dl.dso-bordered dt:last-of-type,
dl.dso-bordered dd:last-of-type {
  padding-block-end: 4px;
}
@media screen and (min-width: 768px) {
  dl.dso-bordered dd:last-of-type {
    margin-block-end: 0;
  }
}
@media screen and (max-width: 767px) {
  dl.dso-bordered dd + dt::before {
    margin-block-start: 8px;
  }
  dl.dso-bordered dd:last-of-type {
    margin-block-end: 8px;
  }
}
@media screen and (min-width: 768px) {
  dl.dso-bordered dt + dd {
    margin-inline-start: 200px;
    padding-inline-start: 16px;
  }
  dl.dso-bordered dt + dd::before {
    border-block-start: 1px solid #ccc;
    content: "";
    display: block;
    margin-inline-start: -16px;
    margin-block-end: 8px;
    inline-size: calc(100% + 16px);
  }
}

del {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
del a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
del a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
del a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
del a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
del {
  text-decoration: line-through;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  del {
    font-family: sans-serif;
  }
}

.dso-description-term {
  border-block-end: 2px dotted #6ca4d9;
}
.dso-description-term, .dso-description-term:visited, .dso-description-term:active, .dso-description-term:focus {
  color: #191919 !important;
  text-decoration: none !important;
}
.dso-description-term:hover {
  border-block-end-style: solid;
  text-decoration: none;
}
.dso-description-term.dso-open {
  position: relative;
}
.dso-description-term.dso-open::before {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  inset-block-end: -14px;
  content: "";
  block-size: 0;
  inset-inline-start: 50%;
  margin-inline-start: -7px;
  position: absolute;
  inline-size: 0;
  z-index: 101;
}
.dso-description-term.dso-open::after {
  border-color: #6ca4d9 transparent transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  inset-block-end: -16px;
  content: "";
  block-size: 0;
  inset-inline-start: 50%;
  margin-inline-start: -8px;
  position: absolute;
  inline-size: 0;
  z-index: 100;
}
.dso-description-term.dso-open + .dso-description-content {
  display: block;
}
.dso-description-term:not(.dso-open) + .dso-description-content {
  display: none;
}
.dso-description-term + .dso-description-content {
  background-color: #e1ecf7;
  border: 1px #6ca4d9 solid;
  margin-block: 4px 0;
  margin-inline: 0;
  padding-block: 8px;
  padding-inline: 32px 8px;
  position: relative;
}
.dso-description-term + .dso-description-content > a {
  display: block;
  block-size: 24px;
  position: absolute;
  inset-inline-end: 0;
  text-align: center;
  inset-block-start: 0;
  inline-size: 24px;
}
.dso-description-term + .dso-description-content > a::before {
  background: url("./di.svg#times-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-description-term + .dso-description-content > a::before {
  content: "";
  display: block;
}

ul.dso-document-component-list {
  padding-inline-start: 0;
  list-style: none;
  margin: 0;
}
ul.dso-document-component-list > li + li {
  margin-block-start: 8px;
}

dso-responsive-element.dso-document-components[small] dso-document-component::part(_annotation-container), dso-responsive-element.dso-document-components[small] dso-document-component::part(_content) {
  padding-inline-start: 24px;
}
dso-responsive-element.dso-document-components[small] dso-document-component[not-collapsible]::part(_heading-container) {
  padding-inline-start: 24px;
}
dso-responsive-element.dso-document-components[small] dso-document-component:not([not-collapsible])::part(_children-container) {
  padding-inline-start: 24px;
}
dso-responsive-element.dso-document-components[small] dso-document-component:not([not-collapsible]) dso-document-component {
  margin-inline-start: -24px;
}
dso-responsive-element.dso-document-components:not([small]) dso-document-component[filtered]::before {
  inset-inline-start: calc((var(--depth) * 24px + 3px) * -1);
}
dso-responsive-element.dso-document-components:not([small]) dso-document-component:not([not-collapsible]) {
  --b: calc(var(--depth) + 1);
}
dso-responsive-element.dso-document-components:not([small]) dso-document-component:not([not-collapsible])::part(_annotation-container), dso-responsive-element.dso-document-components:not([small]) dso-document-component:not([not-collapsible])::part(_content), dso-responsive-element.dso-document-components:not([small]) dso-document-component:not([not-collapsible])::part(_children-container) {
  padding-inline-start: 24px;
}
dso-responsive-element.dso-document-components:not([small]) dso-document-component:not([not-collapsible]) li {
  --a: var(--b);
}

dso-document-component[not-applicable] {
  opacity: 0.6;
}
dso-document-component[not-applicable] dso-document-component[not-applicable] {
  opacity: 1;
}

.dso-document-header {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-document-header a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-document-header a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-document-header a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-document-header a: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 {
  padding: 16px;
  margin-inline-start: -16px;
  margin-inline-end: -16px;
}
.dso-document-header h1 button, .dso-document-header h2 button, .dso-document-header h3 button, .dso-document-header h4 button, .dso-document-header h5 button, .dso-document-header h6 button, .dso-document-header .h1 button, .dso-document-header .h2 button, .dso-document-header .h3 button, .dso-document-header .h4 button, .dso-document-header .h5 button, .dso-document-header .h6 button {
  border: 0;
  padding: 0;
}
.dso-document-header h1 button svg.di, .dso-document-header h2 button svg.di, .dso-document-header h3 button svg.di, .dso-document-header h4 button svg.di, .dso-document-header h5 button svg.di, .dso-document-header h6 button svg.di, .dso-document-header .h1 button svg.di, .dso-document-header .h2 button svg.di, .dso-document-header .h3 button svg.di, .dso-document-header .h4 button svg.di, .dso-document-header .h5 button svg.di, .dso-document-header .h6 button svg.di {
  display: none;
}
.dso-document-header.dso-document-header-sticky {
  inset-inline-start: 0;
  padding: 0;
  position: sticky;
  inset-block-start: 0;
}
.dso-document-header.dso-document-header-sticky h1, .dso-document-header.dso-document-header-sticky h2, .dso-document-header.dso-document-header-sticky h3, .dso-document-header.dso-document-header-sticky h4, .dso-document-header.dso-document-header-sticky h5, .dso-document-header.dso-document-header-sticky h6, .dso-document-header.dso-document-header-sticky .h1, .dso-document-header.dso-document-header-sticky .h2, .dso-document-header.dso-document-header-sticky .h3, .dso-document-header.dso-document-header-sticky .h4, .dso-document-header.dso-document-header-sticky .h5, .dso-document-header.dso-document-header-sticky .h6 {
  font-size: 1.25rem;
  margin-block-end: 0;
}
.dso-document-header.dso-document-header-sticky h1 button, .dso-document-header.dso-document-header-sticky h2 button, .dso-document-header.dso-document-header-sticky h3 button, .dso-document-header.dso-document-header-sticky h4 button, .dso-document-header.dso-document-header-sticky h5 button, .dso-document-header.dso-document-header-sticky h6 button, .dso-document-header.dso-document-header-sticky .h1 button, .dso-document-header.dso-document-header-sticky .h2 button, .dso-document-header.dso-document-header-sticky .h3 button, .dso-document-header.dso-document-header-sticky .h4 button, .dso-document-header.dso-document-header-sticky .h5 button, .dso-document-header.dso-document-header-sticky .h6 button {
  align-items: center;
  background-color: transparent;
  display: flex;
  padding-block: 7px 8px;
  padding-inline: 16px;
  text-align: start;
  inline-size: 100%;
}
.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 {
  background: url("./di.svg#chevron-up-bosgroen") no-repeat center;
  background-size: cover;
  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;
}
.dso-document-header.dso-document-header-sticky h1 button span, .dso-document-header.dso-document-header-sticky h2 button span, .dso-document-header.dso-document-header-sticky h3 button span, .dso-document-header.dso-document-header-sticky h4 button span, .dso-document-header.dso-document-header-sticky h5 button span, .dso-document-header.dso-document-header-sticky h6 button span, .dso-document-header.dso-document-header-sticky .h1 button span, .dso-document-header.dso-document-header-sticky .h2 button span, .dso-document-header.dso-document-header-sticky .h3 button span, .dso-document-header.dso-document-header-sticky .h4 button span, .dso-document-header.dso-document-header-sticky .h5 button span, .dso-document-header.dso-document-header-sticky .h6 button span {
  display: inline-block;
  margin-inline-end: 8px;
  max-inline-size: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dso-document-header.dso-document-header-sticky .dso-document-header-container {
  display: none;
}
.dso-document-header > :first-child {
  margin-block-start: 0;
}
.dso-document-header h1 {
  margin-block-end: 8px;
}
.dso-document-header .dso-document-header-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.dso-document-header .dso-document-header-status > dso-label,
.dso-document-header .dso-document-header-status > .dso-label {
  margin-inline-end: -8px;
}
.dso-document-header .dso-document-header-status .dso-document-header-badges {
  display: flex;
  gap: 8px;
}
.dso-document-header .dso-document-header-container {
  position: relative;
}
.dso-document-header .dso-document-header-owner-wrapper {
  padding-inline-end: 32px;
}
.dso-document-header .dso-document-header-type,
.dso-document-header .dso-document-header-owner {
  margin-block: 0 8px;
  margin-inline: 0;
  display: inline-block;
}
.dso-document-header .dso-document-header-map-action,
.dso-document-header .dso-document-header-toggle-features,
.dso-document-header .dso-document-header-toggle-status {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
.dso-document-header .dso-document-header-map-action:focus, .dso-document-header .dso-document-header-map-action:focus-visible,
.dso-document-header .dso-document-header-toggle-features:focus,
.dso-document-header .dso-document-header-toggle-features:focus-visible,
.dso-document-header .dso-document-header-toggle-status:focus,
.dso-document-header .dso-document-header-toggle-status:focus-visible {
  outline-offset: 2px;
}
.dso-document-header .dso-document-header-map-action:active,
.dso-document-header .dso-document-header-toggle-features:active,
.dso-document-header .dso-document-header-toggle-status:active {
  outline: 0;
}
.dso-document-header .dso-document-header-map-action.extern::after, .dso-document-header .dso-document-header-map-action.download::after,
.dso-document-header .dso-document-header-toggle-features.extern::after,
.dso-document-header .dso-document-header-toggle-features.download::after,
.dso-document-header .dso-document-header-toggle-status.extern::after,
.dso-document-header .dso-document-header-toggle-status.download::after {
  content: "";
  display: inline-block;
  margin-inline-start: 8px;
}
.dso-document-header .dso-document-header-map-action,
.dso-document-header .dso-document-header-toggle-features,
.dso-document-header .dso-document-header-toggle-status {
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
}
.dso-document-header .dso-document-header-map-action[disabled],
.dso-document-header .dso-document-header-toggle-features[disabled],
.dso-document-header .dso-document-header-toggle-status[disabled] {
  color: #afcf9d;
}
.dso-document-header .dso-document-header-map-action[disabled].dso-spinner-left, .dso-document-header .dso-document-header-map-action[disabled].dso-spinner-right,
.dso-document-header .dso-document-header-toggle-features[disabled].dso-spinner-left,
.dso-document-header .dso-document-header-toggle-features[disabled].dso-spinner-right,
.dso-document-header .dso-document-header-toggle-status[disabled].dso-spinner-left,
.dso-document-header .dso-document-header-toggle-status[disabled].dso-spinner-right {
  color: #39870c;
}
.dso-document-header .dso-document-header-map-action:not([disabled]):hover,
.dso-document-header .dso-document-header-toggle-features:not([disabled]):hover,
.dso-document-header .dso-document-header-toggle-status:not([disabled]):hover {
  color: #275937;
  text-decoration: underline;
  text-underline-position: under;
}
.dso-document-header .dso-document-header-map-action:not([disabled]):active,
.dso-document-header .dso-document-header-toggle-features:not([disabled]):active,
.dso-document-header .dso-document-header-toggle-status:not([disabled]):active {
  color: #173521;
}
.dso-document-header .dso-document-header-map-action.dso-align,
.dso-document-header .dso-document-header-toggle-features.dso-align,
.dso-document-header .dso-document-header-toggle-status.dso-align {
  line-height: calc(1.5em - 1px);
  padding-block: 11px;
  padding-inline: 0;
  position: relative;
}
.dso-document-header .dso-document-header-map-action.dso-truncate,
.dso-document-header .dso-document-header-toggle-features.dso-truncate,
.dso-document-header .dso-document-header-toggle-status.dso-truncate {
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dso-document-header .dso-document-header-map-action.dso-spinner-left::before,
.dso-document-header .dso-document-header-toggle-features.dso-spinner-left::before,
.dso-document-header .dso-document-header-toggle-status.dso-spinner-left::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-end: 8px;
}
.dso-document-header .dso-document-header-map-action.dso-spinner-right::after,
.dso-document-header .dso-document-header-toggle-features.dso-spinner-right::after,
.dso-document-header .dso-document-header-toggle-status.dso-spinner-right::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-start: 8px;
}
.dso-document-header .dso-document-header-map-action dso-icon + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action svg.di + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + dso-icon,
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + svg.di,
.dso-document-header .dso-document-header-toggle-features dso-icon + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features svg.di + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + dso-icon,
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + svg.di,
.dso-document-header .dso-document-header-toggle-status dso-icon + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status svg.di + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + dso-icon,
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + svg.di {
  margin-inline-start: 8px;
}
.dso-document-header .dso-document-header-map-action svg.di.di-chevron-down + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action svg.di.di-chevron-up + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + svg.di.di-chevron-down,
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + svg.di.di-chevron-up,
.dso-document-header .dso-document-header-toggle-features svg.di.di-chevron-down + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features svg.di.di-chevron-up + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + svg.di.di-chevron-down,
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + svg.di.di-chevron-up,
.dso-document-header .dso-document-header-toggle-status svg.di.di-chevron-down + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status svg.di.di-chevron-up + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + svg.di.di-chevron-down,
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + svg.di.di-chevron-up {
  margin-inline-start: 4px;
}
.dso-document-header .dso-document-header-map-action dso-icon[icon=chevron-left] + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action dso-icon[icon=chevron-right] + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action svg.di.di-angle-down + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action svg.di.di-angle-up + span:not(.sr-only),
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + svg.di.di-angle-down,
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + svg.di.di-angle-up,
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + dso-icon[icon=chevron-left],
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + dso-icon[icon=chevron-right],
.dso-document-header .dso-document-header-toggle-features dso-icon[icon=chevron-left] + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features dso-icon[icon=chevron-right] + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features svg.di.di-angle-down + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features svg.di.di-angle-up + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + svg.di.di-angle-down,
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + svg.di.di-angle-up,
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + dso-icon[icon=chevron-left],
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + dso-icon[icon=chevron-right],
.dso-document-header .dso-document-header-toggle-status dso-icon[icon=chevron-left] + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status dso-icon[icon=chevron-right] + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status svg.di.di-angle-down + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status svg.di.di-angle-up + span:not(.sr-only),
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + svg.di.di-angle-down,
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + svg.di.di-angle-up,
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + dso-icon[icon=chevron-left],
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + dso-icon[icon=chevron-right] {
  margin-inline-start: 0;
}
.dso-document-header .dso-document-header-map-action dso-icon,
.dso-document-header .dso-document-header-map-action svg.di,
.dso-document-header .dso-document-header-map-action span,
.dso-document-header .dso-document-header-toggle-features dso-icon,
.dso-document-header .dso-document-header-toggle-features svg.di,
.dso-document-header .dso-document-header-toggle-features span,
.dso-document-header .dso-document-header-toggle-status dso-icon,
.dso-document-header .dso-document-header-toggle-status svg.di,
.dso-document-header .dso-document-header-toggle-status span {
  vertical-align: middle;
}
.dso-document-header .dso-document-header-map-action,
.dso-document-header .dso-document-header-toggle-features,
.dso-document-header .dso-document-header-toggle-status {
  color: #000;
  font-weight: normal;
}
.dso-document-header .dso-document-header-map-action {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

dso-responsive-element.dso-document-header dl.dso-document-header-features {
  margin-block-start: 16px;
}
dso-responsive-element.dso-document-header[small] .dso-document-header-features-wrapper {
  margin-block-end: 8px;
}
dso-responsive-element.dso-document-header[small] .dso-document-header-container::before, dso-responsive-element.dso-document-header[small] .dso-document-header-container::after {
  display: table;
  content: " ";
}
dso-responsive-element.dso-document-header[small] .dso-document-header-container::after {
  clear: both;
}
dso-responsive-element.dso-document-header[small] .dso-document-header-type,
dso-responsive-element.dso-document-header[small] .dso-document-header-owner {
  display: block;
}
dso-responsive-element.dso-document-header[small] .dso-document-header-type {
  margin-inline-end: 32px;
}
dso-responsive-element.dso-document-header[small] .dso-document-header-status {
  margin-block: 0 8px;
  margin-inline: 1;
}
dso-responsive-element.dso-document-header[small] dl.dso-document-header-features dt {
  clear: initial;
  float: none;
  inline-size: auto;
  word-wrap: initial;
}
dso-responsive-element.dso-document-header[small] dl.dso-document-header-features dd {
  margin-inline-start: 0;
  margin-block-start: 0;
  padding-inline-start: 0;
}
dso-responsive-element.dso-document-header:not([small]) .dso-document-header-status {
  margin-block: 8px 0;
  margin-inline: 0;
}
dso-responsive-element.dso-document-header:not([small]) .dso-document-header-type {
  margin-inline-end: 8px;
}
dso-responsive-element.dso-document-header:not([small]) dl.dso-document-header-features dt {
  inline-size: 20%;
}
dso-responsive-element.dso-document-header:not([small]) dl.dso-document-header-features dd {
  margin-inline-start: 20%;
}
dso-responsive-element.dso-document-header:not([small]) .dso-document-header-features {
  margin-block-end: 0;
  border-block-end: 1px solid #ccc;
}

.dso-document-list {
  padding-inline-start: 0;
  list-style: none;
  margin-block: 0;
  margin-inline: -16px;
}

.dso-document-list-item {
  display: flex;
  flex-direction: column;
}
.dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading {
  padding-block: 8px;
  padding-inline: 16px;
}
.dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading h2 {
  font-size: 1.25rem;
  line-height: 1.2;
}
.dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading .dso-document-list-item-container {
  display: none;
}
.dso-document-list-item .dso-document-list-item-heading {
  background-color: #f2f2f2;
  color: #000;
  padding: 16px;
  inline-size: 100%;
}
.dso-document-list-item .dso-document-list-item-heading a {
  color: #000;
}
.dso-document-list-item .dso-document-list-item-heading > :first-child {
  margin: 0;
}
.dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-container {
  position: relative;
}
.dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-type,
.dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-owner {
  margin-block: 0 8px;
  margin-inline: 0;
  display: inline-block;
}
.dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-status dso-badge,
.dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-status .dso-badge {
  margin-inline-end: 8px;
}
.dso-document-list-item .dso-document-list-item-content {
  padding: 16px;
}

.dso-document-list-item-open-document {
  float: inline-end;
}

dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::before, dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::after {
  display: table;
  content: " ";
}
dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::after {
  clear: both;
}
dso-responsive-element[small] > .dso-document-list .dso-document-list-item-status {
  margin-block: 0 8px;
  margin-inline: 0;
}

dso-responsive-element:not([small]) > .dso-document-list .dso-document-list-item-type {
  margin-inline-end: 8px;
}
dso-responsive-element:not([small]) > .dso-document-list .dso-document-list-item-status {
  margin: 0;
}

.dso-dropdown-menu {
  display: inline-block;
}
.dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),
.dso-dropdown-menu > .dso-primary,
.dso-dropdown-menu > .dso-secondary,
.dso-dropdown-menu > .dso-tertiary {
  position: relative;
}
.dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu > .dso-primary::after,
.dso-dropdown-menu > .dso-secondary::after,
.dso-dropdown-menu > .dso-tertiary::after {
  content: "";
  display: inline-block;
}
.dso-dropdown-menu > .dso-primary::after,
.dso-dropdown-menu > .dso-secondary::after {
  margin-inline-start: 8px;
}
.dso-dropdown-menu .dso-group-label {
  color: #999;
  font-size: 0.875em;
  font-weight: 400;
  margin: 0;
  padding-block: 4px 2px;
  padding-inline: 20px;
  text-transform: uppercase;
}
.dso-dropdown-menu ul {
  margin: 0;
  padding: 0;
}
.dso-dropdown-menu ul:not(:last-child) {
  border-block-end: 1px solid #e5e5e5;
  margin-block-end: 11px;
  padding-block-end: 11px;
}
.dso-dropdown-menu .dso-dropdown-options {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  min-inline-size: 160px;
  padding-block: 5px;
  padding-inline: 0;
  z-index: 220;
}
.dso-dropdown-menu .dso-dropdown-options li {
  list-style: none;
}
.dso-dropdown-menu .dso-dropdown-options li a:visited {
  color: #191919;
}
.dso-dropdown-menu .dso-dropdown-options li a,
.dso-dropdown-menu .dso-dropdown-options li button {
  text-decoration: none;
}
.dso-dropdown-menu .dso-dropdown-options li a:hover, .dso-dropdown-menu .dso-dropdown-options li a:focus-visible, .dso-dropdown-menu .dso-dropdown-options li a:active,
.dso-dropdown-menu .dso-dropdown-options li button:hover,
.dso-dropdown-menu .dso-dropdown-options li button:focus-visible,
.dso-dropdown-menu .dso-dropdown-options li button:active {
  text-decoration: underline;
}
.dso-dropdown-menu .dso-dropdown-options li a,
.dso-dropdown-menu .dso-dropdown-options li button {
  clear: both;
  color: #191919;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  padding-block: 3px;
  padding-inline: 20px;
  text-decoration: none;
  white-space: nowrap;
}
.dso-dropdown-menu .dso-dropdown-options li a:hover, .dso-dropdown-menu .dso-dropdown-options li a:focus,
.dso-dropdown-menu .dso-dropdown-options li button:hover,
.dso-dropdown-menu .dso-dropdown-options li button:focus {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
  text-decoration: none;
}
.dso-dropdown-menu .dso-dropdown-options li button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-align: inherit;
  inline-size: 100%;
}
.dso-dropdown-menu > .dso-primary::after {
  background: url("./di.svg#chevron-down-wit") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-dropdown-menu > .dso-secondary::after {
  background: url("./di.svg#chevron-down") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-dropdown-menu > .dso-secondary:active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-wit"));
}
.dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu > .dso-tertiary::after {
  background: url("./di.svg#chevron-down") no-repeat center;
  background-size: cover;
  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;
}
.dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
.dso-dropdown-menu > .dso-tertiary:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-scampi"));
}
.dso-dropdown-menu {
  position: relative;
}
.dso-dropdown-menu.dso-open > .dso-primary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-wit"));
}
.dso-dropdown-menu.dso-open > .dso-secondary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up"));
}
.dso-dropdown-menu.dso-open > .dso-secondary:active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-wit"));
}
.dso-dropdown-menu.dso-open > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu.dso-open > .dso-tertiary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up"));
}
.dso-dropdown-menu.dso-open > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
.dso-dropdown-menu.dso-open > .dso-tertiary:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-scampi"));
}
.dso-dropdown-menu.dso-checkable .dso-group-label {
  padding-inline-start: 40px;
}
.dso-dropdown-menu.dso-checkable li a,
.dso-dropdown-menu.dso-checkable li button {
  padding-inline-start: 40px;
}
.dso-dropdown-menu.dso-checkable li.dso-checked a:not(:focus),
.dso-dropdown-menu.dso-checkable li.dso-checked button:not(:focus) {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
.dso-dropdown-menu.dso-checkable li.dso-checked a::before,
.dso-dropdown-menu.dso-checkable li.dso-checked button::before {
  background: url("./di.svg#check-wit") no-repeat center;
  background-size: cover;
  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;
  margin-inline-start: -32px;
  margin-inline-end: 8px;
}
.dso-dropdown-menu.dso-dropdown-align-right .dso-dropdown-options {
  inset-inline-end: 0;
}
.dso-dropdown-menu .dso-dropdown-options {
  margin-block: 2px 0;
  margin-inline: 0;
  position: absolute;
  text-align: start;
  inset-block-start: 100%;
}

dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),
dso-dropdown-menu > .dso-primary,
dso-dropdown-menu > .dso-secondary,
dso-dropdown-menu > .dso-tertiary {
  position: relative;
}
dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu > .dso-primary::after,
dso-dropdown-menu > .dso-secondary::after,
dso-dropdown-menu > .dso-tertiary::after {
  content: "";
  display: inline-block;
}
dso-dropdown-menu > .dso-primary::after,
dso-dropdown-menu > .dso-secondary::after {
  margin-inline-start: 8px;
}
dso-dropdown-menu .dso-group-label {
  color: #999;
  font-size: 0.875em;
  font-weight: 400;
  margin: 0;
  padding-block: 4px 2px;
  padding-inline: 20px;
  text-transform: uppercase;
}
dso-dropdown-menu ul {
  margin: 0;
  padding: 0;
}
dso-dropdown-menu ul:not(:last-child) {
  border-block-end: 1px solid #e5e5e5;
  margin-block-end: 11px;
  padding-block-end: 11px;
}
dso-dropdown-menu .dso-dropdown-options {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  min-inline-size: 160px;
  padding-block: 5px;
  padding-inline: 0;
  z-index: 220;
}
dso-dropdown-menu .dso-dropdown-options li {
  list-style: none;
}
dso-dropdown-menu .dso-dropdown-options li a:visited {
  color: #191919;
}
dso-dropdown-menu .dso-dropdown-options li a,
dso-dropdown-menu .dso-dropdown-options li button {
  text-decoration: none;
}
dso-dropdown-menu .dso-dropdown-options li a:hover, dso-dropdown-menu .dso-dropdown-options li a:focus-visible, dso-dropdown-menu .dso-dropdown-options li a:active,
dso-dropdown-menu .dso-dropdown-options li button:hover,
dso-dropdown-menu .dso-dropdown-options li button:focus-visible,
dso-dropdown-menu .dso-dropdown-options li button:active {
  text-decoration: underline;
}
dso-dropdown-menu .dso-dropdown-options li a,
dso-dropdown-menu .dso-dropdown-options li button {
  clear: both;
  color: #191919;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  padding-block: 3px;
  padding-inline: 20px;
  text-decoration: none;
  white-space: nowrap;
}
dso-dropdown-menu .dso-dropdown-options li a:hover, dso-dropdown-menu .dso-dropdown-options li a:focus,
dso-dropdown-menu .dso-dropdown-options li button:hover,
dso-dropdown-menu .dso-dropdown-options li button:focus {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
  text-decoration: none;
}
dso-dropdown-menu .dso-dropdown-options li button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-align: inherit;
  inline-size: 100%;
}
dso-dropdown-menu > .dso-primary::after {
  background: url("./di.svg#chevron-down-wit") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-dropdown-menu > .dso-secondary::after {
  background: url("./di.svg#chevron-down") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-dropdown-menu > .dso-secondary:active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-wit"));
}
dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu > .dso-tertiary::after {
  background: url("./di.svg#chevron-down") no-repeat center;
  background-size: cover;
  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;
}
dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
dso-dropdown-menu > .dso-tertiary:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-scampi"));
}
dso-dropdown-menu[open] > .dso-primary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-wit"));
}
dso-dropdown-menu[open] > .dso-secondary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up"));
}
dso-dropdown-menu[open] > .dso-secondary:active::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-wit"));
}
dso-dropdown-menu[open] > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu[open] > .dso-tertiary::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up"));
}
dso-dropdown-menu[open] > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
dso-dropdown-menu[open] > .dso-tertiary:hover::after {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-up-scampi"));
}
dso-dropdown-menu[checkable] .dso-group-label {
  padding-inline-start: 40px;
}
dso-dropdown-menu[checkable] li a,
dso-dropdown-menu[checkable] li button {
  padding-inline-start: 40px;
}
dso-dropdown-menu[checkable] li.dso-checked a:not(:focus),
dso-dropdown-menu[checkable] li.dso-checked button:not(:focus) {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
dso-dropdown-menu[checkable] li.dso-checked a::before,
dso-dropdown-menu[checkable] li.dso-checked button::before {
  background: url("./di.svg#check-wit") no-repeat center;
  background-size: cover;
  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;
  margin-inline-start: -32px;
  margin-inline-end: 8px;
}

label {
  display: inline-block;
  max-inline-size: 100%;
  margin-block-end: 5px;
  font-weight: 700;
}

fieldset {
  border: 0;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}

legend {
  border: 0;
  color: #191919;
  font-size: 1.5rem;
  line-height: inherit;
  margin-block-end: 24px;
  padding: 0;
  inline-size: 100%;
}

fieldset fieldset legend {
  margin-block-end: 0;
}

footer {
  margin-inline-start: calc(50% - 50vw);
  margin-inline-end: calc(50% - 50vw);
  padding-inline-start: calc(50vw - 50%);
  padding-inline-end: calc(50vw - 50%);
}
footer {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
footer a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
footer a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
footer a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
footer a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
footer {
  border-block-start: 1px solid #ccc;
  display: block;
  margin-block-start: 48px;
  padding-block-end: 48px;
  padding-block-start: 24px;
}
footer .dso-link-list li {
  margin-block-end: 16px;
}
footer .dso-link-list li:last-child {
  margin-block-end: 0;
}
footer .dso-link-list a {
  text-decoration: none;
}
footer .dso-link-list a:hover, footer .dso-link-list a:focus-visible, footer .dso-link-list a:active {
  text-decoration: underline;
}
footer .dso-link-list a {
  color: #000;
}
footer .dso-link-list a:active {
  color: #000;
  text-decoration: none;
}
footer .dso-link-list a::before, footer .dso-link-list a:active::before, footer .dso-link-list a:focus::before, footer .dso-link-list a:hover::before {
  background: url("./di.svg#chevron-right-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
footer h2 {
  border-block-end: 1px solid #ccc;
  color: #000;
  font-size: 1.25em;
  font-weight: 700;
  margin-block-end: 16px;
  margin-block-start: 16px;
  padding-block-end: 16px;
}
footer a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited, footer a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited:hover, footer a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited.active, footer a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited:active, footer a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited:focus {
  color: currentColor;
}

.dso-footnotes {
  padding-inline-start: 0;
  list-style: none;
  border-block-start: 1px solid #ccc;
  padding-block-start: 12px;
}
.dso-footnotes .dso-footnote-backlink::after {
  content: "^";
  display: inline-block;
  font-weight: 700;
}

.dso-form-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
@media screen and (max-width: 480px) {
  .dso-form-buttons {
    flex-direction: column;
  }
}
.dso-form-buttons {
  margin-block-end: 16px;
}
.dso-form-buttons:last-child {
  margin-block-end: 32px;
}
.dso-form-buttons :is(.dso-primary, .dso-secondary, .dso-tertiary) {
  text-align: center;
}
.dso-form-buttons :is(.dso-primary, .dso-secondary, .dso-tertiary) + :is(.dso-primary, .dso-secondary, .dso-tertiary) {
  margin-inline: 0;
}
.dso-form-buttons a.dso-tertiary,
.dso-form-buttons button.dso-tertiary {
  padding-block: 11px;
  padding-inline-end: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .dso-form-buttons a.dso-tertiary,
  .dso-form-buttons button.dso-tertiary {
    display: block;
    inline-size: 100%;
    padding-inline-start: 15px;
    background-color: #ebf3e6;
    border-radius: 4px;
    color: #275937;
  }
}
@media screen and (min-width: 481px) {
  .dso-form-buttons .dso-aside {
    display: inline-block;
    margin-inline-end: auto;
  }
}
.dso-single-page .dso-form-buttons {
  justify-content: flex-start;
}

.form .dso-form-group-collection, form .dso-form-group-collection, .dso-section-body .dso-form-group-collection {
  margin-block-end: 16px;
}
.form .dso-form-group-collection > legend, form .dso-form-group-collection > legend, .dso-section-body .dso-form-group-collection > legend {
  border-block-end: 0;
  margin-block-end: 32px;
}
.form .dso-form-group-collection > legend,
.form .dso-form-group-collection > legend h1,
.form .dso-form-group-collection > legend h2,
.form .dso-form-group-collection > legend h3,
.form .dso-form-group-collection > legend h4,
.form .dso-form-group-collection > legend h5,
.form .dso-form-group-collection > legend h6, form .dso-form-group-collection > legend,
form .dso-form-group-collection > legend h1,
form .dso-form-group-collection > legend h2,
form .dso-form-group-collection > legend h3,
form .dso-form-group-collection > legend h4,
form .dso-form-group-collection > legend h5,
form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-collection > legend,
.dso-section-body .dso-form-group-collection > legend h1,
.dso-section-body .dso-form-group-collection > legend h2,
.dso-section-body .dso-form-group-collection > legend h3,
.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 {
  color: #275937;
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 480px) {
  .form .dso-form-group-collection > legend,
  .form .dso-form-group-collection > legend h1,
  .form .dso-form-group-collection > legend h2,
  .form .dso-form-group-collection > legend h3,
  .form .dso-form-group-collection > legend h4,
  .form .dso-form-group-collection > legend h5,
  .form .dso-form-group-collection > legend h6, form .dso-form-group-collection > legend,
  form .dso-form-group-collection > legend h1,
  form .dso-form-group-collection > legend h2,
  form .dso-form-group-collection > legend h3,
  form .dso-form-group-collection > legend h4,
  form .dso-form-group-collection > legend h5,
  form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-collection > legend,
  .dso-section-body .dso-form-group-collection > legend h1,
  .dso-section-body .dso-form-group-collection > legend h2,
  .dso-section-body .dso-form-group-collection > legend h3,
  .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;
  }
}
.form .dso-form-group-collection > legend h1,
.form .dso-form-group-collection > legend h2,
.form .dso-form-group-collection > legend h3,
.form .dso-form-group-collection > legend h4,
.form .dso-form-group-collection > legend h5,
.form .dso-form-group-collection > legend h6, form .dso-form-group-collection > legend h1,
form .dso-form-group-collection > legend h2,
form .dso-form-group-collection > legend h3,
form .dso-form-group-collection > legend h4,
form .dso-form-group-collection > legend h5,
form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-collection > legend h1,
.dso-section-body .dso-form-group-collection > legend h2,
.dso-section-body .dso-form-group-collection > legend h3,
.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 {
  margin-block: 0;
}
.form .dso-form-group-collection:has(+ .dso-form-group-collection), form .dso-form-group-collection:has(+ .dso-form-group-collection), .dso-section-body .dso-form-group-collection:has(+ .dso-form-group-collection) {
  margin-block-end: 0;
}
.form .dso-form-group-collection + .dso-form-group-collection > legend, form .dso-form-group-collection + .dso-form-group-collection > legend, .dso-section-body .dso-form-group-collection + .dso-form-group-collection > legend {
  border-block-start: 1px solid #ccc;
  padding-block-start: 32px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    margin-block-end: 0;
    text-align: end;
  }
}

.form-group {
  margin-block-end: 16px;
}
.form-group + .form-group:not(.dso-static),
.form-group + .dso-form-buttons {
  margin-block-start: 32px;
}
.form-group:not(.dso-static) + .form-group.dso-static, .form-group.dso-static + .form-group:not(.dso-static) {
  margin-block-start: 16px;
}
.form-group.dso-edit + .form-group {
  margin-block-start: 0;
}
.form-group + dl,
.form-group + table,
.form-group + ol,
.form-group + ul,
.form-group + div:not(.form-group):not(.dso-form-buttons) {
  margin-block-start: 32px;
}
.form-group > .dso-info {
  float: inline-start;
  margin-block: 16px;
  margin-inline: 0;
}
.form-group .dso-info h5,
.form-group .dso-info .h5 {
  margin-block: 0;
}
.form-group .control-label {
  display: inline;
  font-weight: bold;
  margin-block-end: 8px;
  max-inline-size: 100%;
  text-align: start;
}
.form-group .dso-rich-content:has(table) {
  overflow-x: auto;
}
.form-group legend + .dso-label-container {
  margin-block-end: 8px;
}
.form-group .dso-label-container + .dso-field-container {
  margin-block-start: 8px;
}
.form-group.has-feedback {
  position: relative;
}
.form-group.has-feedback label ~ .form-control-feedback {
  inset-block-start: 29px;
}
.form-group.has-feedback label.sr-only ~ .form-control-feedback {
  inset-block-start: 0;
}
.form-group.has-feedback .form-control {
  padding-inline-end: 47px;
}
.form-group.has-feedback .form-control-feedback {
  color: #275937;
  display: block;
  block-size: 38px;
  line-height: 38px;
  pointer-events: none;
  position: absolute;
  inset-inline-end: 0;
  text-align: center;
  inset-block-start: 0;
  inline-size: 48px;
  z-index: 101;
}
.form-group.has-feedback .form-control-feedback dso-icon,
.form-group.has-feedback .form-control-feedback svg.di {
  margin-block-start: 7px;
}
.form-group.dso-invalid .form-control {
  border-color: #ce3f51;
}
.form-group.dso-invalid .form-control:focus {
  box-shadow: inset 0 0 0 1px #ce3f51;
}
.form-group.dso-invalid .dso-message {
  color: #b62f41;
  padding-inline-start: 32px;
  position: relative;
}
.form-group.dso-invalid .dso-message::before {
  background: url("./di.svg#status-error") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.form-group.dso-invalid .dso-message::before {
  content: "";
  display: block;
  inset-inline-start: 0;
  position: absolute;
}
.form-group .dso-message,
.form-group .dso-help-block {
  margin-block: 8px 0;
  margin-inline: 0;
}
.form-group .dso-help-block {
  color: #666;
  font-style: italic;
}

.form-horizontal .form-group {
  margin-inline-end: -16px;
  margin-inline-start: -16px;
}
.form-horizontal .form-group::before, .form-horizontal .form-group::after {
  display: table;
  content: " ";
}
.form-horizontal .form-group::after {
  clear: both;
}
.form-horizontal .form-group > .dso-label-container {
  position: relative;
  min-block-size: 1px;
  padding-inline-end: 16px;
  padding-inline-start: 16px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group > .dso-label-container {
    float: inline-start;
    inline-size: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group > .dso-label-container {
    padding-block-start: 8px;
  }
}
.form-horizontal .form-group > .dso-label-container > button.dso-info-button {
  margin-block-start: 0;
}
.form-horizontal .form-group > .dso-label-container > .dso-info {
  margin-block-start: 8px;
}
@media screen and (max-width: 767px) {
  .form-horizontal .form-group > legend + .dso-label-container {
    padding-block-start: 8px;
  }
}
.form-horizontal .form-group > .dso-field-container {
  position: relative;
  min-block-size: 1px;
  padding-inline-end: 16px;
  padding-inline-start: 16px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group > .dso-field-container {
    float: inline-start;
    inline-size: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group > .dso-field-container {
    margin-block-start: 0;
  }
}
.form-horizontal .form-group.has-feedback .form-control-feedback {
  inset-inline-end: 16px;
}
.form-horizontal .form-group > .dso-info {
  margin: 16px;
  inline-size: calc(100% - 32px);
}

.dso-img-list + .form-group {
  margin-block-start: 32px;
}

.form .dso-field-container, form .dso-field-container, .dso-section-body .dso-field-container {
  position: relative;
}
.form fieldset .dso-label-container > .dso-info, form fieldset .dso-label-container > .dso-info, .dso-section-body fieldset .dso-label-container > .dso-info {
  font-weight: 400;
  margin-block-end: 16px;
  margin-block-start: 8px;
}

.form-explanation:first-child {
  margin-block-end: 8px;
}
.form-explanation:last-child {
  padding-block-start: 8px;
  border-block-start: 2px solid #ccc;
}

.form-explanation-text {
  margin-block: 0;
}

.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}

.form-group.dso-checkboxes.dso-invalid .dso-selectable {
  --dso-selectable-color: #ce3f51;
}
.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group.dso-checkboxes .dso-field-container {
    padding-block-start: 7px;
  }
}

.form-group.dso-confirm.dso-invalid .dso-selectable {
  --dso-selectable-color: #ce3f51;
}
.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group.dso-confirm .dso-field-container {
    margin-inline-start: 50%;
    padding-inline-start: 16px;
  }
}

.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
.form-group.dso-files dso-selectable,
.form-group.dso-files .dso-selectable {
  margin-block: 4px;
  margin-inline: 0;
}
.form-group.dso-files .dso-upload-loading {
  margin-block: 4px;
  margin-inline: 0;
  padding-inline-end: 24px;
}
.form-group.dso-files .dso-upload-loading span {
  padding-inline-start: 8px;
}
.form-group.dso-files .dso-file-upload input[type=file] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.form-group.dso-files .dso-file-upload input[type=file] + label {
  cursor: pointer;
}
.form-group.dso-files .dso-file-upload input[type=file][disabled] + label {
  cursor: default;
}
.form-group.dso-files .dso-file-upload input[type=file][disabled] + label.dso-primary {
  background-color: #afcf9d;
  border-color: #afcf9d;
}
.form-group.dso-files .dso-file-upload input[type=file][disabled] + label.dso-secondary {
  background-color: #fff;
  border-color: #afcf9d;
  color: #afcf9d;
}
.form-group.dso-files .dso-file-upload:focus-within label {
  border-radius: 2px;
  outline-offset: 3px;
  outline: 3px solid #008ccc;
}
.form-group.dso-files .dso-filelist {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.form-group.dso-files .dso-filelist li {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding-block: 3px 2px;
  padding-inline: 7px;
}
.form-group.dso-files .dso-filelist li + li {
  margin-block-start: 8px;
}
@media screen and (max-width: 991px) {
  .form-group.dso-files .dso-filelist li {
    flex-wrap: wrap;
  }
}
.form-group.dso-files .dso-filelist li .dso-filename {
  flex-grow: 1;
  padding-inline-end: 8px;
  font-weight: 600;
  word-break: break-all;
}
@media screen and (max-width: 991px) {
  .form-group.dso-files .dso-filelist li .dso-filename {
    inline-size: 100%;
    padding-inline-end: 0;
  }
}
.form-group.dso-files .dso-filelist li .dso-selectable + .dso-remove,
.form-group.dso-files .dso-filelist li dso-selectable + .dso-remove {
  margin-inline-start: 40px;
}
.form-group.dso-files .dso-filelist li .dso-remove,
.form-group.dso-files .dso-filelist li .dso-download {
  font-size: 0;
  min-inline-size: auto;
  padding: 4px;
  margin-inline-start: 4px;
}
.form-group.dso-files .dso-filelist li .dso-remove::before,
.form-group.dso-files .dso-filelist li .dso-download::before {
  content: "";
  display: block;
  font-size: 1rem;
}
.form-group.dso-files .dso-filelist li .dso-remove::before {
  background: url("./di.svg#trash-bosgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.form-group.dso-files .dso-filelist li .dso-download::before {
  background: url("./di.svg#download-bosgroen") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.form-group.dso-files .dso-filelist li .dso-filename,
.form-group.dso-files .dso-filelist li .dso-confidential {
  margin-block: 4px;
  margin-inline: 0;
}
.form-group.dso-files .dso-filelist li > dso-icon,
.form-group.dso-files .dso-filelist li > svg.di {
  flex: 0 0 24px;
  block-size: 24px;
  margin-block: 4px;
  margin-inline: 8px 4px;
}
.form-group.dso-files .dso-filelist + .dso-file-upload {
  margin-block-start: 16px;
}
.form-group.dso-files .dso-filelist:has(.dso-download) .dso-selectable + .dso-remove,
.form-group.dso-files .dso-filelist:has(.dso-download) dso-selectable + .dso-remove,
.form-group.dso-files .dso-filelist:has(.dso-download) .dso-upload-loading + .dso-remove {
  margin-inline-start: 76px;
}
.form-group.dso-files .dso-filelist:has(.dso-download) .dso-selectable + .dso-download,
.form-group.dso-files .dso-filelist:has(.dso-download) dso-selectable + .dso-download,
.form-group.dso-files .dso-filelist:has(.dso-download) .dso-upload-loading + .dso-download {
  margin-inline-start: 40px;
}
.form-group.dso-files .dso-filelist:has(.dso-download) dso-icon + .dso-remove,
.form-group.dso-files .dso-filelist:has(.dso-download) svg.di + .dso-remove {
  margin-inline-start: 40px;
}
@media screen and (max-width: 991px) {
  .form-group.dso-files .dso-filelist:has(.dso-download) li:has(.dso-download) .dso-selectable + .dso-download,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:has(.dso-download) dso-selectable + .dso-download,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:has(.dso-download) .dso-upload-loading + .dso-download,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:has(.dso-download) dso-icon + .dso-download,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:has(.dso-download) svg.di + .dso-download {
    margin-inline-start: auto;
  }
  .form-group.dso-files .dso-filelist:has(.dso-download) li:not(:has(.dso-download)) .dso-selectable + .dso-remove,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:not(:has(.dso-download)) dso-selectable + .dso-remove,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:not(:has(.dso-download)) .dso-upload-loading + .dso-remove,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:not(:has(.dso-download)) dso-icon + .dso-remove,
  .form-group.dso-files .dso-filelist:has(.dso-download) li:not(:has(.dso-download)) svg.di + .dso-remove {
    margin-inline-start: auto;
  }
}
@media screen and (max-width: 991px) {
  .form-group.dso-files .dso-filelist:not(:has(.dso-download)) .dso-selectable + .dso-remove,
  .form-group.dso-files .dso-filelist:not(:has(.dso-download)) dso-selectable + .dso-remove,
  .form-group.dso-files .dso-filelist:not(:has(.dso-download)) dso-icon + .dso-remove,
  .form-group.dso-files .dso-filelist:not(:has(.dso-download)) svg.di + .dso-remove {
    margin-inline-start: auto;
  }
}

.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}

.form-group.dso-radios.dso-invalid .dso-selectable {
  --dso-selectable-color: #ce3f51;
}
.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
.form-group.dso-radios.dso-inline {
  --dso-selectable-display: inline-block;
}
.form-group.dso-radios.dso-inline .dso-selectable + .dso-selectable {
  margin-inline-start: 24px;
}
.form-group.dso-radios.dso-inline dso-selectable + dso-selectable {
  margin-inline-start: 24px;
}
.form-horizontal .form-group.dso-radios.dso-inline .dso-selectable {
  margin-block-end: 0;
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group.dso-radios .dso-field-container {
    padding-block-start: 7px;
  }
}

.form-group.dso-form-group-search-bar .dso-search-bar {
  margin-block-end: 0;
  inline-size: 50%;
}

.form-horizontal .form-group.dso-form-group-search-bar .dso-search-bar {
  inline-size: 100%;
}

.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
.form-group.dso-select.dso-invalid select:not([multiple]) {
  background-image: var(--_dso-di-background-image, url("./di.svg#caret-down-invalid"));
}
.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);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-inline-end: 32px;
}
.form-group.dso-select select:not([multiple]):disabled {
  background-image: var(--_dso-di-background-image, url("./di.svg#caret-down-disabled"));
}
.form-group.dso-select select:not([multiple])::-ms-expand {
  display: none;
}

.form-horizontal .form-group.dso-static .dso-field-container {
  margin-block-end: 0;
  min-block-size: 2.5rem;
  padding-block-end: 7px;
  padding-block-start: 7px;
}
.form-horizontal .form-group.dso-static .dso-field-container * {
  margin-block-end: 0;
  margin-block-start: 0;
}
.form-horizontal .form-group.dso-static .dso-field-container * + * {
  margin-block-start: 8px;
}
.form-horizontal .form-group.dso-static.dso-edit .dso-field-container {
  padding-inline-end: 40px;
  position: relative;
}
.form-horizontal .form-group.dso-static.dso-edit .dso-field-container button {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 0;
}

.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;
  vertical-align: text-top;
  inline-size: 0.75rem;
}
.form-group.dso-textarea textarea {
  resize: vertical;
}
.form-group.dso-textarea textarea.form-control {
  block-size: auto;
}
.form-group.dso-textarea textarea.form-control:not([rows]) {
  block-size: calc(4.5em + 14px);
}
.form-horizontal .form-group.dso-textarea .form-control {
  padding-block-end: 5px;
  padding-block-start: 5px;
}

.form-control {
  display: block;
  inline-size: 100%;
  block-size: 40px;
  padding-block: 6px;
  padding-inline: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: #191919;
  background-color: #fff;
  background-image: none;
  border: 1px solid #275937;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #666;
}
.form-control::-webkit-input-placeholder {
  color: #666;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  border-color: #275937;
  outline: 0;
  box-shadow: inset 0 0 0 1px #275937;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: default;
}
.form-control[disabled] {
  border-color: #e5e5e5;
  color: #999;
}
.form-control[readonly] {
  border-width: 1px;
}
.form-control[type=text] {
  line-height: 40px;
}
.form-control[size] {
  inline-size: auto;
}

main > .dso-rich-content,
form > .dso-rich-content {
  margin-block-end: 32px;
}
main > .row.dso-featured,
form > .row.dso-featured {
  margin-block-end: 32px;
  margin-block-start: 32px;
  padding-block-end: 40px;
  padding-block-start: 24px;
}
main > .row.dso-featured + .row div:not(.dso-rich-content) h1:first-child,
main > .row.dso-featured + .row div:not(.dso-rich-content) .h1:first-child,
main > .row.dso-featured + .row div:not(.dso-rich-content) h2:first-child,
main > .row.dso-featured + .row div:not(.dso-rich-content) .h2:first-child,
main > .row.dso-featured + .row div:not(.dso-rich-content) h3:first-child,
main > .row.dso-featured + .row div:not(.dso-rich-content) .h3:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) h1:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) .h1:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) h2:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) .h2:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) h3:first-child,
form > .row.dso-featured + .row div:not(.dso-rich-content) .h3:first-child {
  margin-block-start: 0;
}

.container {
  padding-inline-end: 16px;
  padding-inline-start: 16px;
  margin-inline-end: auto;
  margin-inline-start: auto;
}
.container::before, .container::after {
  display: table;
  content: " ";
}
.container::after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    inline-size: auto;
  }
}
@media (min-width: 992px) {
  .container {
    inline-size: 922px;
  }
}
@media (min-width: 1200px) {
  .container {
    inline-size: 1152px;
  }
}

.container-fluid {
  padding-inline-end: 16px;
  padding-inline-start: 16px;
  margin-inline-end: auto;
  margin-inline-start: auto;
}
.container-fluid::before, .container-fluid::after {
  display: table;
  content: " ";
}
.container-fluid::after {
  clear: both;
}

.row {
  margin-inline-end: -16px;
  margin-inline-start: -16px;
}
.row::before, .row::after {
  display: table;
  content: " ";
}
.row::after {
  clear: both;
}
.row:is(ol) {
  padding-inline-start: 0;
}
.row.dso-equal-heights:has(.dso-highlight-box, dso-highlight-box) {
  --highlight-box-block-size: 100%;
  --highlight-box-min-block-size: auto;
  --highlight-box-counter-block-size: calc(100% - 48px);
  --highlight-box-nocounter-block-size: calc(100% - 16px);
}
.row.dso-equal-heights > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.row.dso-equal-heights > [class*=col-] > .dso-highlight-box {
  block-size: 100%;
  min-block-size: auto;
}
.row.dso-equal-heights > [class*=col-] > .dso-highlight-box.dso-has-counter {
  block-size: calc(100% - 48px);
}
.row.dso-equal-heights {
  display: flex;
  flex-wrap: wrap;
}
.row.dso-banner {
  --dso-banner-background-color: #ebf3e6;
  margin-inline-start: calc(50% - 50vw);
  margin-inline-end: calc(50% - 50vw);
  padding-inline-start: calc(50vw - 50% - 16px);
  padding-inline-end: calc(50vw - 50% - 16px);
  position: relative;
  min-block-size: 352px;
  overflow: hidden;
}
@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;
}
.row.dso-banner + .row {
  margin-block-start: 24px;
}
.row.dso-banner + .row.dso-featured {
  margin-block-start: 0;
}
.row.dso-banner::before {
  content: "";
  display: block;
  inline-size: 100%;
  min-block-size: 16.6666666667dvi;
  background-image: inherit;
  background-color: var(--dso-banner-background-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 768px) {
  .row.dso-banner::before {
    position: absolute;
    inset: 0;
    min-block-size: unset;
  }
}
.row.dso-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  background-color: var(--dso-banner-background-color);
}
@media only screen and (min-width: 768px) {
  .row.dso-banner::after {
    display: none;
  }
}
.row.dso-featured {
  margin-inline-start: calc(50% - 50vw);
  margin-inline-end: calc(50% - 50vw);
  padding-inline-start: calc(50vw - 50% - 16px);
  padding-inline-end: calc(50vw - 50% - 16px);
  background-color: #ebf3e6;
  color: #000;
}

.row-no-gutters {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.row-no-gutters [class*=col-] {
  padding-inline-end: 0;
  padding-inline-start: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-block-size: 1px;
  padding-inline-end: 16px;
  padding-inline-start: 16px;
  float: inline-start;
  inline-size: 100%;
}

.col-xs-1 {
  inline-size: 8.3333333333%;
}

.col-xs-2 {
  inline-size: 16.6666666667%;
}

.col-xs-3 {
  inline-size: 25%;
}

.col-xs-4 {
  inline-size: 33.3333333333%;
}

.col-xs-5 {
  inline-size: 41.6666666667%;
}

.col-xs-6 {
  inline-size: 50%;
}

.col-xs-7 {
  inline-size: 58.3333333333%;
}

.col-xs-8 {
  inline-size: 66.6666666667%;
}

.col-xs-9 {
  inline-size: 75%;
}

.col-xs-10 {
  inline-size: 83.3333333333%;
}

.col-xs-11 {
  inline-size: 91.6666666667%;
}

.col-xs-12 {
  inline-size: 100%;
}

.col-xs-pull-0 {
  inset-inline-end: auto;
}

.col-xs-pull-1 {
  inset-inline-end: 8.3333333333%;
}

.col-xs-pull-2 {
  inset-inline-end: 16.6666666667%;
}

.col-xs-pull-3 {
  inset-inline-end: 25%;
}

.col-xs-pull-4 {
  inset-inline-end: 33.3333333333%;
}

.col-xs-pull-5 {
  inset-inline-end: 41.6666666667%;
}

.col-xs-pull-6 {
  inset-inline-end: 50%;
}

.col-xs-pull-7 {
  inset-inline-end: 58.3333333333%;
}

.col-xs-pull-8 {
  inset-inline-end: 66.6666666667%;
}

.col-xs-pull-9 {
  inset-inline-end: 75%;
}

.col-xs-pull-10 {
  inset-inline-end: 83.3333333333%;
}

.col-xs-pull-11 {
  inset-inline-end: 91.6666666667%;
}

.col-xs-pull-12 {
  inset-inline-end: 100%;
}

.col-xs-push-0 {
  inset-inline-start: auto;
}

.col-xs-push-1 {
  inset-inline-start: 8.3333333333%;
}

.col-xs-push-2 {
  inset-inline-start: 16.6666666667%;
}

.col-xs-push-3 {
  inset-inline-start: 25%;
}

.col-xs-push-4 {
  inset-inline-start: 33.3333333333%;
}

.col-xs-push-5 {
  inset-inline-start: 41.6666666667%;
}

.col-xs-push-6 {
  inset-inline-start: 50%;
}

.col-xs-push-7 {
  inset-inline-start: 58.3333333333%;
}

.col-xs-push-8 {
  inset-inline-start: 66.6666666667%;
}

.col-xs-push-9 {
  inset-inline-start: 75%;
}

.col-xs-push-10 {
  inset-inline-start: 83.3333333333%;
}

.col-xs-push-11 {
  inset-inline-start: 91.6666666667%;
}

.col-xs-push-12 {
  inset-inline-start: 100%;
}

.col-xs-offset-0 {
  margin-inline-start: 0%;
}

.col-xs-offset-1 {
  margin-inline-start: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-inline-start: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-inline-start: 25%;
}

.col-xs-offset-4 {
  margin-inline-start: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-inline-start: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-inline-start: 50%;
}

.col-xs-offset-7 {
  margin-inline-start: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-inline-start: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-inline-start: 75%;
}

.col-xs-offset-10 {
  margin-inline-start: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-inline-start: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-inline-start: 100%;
}

@media (min-width: 768px) {
  .col-sm-1 {
    inline-size: 8.3333333333%;
  }
  .col-sm-2 {
    inline-size: 16.6666666667%;
  }
  .col-sm-3 {
    inline-size: 25%;
  }
  .col-sm-4 {
    inline-size: 33.3333333333%;
  }
  .col-sm-5 {
    inline-size: 41.6666666667%;
  }
  .col-sm-6 {
    inline-size: 50%;
  }
  .col-sm-7 {
    inline-size: 58.3333333333%;
  }
  .col-sm-8 {
    inline-size: 66.6666666667%;
  }
  .col-sm-9 {
    inline-size: 75%;
  }
  .col-sm-10 {
    inline-size: 83.3333333333%;
  }
  .col-sm-11 {
    inline-size: 91.6666666667%;
  }
  .col-sm-12 {
    inline-size: 100%;
  }
  .col-sm-pull-0 {
    inset-inline-end: auto;
  }
  .col-sm-pull-1 {
    inset-inline-end: 8.3333333333%;
  }
  .col-sm-pull-2 {
    inset-inline-end: 16.6666666667%;
  }
  .col-sm-pull-3 {
    inset-inline-end: 25%;
  }
  .col-sm-pull-4 {
    inset-inline-end: 33.3333333333%;
  }
  .col-sm-pull-5 {
    inset-inline-end: 41.6666666667%;
  }
  .col-sm-pull-6 {
    inset-inline-end: 50%;
  }
  .col-sm-pull-7 {
    inset-inline-end: 58.3333333333%;
  }
  .col-sm-pull-8 {
    inset-inline-end: 66.6666666667%;
  }
  .col-sm-pull-9 {
    inset-inline-end: 75%;
  }
  .col-sm-pull-10 {
    inset-inline-end: 83.3333333333%;
  }
  .col-sm-pull-11 {
    inset-inline-end: 91.6666666667%;
  }
  .col-sm-pull-12 {
    inset-inline-end: 100%;
  }
  .col-sm-push-0 {
    inset-inline-start: auto;
  }
  .col-sm-push-1 {
    inset-inline-start: 8.3333333333%;
  }
  .col-sm-push-2 {
    inset-inline-start: 16.6666666667%;
  }
  .col-sm-push-3 {
    inset-inline-start: 25%;
  }
  .col-sm-push-4 {
    inset-inline-start: 33.3333333333%;
  }
  .col-sm-push-5 {
    inset-inline-start: 41.6666666667%;
  }
  .col-sm-push-6 {
    inset-inline-start: 50%;
  }
  .col-sm-push-7 {
    inset-inline-start: 58.3333333333%;
  }
  .col-sm-push-8 {
    inset-inline-start: 66.6666666667%;
  }
  .col-sm-push-9 {
    inset-inline-start: 75%;
  }
  .col-sm-push-10 {
    inset-inline-start: 83.3333333333%;
  }
  .col-sm-push-11 {
    inset-inline-start: 91.6666666667%;
  }
  .col-sm-push-12 {
    inset-inline-start: 100%;
  }
  .col-sm-offset-0 {
    margin-inline-start: 0%;
  }
  .col-sm-offset-1 {
    margin-inline-start: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-inline-start: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-inline-start: 25%;
  }
  .col-sm-offset-4 {
    margin-inline-start: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-inline-start: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-inline-start: 50%;
  }
  .col-sm-offset-7 {
    margin-inline-start: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-inline-start: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-inline-start: 75%;
  }
  .col-sm-offset-10 {
    margin-inline-start: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-inline-start: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-inline-start: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1 {
    inline-size: 8.3333333333%;
  }
  .col-md-2 {
    inline-size: 16.6666666667%;
  }
  .col-md-3 {
    inline-size: 25%;
  }
  .col-md-4 {
    inline-size: 33.3333333333%;
  }
  .col-md-5 {
    inline-size: 41.6666666667%;
  }
  .col-md-6 {
    inline-size: 50%;
  }
  .col-md-7 {
    inline-size: 58.3333333333%;
  }
  .col-md-8 {
    inline-size: 66.6666666667%;
  }
  .col-md-9 {
    inline-size: 75%;
  }
  .col-md-10 {
    inline-size: 83.3333333333%;
  }
  .col-md-11 {
    inline-size: 91.6666666667%;
  }
  .col-md-12 {
    inline-size: 100%;
  }
  .col-md-pull-0 {
    inset-inline-end: auto;
  }
  .col-md-pull-1 {
    inset-inline-end: 8.3333333333%;
  }
  .col-md-pull-2 {
    inset-inline-end: 16.6666666667%;
  }
  .col-md-pull-3 {
    inset-inline-end: 25%;
  }
  .col-md-pull-4 {
    inset-inline-end: 33.3333333333%;
  }
  .col-md-pull-5 {
    inset-inline-end: 41.6666666667%;
  }
  .col-md-pull-6 {
    inset-inline-end: 50%;
  }
  .col-md-pull-7 {
    inset-inline-end: 58.3333333333%;
  }
  .col-md-pull-8 {
    inset-inline-end: 66.6666666667%;
  }
  .col-md-pull-9 {
    inset-inline-end: 75%;
  }
  .col-md-pull-10 {
    inset-inline-end: 83.3333333333%;
  }
  .col-md-pull-11 {
    inset-inline-end: 91.6666666667%;
  }
  .col-md-pull-12 {
    inset-inline-end: 100%;
  }
  .col-md-push-0 {
    inset-inline-start: auto;
  }
  .col-md-push-1 {
    inset-inline-start: 8.3333333333%;
  }
  .col-md-push-2 {
    inset-inline-start: 16.6666666667%;
  }
  .col-md-push-3 {
    inset-inline-start: 25%;
  }
  .col-md-push-4 {
    inset-inline-start: 33.3333333333%;
  }
  .col-md-push-5 {
    inset-inline-start: 41.6666666667%;
  }
  .col-md-push-6 {
    inset-inline-start: 50%;
  }
  .col-md-push-7 {
    inset-inline-start: 58.3333333333%;
  }
  .col-md-push-8 {
    inset-inline-start: 66.6666666667%;
  }
  .col-md-push-9 {
    inset-inline-start: 75%;
  }
  .col-md-push-10 {
    inset-inline-start: 83.3333333333%;
  }
  .col-md-push-11 {
    inset-inline-start: 91.6666666667%;
  }
  .col-md-push-12 {
    inset-inline-start: 100%;
  }
  .col-md-offset-0 {
    margin-inline-start: 0%;
  }
  .col-md-offset-1 {
    margin-inline-start: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-inline-start: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-inline-start: 25%;
  }
  .col-md-offset-4 {
    margin-inline-start: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-inline-start: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-inline-start: 50%;
  }
  .col-md-offset-7 {
    margin-inline-start: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-inline-start: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-inline-start: 75%;
  }
  .col-md-offset-10 {
    margin-inline-start: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-inline-start: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-inline-start: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    inline-size: 8.3333333333%;
  }
  .col-lg-2 {
    inline-size: 16.6666666667%;
  }
  .col-lg-3 {
    inline-size: 25%;
  }
  .col-lg-4 {
    inline-size: 33.3333333333%;
  }
  .col-lg-5 {
    inline-size: 41.6666666667%;
  }
  .col-lg-6 {
    inline-size: 50%;
  }
  .col-lg-7 {
    inline-size: 58.3333333333%;
  }
  .col-lg-8 {
    inline-size: 66.6666666667%;
  }
  .col-lg-9 {
    inline-size: 75%;
  }
  .col-lg-10 {
    inline-size: 83.3333333333%;
  }
  .col-lg-11 {
    inline-size: 91.6666666667%;
  }
  .col-lg-12 {
    inline-size: 100%;
  }
  .col-lg-pull-0 {
    inset-inline-end: auto;
  }
  .col-lg-pull-1 {
    inset-inline-end: 8.3333333333%;
  }
  .col-lg-pull-2 {
    inset-inline-end: 16.6666666667%;
  }
  .col-lg-pull-3 {
    inset-inline-end: 25%;
  }
  .col-lg-pull-4 {
    inset-inline-end: 33.3333333333%;
  }
  .col-lg-pull-5 {
    inset-inline-end: 41.6666666667%;
  }
  .col-lg-pull-6 {
    inset-inline-end: 50%;
  }
  .col-lg-pull-7 {
    inset-inline-end: 58.3333333333%;
  }
  .col-lg-pull-8 {
    inset-inline-end: 66.6666666667%;
  }
  .col-lg-pull-9 {
    inset-inline-end: 75%;
  }
  .col-lg-pull-10 {
    inset-inline-end: 83.3333333333%;
  }
  .col-lg-pull-11 {
    inset-inline-end: 91.6666666667%;
  }
  .col-lg-pull-12 {
    inset-inline-end: 100%;
  }
  .col-lg-push-0 {
    inset-inline-start: auto;
  }
  .col-lg-push-1 {
    inset-inline-start: 8.3333333333%;
  }
  .col-lg-push-2 {
    inset-inline-start: 16.6666666667%;
  }
  .col-lg-push-3 {
    inset-inline-start: 25%;
  }
  .col-lg-push-4 {
    inset-inline-start: 33.3333333333%;
  }
  .col-lg-push-5 {
    inset-inline-start: 41.6666666667%;
  }
  .col-lg-push-6 {
    inset-inline-start: 50%;
  }
  .col-lg-push-7 {
    inset-inline-start: 58.3333333333%;
  }
  .col-lg-push-8 {
    inset-inline-start: 66.6666666667%;
  }
  .col-lg-push-9 {
    inset-inline-start: 75%;
  }
  .col-lg-push-10 {
    inset-inline-start: 83.3333333333%;
  }
  .col-lg-push-11 {
    inset-inline-start: 91.6666666667%;
  }
  .col-lg-push-12 {
    inset-inline-start: 100%;
  }
  .col-lg-offset-0 {
    margin-inline-start: 0%;
  }
  .col-lg-offset-1 {
    margin-inline-start: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-inline-start: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-inline-start: 25%;
  }
  .col-lg-offset-4 {
    margin-inline-start: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-inline-start: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-inline-start: 50%;
  }
  .col-lg-offset-7 {
    margin-inline-start: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-inline-start: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-inline-start: 75%;
  }
  .col-lg-offset-10 {
    margin-inline-start: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-inline-start: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-inline-start: 100%;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #275937;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-block-end: 16px;
  margin-block-start: 24px;
}

h1,
.h1 {
  line-height: 1.25;
}

h1 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  h1 {
    font-size: 2rem;
  }
}

h2,
.h2 {
  line-height: 1.25;
}

h2 {
  color: #275937;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  h2 {
    font-size: 1.5rem;
  }
}

h3,
.h3 {
  line-height: 1.25;
}

h3 {
  color: #275937;
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 480px) {
  h3 {
    font-size: 1.25rem;
  }
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-block-end: 16px;
  margin-block-start: 12px;
}

h4,
.h4 {
  line-height: 1.5;
}

h4 {
  color: #275937;
  font-size: 1rem;
  font-weight: 600;
}

h5,
.h5 {
  line-height: 1.5;
}

h5 {
  color: #191919;
  font-size: 1rem;
  font-weight: 600;
}

h6,
.h6 {
  line-height: 1.5;
}

.dso-highlight-box {
  margin-block-start: 16px;
  padding: 16px;
  margin-block-end: 24px;
  block-size: var(--highlight-box-block-size, unset);
  min-block-size: var(--highlight-box-min-block-size, unset);
}
.dso-highlight-box[has-counter] {
  block-size: var(--highlight-box-counter-block-size, unset);
}
.dso-highlight-box:not([has-counter]) {
  block-size: var(--highlight-box-nocounter-block-size, unset);
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a: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 {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-highlight-box.dso-grey a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-highlight-box.dso-grey a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-highlight-box.dso-grey a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-highlight-box.dso-grey a: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-white {
  background-color: #fff;
  border-color: #fff;
  color: #191919;
}
.dso-highlight-box.dso-yellow {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
.dso-highlight-box.dso-yellow a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-highlight-box.dso-yellow a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-highlight-box.dso-yellow a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-highlight-box.dso-yellow a: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-drop-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.dso-highlight-box.dso-border {
  border: 1px solid #ccc;
  padding: 15px;
}
.dso-highlight-box.dso-border:not(.dso-grey, .dso-yellow) {
  background-color: #fff;
  border-color: #ccc;
  color: #191919;
}
.dso-highlight-box.dso-has-counter {
  margin-block-start: 48px;
  padding-block-start: 2.5rem;
  position: relative;
}
.dso-highlight-box > .dso-highlight-box-banner {
  aspect-ratio: 2.38/1;
  margin-inline-start: -16px;
  margin-inline-end: -16px;
  margin-block-start: -16px;
  object-fit: cover;
  inline-size: calc(100% + 32px);
  max-inline-size: unset;
}
@container (min-width: 360px) and (max-width: 470px) {
  .dso-highlight-box > .dso-highlight-box-banner {
    aspect-ratio: 3/1;
  }
}
@container (min-width: 471px) {
  .dso-highlight-box > .dso-highlight-box-banner {
    aspect-ratio: 3.5/1;
  }
}
.dso-highlight-box > .dso-step-counter:first-child + .dso-rich-content *:first-child,
.dso-highlight-box > .dso-rich-content:first-child *:first-child {
  margin-block-start: 0 !important;
}
.dso-highlight-box > *:last-child {
  margin-block-end: 0 !important;
}
.dso-highlight-box .dso-tertiary:not([disabled]):hover,
.dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,
.dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di {
  text-decoration: underline;
}
.dso-highlight-box .dso-step-counter {
  background-color: #275937;
  border: 8px solid #79b929;
  border-radius: 50%;
  box-sizing: content-box;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  block-size: 2rem;
  inset-inline-start: 16px;
  line-height: 2rem;
  position: absolute;
  text-align: center;
  inset-block-start: -1.5rem;
  inline-size: 2rem;
}
.dso-highlight-box {
  container-type: inline-size;
  position: relative;
  z-index: 1;
}
.dso-highlight-box.dso-yellow .dso-tertiary:not([disabled]), .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-tertiary:not([disabled]) {
  color: #000;
}
.dso-highlight-box .dso-step-counter > svg.di,
.dso-highlight-box .dso-step-counter > dso-icon {
  margin-block-start: 0.25rem;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list li {
  margin-block-end: 16px;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list li:last-child {
  margin-block-end: 0;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a {
  text-decoration: none;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:hover, .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:focus-visible, .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:active {
  text-decoration: underline;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a {
  color: #000;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:active {
  color: #000;
  text-decoration: none;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a::before, .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:active::before, .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:focus::before, .dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a:hover::before {
  background: url("./di.svg#chevron-right-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a.download {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a.extern {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}

dso-highlight-box:not([white], [yellow], [border]) {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
dso-highlight-box:not([white], [yellow], [border]) a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-highlight-box:not([white], [yellow], [border]) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-highlight-box:not([white], [yellow], [border]) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-highlight-box:not([white], [yellow], [border]) a: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] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
dso-highlight-box[grey] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-highlight-box[grey] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-highlight-box[grey] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-highlight-box[grey] a: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[white] {
  background-color: #fff;
  border-color: #fff;
  color: #191919;
}
dso-highlight-box[yellow] {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
dso-highlight-box[yellow] a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-highlight-box[yellow] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-highlight-box[yellow] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-highlight-box[yellow] a: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[drop-shadow] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
dso-highlight-box[border] {
  border: 1px solid #ccc;
  padding: 15px;
}
dso-highlight-box[border]:not([grey], [yellow]) {
  background-color: #fff;
  border-color: #ccc;
  color: #191919;
}
dso-highlight-box[has-counter] {
  margin-block-start: 48px;
  padding-block-start: 2.5rem;
  position: relative;
}
dso-highlight-box > .dso-highlight-box-banner {
  aspect-ratio: 2.38/1;
  margin-inline-start: -16px;
  margin-inline-end: -16px;
  margin-block-start: -16px;
  object-fit: cover;
  inline-size: calc(100% + 32px);
  max-inline-size: unset;
}
@container (min-width: 360px) and (max-width: 470px) {
  dso-highlight-box > .dso-highlight-box-banner {
    aspect-ratio: 3/1;
  }
}
@container (min-width: 471px) {
  dso-highlight-box > .dso-highlight-box-banner {
    aspect-ratio: 3.5/1;
  }
}
dso-highlight-box > [slot=icon]:first-child + .dso-rich-content *:first-child,
dso-highlight-box > .dso-rich-content:first-child *:first-child {
  margin-block-start: 0 !important;
}
dso-highlight-box > *:last-child {
  margin-block-end: 0 !important;
}
dso-highlight-box .dso-tertiary:not([disabled]):hover,
dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,
dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di {
  text-decoration: underline;
}
dso-highlight-box svg.di[slot=icon],
dso-highlight-box dso-icon[slot=icon] {
  margin-block-start: 0.25rem;
}
dso-highlight-box[yellow] .dso-tertiary:not([disabled]), dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]) {
  color: #000;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list li {
  margin-block-end: 16px;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list li:last-child {
  margin-block-end: 0;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a {
  text-decoration: none;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover, dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus-visible, dso-highlight-box:not([border]):not([white]) .dso-link-list a:active {
  text-decoration: underline;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a {
  color: #000;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a:active {
  color: #000;
  text-decoration: none;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a::before, dso-highlight-box:not([border]):not([white]) .dso-link-list a:active::before, dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus::before, dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover::before {
  background: url("./di.svg#chevron-right-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a.download {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}

hr {
  border: 0;
  border-block-start: 1px solid #ccc;
  box-sizing: content-box;
  block-size: 0;
  margin-block-end: 16px;
  margin-block-start: 16px;
}

svg.di {
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}

img {
  border: 0;
  vertical-align: middle;
  max-inline-size: 100%;
}

.img-responsive {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}

.img-rounded {
  border-radius: 6px;
  outline: 8px solid #b62f41;
}

.img-thumbnail {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  line-height: 1.5;
  outline: 8px solid #b62f41;
  padding: 4px;
  display: inline-block;
  max-inline-size: 100%;
  block-size: auto;
}

.img-circle {
  border-radius: 50%;
}

.dso-info:not(.dso-accordion-section) {
  padding-block: 16px;
  padding-inline: 16px 32px;
  position: relative;
}
.dso-info:not(.dso-accordion-section) {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-info:not(.dso-accordion-section) a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-info:not(.dso-accordion-section) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-info:not(.dso-accordion-section) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-info:not(.dso-accordion-section) a: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) > button {
  background-color: transparent;
  border-style: none;
  padding: 0;
  position: absolute;
  inset-inline-end: 8px;
  inset-block-start: 8px;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content *:first-child {
  margin-block-start: 0;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content img {
  display: block;
  margin-block: 8px;
  margin-inline: auto;
  max-inline-size: 100%;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content a:hover:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), .dso-info:not(.dso-accordion-section) .dso-rich-content a:focus:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), .dso-info:not(.dso-accordion-section) .dso-rich-content a:active:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), .dso-info:not(.dso-accordion-section) .dso-rich-content a:visited:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary) {
  color: #000;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content a:active {
  text-decoration: none;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]) {
  color: #000;
}
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):hover,
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di, .dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):focus,
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,
.dso-info:not(.dso-accordion-section) .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di {
  color: #666;
  text-decoration: underline;
}
.dso-info:not(.dso-accordion-section) {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-info:not(.dso-accordion-section) a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-info:not(.dso-accordion-section) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-info:not(.dso-accordion-section) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-info:not(.dso-accordion-section) a: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) > button::before {
  background: url("./di.svg#times-zwart") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-info:not(.dso-accordion-section) > button::before {
  content: "";
  display: inline-block;
}

dso-info .dso-rich-content *:first-child {
  margin-block-start: 0;
}
dso-info .dso-rich-content img {
  display: block;
  margin-block: 8px;
  margin-inline: auto;
  max-inline-size: 100%;
}
dso-info .dso-rich-content a:hover:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-info .dso-rich-content a:focus:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-info .dso-rich-content a:active:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-info .dso-rich-content a:visited:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary) {
  color: #000;
}
dso-info .dso-rich-content a:active {
  text-decoration: none;
}
dso-info .dso-rich-content .dso-tertiary:not([disabled]) {
  color: #000;
}
dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover,
dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,
dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di, dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus,
dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,
dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di {
  color: #666;
  text-decoration: underline;
}
dso-info {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
dso-info a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
dso-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
dso-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
dso-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}

.dso-info-button {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
.dso-info-button:focus, .dso-info-button:focus-visible {
  outline-offset: 2px;
}
.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;
}
.dso-info-button {
  background: url("./di.svg#info") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-info-button.dso-open, .dso-info-button:hover, .dso-info-button:active {
  background-image: var(--_dso-di-background-image, url("./di.svg#info-active"));
}
.dso-info-button.dso-info-secondary {
  background-image: var(--_dso-di-background-image, url("./di.svg#info-secondary"));
}
.dso-info-button.dso-info-secondary.dso-open, .dso-info-button.dso-info-secondary:hover, .dso-info-button.dso-info-secondary:active {
  background-image: var(--_dso-di-background-image, url("./di.svg#info-active-secondary"));
}

@media screen and (min-width: 768px) {
  .control-label + .dso-info-button {
    margin-block-start: 7px;
  }
  .dso-radios .control-label + .dso-info-button, .dso-checkboxes .control-label + .dso-info-button, .dso-files .control-label + .dso-info-button, .dso-input-text .control-label + .dso-info-button, .dso-form-group-search-bar .control-label + .dso-info-button, .dso-select .control-label + .dso-info-button, .dso-static .control-label + .dso-info-button, .dso-textarea .control-label + .dso-info-button {
    margin-block-start: 0;
  }
}

input {
  color: inherit;
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
input[type=reset], input[type=submit] {
  cursor: pointer;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  line-height: normal;
  margin-block: 4px 0;
  margin-inline: 0;
}
input[type=checkbox][disabled], input[type=radio][disabled] {
  cursor: default;
}
input[type=file] {
  display: block;
}
input[disabled] {
  cursor: default;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  block-size: auto;
}

ins {
  text-decoration: none;
}
ins {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e4f1d4;
  border-color: #e4f1d4;
  color: #191919;
}
ins a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
ins a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
ins a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
ins a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
ins {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
}

.dso-justify-form-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dso-justify-form-groups .form-group {
  display: block;
  margin-block-end: 0;
}
.dso-justify-form-groups .form-group + .form-group,
.dso-justify-form-groups .form-group + .dso-form-buttons {
  margin-block-start: 0;
}
.dso-justify-form-groups .form-group .dso-label-container {
  align-self: auto;
}
@media (min-width: 768px) {
  .dso-justify-form-groups {
    display: grid;
    grid-gap: 8px;
    grid-template-rows: repeat(2, auto);
  }
  .dso-justify-form-groups.form-groups-1 {
    grid-template-columns: repeat(1, 1fr) auto;
  }
  .dso-justify-form-groups > div.dso-form-buttons {
    grid-column: 2;
  }
  .dso-justify-form-groups.form-groups-2 {
    grid-template-columns: repeat(2, 1fr) auto;
  }
  .dso-justify-form-groups > div.dso-form-buttons {
    grid-column: 3;
  }
  .dso-justify-form-groups.form-groups-3 {
    grid-template-columns: repeat(3, 1fr) auto;
  }
  .dso-justify-form-groups > div.dso-form-buttons {
    grid-column: 4;
  }
  .dso-justify-form-groups > div.dso-form-buttons {
    grid-row: 2;
    margin-block-end: 0;
    align-items: flex-start;
  }
  .dso-justify-form-groups .form-group {
    display: contents;
  }
  .dso-justify-form-groups .form-group,
  .dso-justify-form-groups .form-group + .form-group,
  .dso-justify-form-groups .form-group + .dso-form-buttons {
    margin-block-end: 0;
    margin-block-start: 0;
  }
  .dso-justify-form-groups .form-group .dso-label-container {
    align-self: end;
    grid-row: 1;
  }
  .dso-justify-form-groups .form-group .dso-field-container {
    grid-row: 2;
    margin-block-start: 0;
  }
  .dso-justify-form-groups .form-group .dso-info-container {
    grid-row: 3;
  }
  .dso-justify-form-groups .form-group .dso-info-container .dso-help-block,
  .dso-justify-form-groups .form-group .dso-info-container .dso-message {
    margin-block-start: 0;
  }
}

.dso-label {
  border-radius: 4px;
  display: inline-block;
  line-height: 1.5;
  max-inline-size: 100%;
  padding-block: 4px;
  padding-inline: 8px;
}
.dso-label:focus-within, .dso-label.dso-hover {
  text-decoration: line-through;
}
.dso-label button {
  background: none;
  border: 0;
  border-radius: 0 4px 4px 0;
  color: inherit;
  float: inline-end;
  font-size: 1rem;
  margin-block-end: -4px;
  margin-inline-start: 8px;
  margin-inline-end: -4px;
  margin-block-start: 0;
  padding: 0;
}
.dso-label button:hover {
  cursor: pointer;
}
.dso-label button > dso-icon,
.dso-label button > svg.di {
  display: block;
}
.dso-label {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-label.dso-label-info {
  background-color: #6ca4d9;
  border-color: #6ca4d9;
  color: #191919;
}
.dso-label.dso-label-primary {
  background-color: #275937;
  border-color: #275937;
  color: #fff;
}
.dso-label.dso-label-success {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
.dso-label.dso-label-warning {
  background-color: #dcd400;
  border-color: #dcd400;
  color: #191919;
}
.dso-label.dso-label-danger {
  background-color: #ce3f51;
  border-color: #ce3f51;
  color: #fff;
}
.dso-label.dso-label-error {
  background-color: #ce3f51;
  border-color: #ce3f51;
  color: #fff;
}
.dso-label.dso-label-bright {
  background-color: #fff;
  border-color: #fff;
  color: #191919;
}
.dso-label.dso-label-bright {
  outline: 1px solid #ccc;
  outline-offset: -1px;
}
.dso-label.dso-label-attention {
  background-color: #8b4a6a;
  border-color: #8b4a6a;
  color: #fff;
}
.dso-label.dso-compact {
  padding-block: 0;
  padding-inline: 8px;
}
.dso-label .dso-label-symbol {
  background-color: #fff;
  display: block;
  float: inline-start;
  block-size: 20px;
  margin-block-start: 2px;
  margin-inline-end: 8px;
  inline-size: 24px;
  overflow: hidden;
  position: relative;
}
.dso-label .dso-label-symbol > span {
  display: block;
  position: absolute;
  inset: 0;
}

dso-label span[slot=symbol] {
  background-color: #fff;
  display: block;
  float: inline-start;
  block-size: 20px;
  margin-block-start: 2px;
  margin-inline-end: 8px;
  inline-size: 24px;
  overflow: hidden;
  position: relative;
}
dso-label span[slot=symbol] > span {
  display: block;
  position: absolute;
  inset: 0;
}

.dso-label-group {
  margin-block-end: 16px;
}
.dso-label-group ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.dso-label-group ul > li {
  max-inline-size: 100%;
}
.dso-label-group.dso-align-right ul {
  justify-content: flex-end;
}

dso-legend-item span[slot=symbol] {
  background-color: #fff;
  display: block;
  float: inline-start;
  block-size: 26px;
  margin-block-start: 0;
  margin-inline-end: 8px;
  inline-size: 30px;
  overflow: hidden;
  position: relative;
}
dso-legend-item span[slot=symbol] > span {
  display: block;
  position: absolute;
  inset: 0;
}

.dso-link-list {
  padding-inline-start: 0;
  list-style: none;
}
.dso-link-list li {
  margin-block-end: 16px;
}
.dso-link-list li:last-child {
  margin-block-end: 0;
}
.dso-link-list li a[aria-current=page] {
  font-weight: 700;
}
.dso-link-list a {
  text-decoration: none;
}
.dso-link-list a:hover, .dso-link-list a:focus-visible, .dso-link-list a:active {
  text-decoration: underline;
}
.dso-link-list a::before {
  background: url("./di.svg#chevron-right") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-link-list a::before {
  content: "";
  display: inline-block;
  margin-inline-start: -8px;
}
.dso-link-list a:active::before, .dso-link-list a:focus::before, .dso-link-list a:hover::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#chevron-right-scampi"));
}

.list-group-item {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  margin-block-end: -1px;
  padding-block: 10px;
  padding-inline: 15px;
  position: relative;
}
.list-group-item:first-child {
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}
.list-group-item:last-child {
  border-end-start-radius: 4px;
  border-end-end-radius: 4px;
  margin-block-end: 0;
}

.list-group > .list-group-item p {
  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
  margin-inline: 0;
}
.list-group > .list-group-item ul,
.list-group > .list-group-item ol {
  margin-block-end: 16px;
}
.list-group > .list-group-item ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.list-group > .list-group-item ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.list-group > .list-group-item ul ul,
.list-group > .list-group-item ul ol,
.list-group > .list-group-item ol ul,
.list-group > .list-group-item ol ol {
  margin-block-end: 0;
}
.list-group > .list-group-item pre {
  margin-block: 0 16px;
  margin-inline: 0;
}
.list-group > .list-group-item blockquote {
  padding-block: 16px;
  padding-inline: 24px;
}
.list-group > .list-group-item dso-highlight-box,
.list-group > .list-group-item .dso-highlight-box {
  margin-block-end: 24px;
}
.list-group > .list-group-item img {
  block-size: auto;
  max-inline-size: 100%;
}

.list-group {
  margin-block-end: 20px;
  padding-inline-start: 0;
}

.dso-img-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding-inline-start: 0;
}
.dso-img-list li {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}
.dso-img-list li img {
  block-size: 24px;
  inline-size: 24px;
}
.dso-img-list.dso-img-list-spaced {
  gap: 16px;
}
.dso-img-list.dso-img-list-spaced li {
  gap: 16px;
}

ul,
ol {
  margin-block-start: 0;
  margin-block-end: 16px;
}
ul.dso-columns-list,
ol.dso-columns-list {
  list-style: none;
  margin: 0;
  padding-inline-start: 0;
}
@media (max-width: 991px) {
  ul.dso-columns-list,
  ol.dso-columns-list {
    columns: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.dso-columns-list,
  ol.dso-columns-list {
    columns: 2;
  }
}
@media (min-width: 1200px) {
  ul.dso-columns-list,
  ol.dso-columns-list {
    columns: 3;
  }
}
ul li .dso-info,
ul li dso-info,
ol li .dso-info,
ol li dso-info {
  margin-block-end: 8px;
  margin-block-start: 8px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-block-end: 0;
}
ul.dso-list-unstyled,
ol.dso-list-unstyled {
  padding-inline-start: 0;
  list-style: none;
}

ul > li.dso-forbidden,
ul > li.dso-status-warning {
  list-style: none;
  position: relative;
}
ul > li.dso-forbidden::before,
ul > li.dso-status-warning::before {
  background-position: center;
  background-size: cover;
  content: "";
  block-size: 1em;
  inset-inline-start: -1.2em;
  position: absolute;
  inset-block-start: 0.25em;
  inline-size: 1em;
}
ul > li.dso-forbidden::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#forbidden-rood"));
}
ul > li.dso-status-warning::before {
  background-image: var(--_dso-di-background-image, url("./di.svg#status-warning"));
}

ul:has(dso-project-item) li + li {
  margin-block-start: 8px;
}

dso-map-controls > * + * {
  margin-block-start: 32px;
}

mark {
  background-color: var(--_dt-mark-bg-color, #f8f5ce);
  color: var(--_dt-mark-color, #000);
  padding-block: var(--_dt-mark-padding-block, 0.2rem);
  font-weight: var(--_dt-mark-font-weight, normal);
}
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#times") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-modal .dso-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.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;
}
nav .dso-link-list a:visited {
  color: #39870c;
}

.dso-navbar {
  min-block-size: 32px;
}
.dso-navbar .dso-navbar-header {
  float: inline-start;
}
.dso-navbar .dso-navbar-toggle {
  border-radius: 4px;
  min-inline-size: auto;
  padding-block: 5px;
  padding-inline: 0;
}
.dso-navbar .dso-navbar-toggle dso-icon,
.dso-navbar .dso-navbar-toggle svg.di {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}
@media screen and (min-width: 992px) {
  .dso-navbar .dso-navbar-toggle {
    display: none;
  }
}
.dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {
  margin-inline-end: 8rem;
}

.dso-nav {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.dso-nav > li > button {
  border: 0;
  background-color: transparent;
}
.dso-nav > li > a,
.dso-nav > li > button {
  display: block;
}
.dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,
.dso-nav > li > button,
.dso-nav > li > button:hover,
.dso-nav > li > button:focus,
.dso-nav > li > button:visited {
  color: #275937;
}
.dso-nav > li.dso-active > a,
.dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,
.dso-nav > li.is-active > button {
  border-block-end: 4px solid #8b4a6a;
  font-weight: bold;
}
.dso-nav.dso-nav-main > li {
  display: inline-block;
}
.dso-nav.dso-nav-main > li > a,
.dso-nav.dso-nav-main > li > button {
  text-decoration: none;
}
.dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,
.dso-nav.dso-nav-main > li > button:hover,
.dso-nav.dso-nav-main > li > button:focus-visible,
.dso-nav.dso-nav-main > li > button:active {
  text-decoration: underline;
}
.dso-nav.dso-nav-main > li > a,
.dso-nav.dso-nav-main > li > button {
  font-size: 1.25em;
  line-height: 1;
  margin-block-start: 8px;
  padding-block: 8px 7px;
  padding-inline: 16px;
}
.dso-nav.dso-nav-sub > li {
  display: inline-block;
}
.dso-nav.dso-nav-sub > li > a,
.dso-nav.dso-nav-sub > li > button {
  text-decoration: none;
}
.dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,
.dso-nav.dso-nav-sub > li > button:hover,
.dso-nav.dso-nav-sub > li > button:focus-visible,
.dso-nav.dso-nav-sub > li > button:active {
  text-decoration: underline;
}
.dso-nav.dso-nav-sub > li > a,
.dso-nav.dso-nav-sub > li > button {
  font-size: 1rem;
  margin-block-start: 4px;
  padding-block: 4px 3px;
  padding-inline: 8px;
}

@media screen and (max-width: 991px) {
  .dso-navbar {
    clear: inline-start;
  }
  .dso-navbar > .dso-nav {
    clear: both;
  }
  .dso-navbar:not(.dso-open) > .dso-nav {
    display: none;
  }
  .dso-navbar:not(.dso-open) > .dso-nav.dso-nav-sub {
    display: block;
  }
}
.dso-navbar + .dso-navbar-extension {
  position: relative;
  isolation: isolate;
}
.dso-navbar + .dso-navbar-extension.dso-animate .dso-navbar-extension-container {
  transition: grid-template-rows 0.5s, visibility 0.5s, margin-block-end 0.5s;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-container {
  position: relative;
  inset-block-start: -1px;
  display: grid;
  grid-template-rows: 0fr;
  margin-block-end: 0;
  visibility: hidden;
  inline-size: 100%;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 1px;
  z-index: 1;
  translate: 0 -100%;
  background-color: transparent;
  padding-inline: 16px;
  padding-block: 6px;
  border: 2px solid transparent;
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
  font-weight: 600;
  color: #39870c;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button svg.di,
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button dso-icon {
  margin-inline-end: 8px;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button:hover, .dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button:focus {
  text-decoration: underline;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button.dso-active {
  background-color: #f2f2f2;
  border-color: #ccc;
  color: #191919;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button.dso-active::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -2px;
  inline-size: 100%;
  block-size: 2px;
  background-color: #f2f2f2;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button.dso-active + .dso-navbar-extension-container {
  visibility: visible;
  grid-template-rows: 1fr;
  margin-block-end: 8px;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-expand-button.dso-active + .dso-navbar-extension-container .dso-navbar-extension-content {
  border: 2px solid #ccc;
}
.dso-navbar + .dso-navbar-extension .dso-navbar-extension-content {
  overflow: hidden;
  padding-inline: 16px;
  padding-block: 8px;
  background-color: #f2f2f2;
  border-start-start-radius: 4px;
  border-end-end-radius: 4px;
  border-end-start-radius: 4px;
}

@media screen and (min-width: 768px) {
  .dso-nav {
    border-block-end: 1px solid #ccc;
  }
}
@media screen and (max-width: 767px) {
  .dso-nav.dso-nav-main > li {
    display: block;
  }
}

.pagination ul {
  padding-inline-start: initial;
  text-align: center;
}
.pagination ul > li {
  display: inline-block;
  font-weight: bold;
  line-height: calc(2rem - 4px);
  text-align: center;
  vertical-align: middle;
}
.pagination ul > li > a,
.pagination ul > li > span {
  align-items: center;
  color: #39870c;
  display: flex;
  block-size: 2rem;
  justify-content: center;
  position: relative;
  min-inline-size: 2rem;
  padding: 2px;
  padding-block: 2px;
  padding-inline: 2px;
}
.pagination ul > li > a:active,
.pagination ul > li > span:active {
  background-color: #ebf3e6;
}
.pagination ul > li > span {
  border: 2px solid transparent;
  border-radius: 1rem;
}
.pagination ul > li a {
  line-height: 2rem;
  text-decoration: none;
}
.pagination ul > li a:hover, .pagination ul > li a:focus {
  text-decoration: none;
}
.pagination ul > li a:hover::after, .pagination ul > li a:focus::after {
  border-block-end-color: #39870c;
}
.pagination ul > li a::after {
  border-block-end: 3px solid transparent;
  inset-block-end: 0;
  content: "";
  display: inline-block;
  inset-inline-start: 0;
  position: absolute;
  inline-size: 100%;
}
.pagination ul > li.active span {
  background-color: #39870c;
  color: #fff;
}
.pagination ul > li + li {
  margin-inline-start: 8px;
}
.pagination .dso-previous::before,
.pagination .dso-next::before {
  content: "";
  inset-inline-start: 50%;
  position: absolute;
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
}
.pagination .dso-previous::before {
  background: url("./di.svg#chevron-left") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.pagination .dso-next::before {
  background: url("./di.svg#chevron-right") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.pagination .sr-only.sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

p {
  margin-block: 0 16px;
  margin-inline: 0;
}
p.dso-disclaimer {
  font-style: italic;
  color: #666;
}

pre {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #323232;
  display: block;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 15px;
  overflow: auto;
  line-height: 1.5;
  margin-block: 0 12px;
  margin-inline: 0;
  padding: 11.5px;
  word-break: break-all;
  word-wrap: break-word;
}

.progress {
  margin-block-end: 8px;
}
.progress .progress-bar {
  background-color: #fff;
  border: 1px solid #39870c;
  display: block;
  block-size: 16px;
}
.progress .progress-bar > span {
  background-color: #39870c;
  float: inline-start;
  block-size: 100%;
  inline-size: 0%;
}
.progress .progress-bar + span {
  font-size: 14px;
  margin-block-start: 8px;
}

.dso-progress-indicator .dso-progress-indicator-spinner {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.dso-progress-indicator span.dso-progress-indicator-label {
  margin-inline-start: 16px;
  vertical-align: middle;
}
.dso-progress-indicator .dso-progress-indicator-spinner {
  background: url("./di.svg#spinner") no-repeat center;
  background-size: cover;
  block-size: 24px;
  vertical-align: "middle";
  inline-size: 24px;
}
.dso-progress-indicator.dso-block {
  align-items: center;
  display: flex;
  justify-content: center;
}
.dso-progress-indicator.dso-small .dso-progress-indicator-spinner,
.dso-progress-indicator.dso-small dso-icon, .dso-progress-indicator:not(.dso-medium):not(.dso-large) .dso-progress-indicator-spinner,
.dso-progress-indicator:not(.dso-medium):not(.dso-large) dso-icon {
  block-size: 24px;
  inline-size: 24px;
}
.dso-progress-indicator.dso-small.dso-block, .dso-progress-indicator:not(.dso-medium):not(.dso-large).dso-block {
  padding-block: 12px;
  padding-inline: 16px;
}
.dso-progress-indicator.dso-medium .dso-progress-indicator-spinner,
.dso-progress-indicator.dso-medium dso-icon {
  block-size: 32px;
  inline-size: 32px;
}
.dso-progress-indicator.dso-medium.dso-block {
  padding: 16px;
}
.dso-progress-indicator.dso-large .dso-progress-indicator-spinner,
.dso-progress-indicator.dso-large dso-icon {
  block-size: 48px;
  inline-size: 48px;
}
.dso-progress-indicator.dso-large.dso-block {
  padding-block: 24px;
  padding-inline: 16px;
}

.dso-rich-content p {
  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
  margin-inline: 0;
}
.dso-rich-content ul,
.dso-rich-content ol {
  margin-block-end: 16px;
}
.dso-rich-content ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.dso-rich-content ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.dso-rich-content ul ul,
.dso-rich-content ul ol,
.dso-rich-content ol ul,
.dso-rich-content ol ol {
  margin-block-end: 0;
}
.dso-rich-content pre {
  margin-block: 0 16px;
  margin-inline: 0;
}
.dso-rich-content blockquote {
  padding-block: 16px;
  padding-inline: 24px;
}
.dso-rich-content dso-highlight-box,
.dso-rich-content .dso-highlight-box {
  margin-block-end: 24px;
}
.dso-rich-content img {
  block-size: auto;
  max-inline-size: 100%;
}
.dso-rich-content > :first-child:not(hr, .dso-button-row) {
  margin-block-start: var(--_dt-rich-content-margin-block-start, 8px);
}
.dso-rich-content > :last-child:not(hr, .dso-button-row) {
  margin-block-end: var(--_dt-rich-content-margin-block-end, 8px);
}

.dso-search-bar {
  display: flex;
  margin-block-end: 16px;
}
.dso-search-bar .dso-search-bar-input {
  position: relative;
  inline-size: 100%;
}
.dso-search-bar .dso-search-bar-input .dso-search-icon {
  inset-block-end: 8px;
  font-size: 0;
  block-size: 2.5rem;
  inset-inline-start: 0;
  line-height: 2.5rem;
  padding: 8px;
  position: absolute;
  text-align: center;
  inset-block-start: 0;
  inline-size: 2.5rem;
  z-index: 101;
}
.dso-search-bar .dso-search-bar-input .dso-search-icon::before {
  background: url("./di.svg#search") no-repeat center;
  background-size: cover;
  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;
}
.dso-search-bar .dso-search-bar-input .dso-search-icon + input,
.dso-search-bar .dso-search-bar-input .dso-search-icon + dso-autosuggest > input {
  padding-inline-start: 2.5rem;
}
.dso-search-bar .dso-search-bar-input input::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.dso-search-bar .dso-search-bar-input input:-ms-input-placeholder {
  color: #666;
}
.dso-search-bar .dso-search-bar-input input::-webkit-input-placeholder {
  color: #666;
}
.dso-search-bar .dso-search-bar-input input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #275937;
  border-radius: 4px;
  border-width: 1px;
  box-shadow: none;
  display: block;
  font-size: 1rem;
  block-size: 2.5rem;
  line-height: 2.5rem;
  padding-block: 6px;
  padding-inline: 8px 2.5rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  inline-size: 100%;
}
.dso-search-bar .dso-search-bar-input input:focus {
  border-color: #275937;
  box-shadow: inset 0 0 0 1px #275937;
  outline: 0;
}
.dso-search-bar .dso-search-bar-input input::-ms-clear {
  display: none;
}
.dso-search-bar .dso-search-bar-input button {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #39870c;
  font-size: 0;
  block-size: 2.5rem;
  padding: 8px;
  position: absolute;
  inset-inline-end: 0;
  text-align: center;
  inset-block-start: 0;
  inline-size: 2.5rem;
}
.dso-search-bar .dso-search-bar-input button::before {
  background: url("./di.svg#times") no-repeat center;
  background-size: cover;
  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;
}
.dso-search-bar .dso-search-bar-input label {
  flex-grow: 1;
  margin-block-end: 8px;
  inline-size: 100%;
}
.dso-search-bar .dso-search-bar-input label + .dso-search-icon {
  inset-block-start: 2rem;
}
.dso-search-bar .dso-search-bar-input label + .dso-search-icon + input + button,
.dso-search-bar .dso-search-bar-input label + .dso-search-icon + dso-autosuggest + button {
  inset-block-start: 2rem;
}
.dso-search-bar .dso-search-bar-input label + input + button,
.dso-search-bar .dso-search-bar-input label + dso-autosuggest + button {
  inset-block-start: 2rem;
}
.dso-search-bar .dso-search-bar-input label.sr-only + .dso-search-icon, .dso-search-bar .dso-search-bar-input label.dso-search-icon + .dso-search-icon {
  inset-block-start: 0;
}
.dso-search-bar .dso-search-bar-input label.sr-only + .dso-search-icon + input + button,
.dso-search-bar .dso-search-bar-input label.sr-only + .dso-search-icon + dso-autosuggest + button, .dso-search-bar .dso-search-bar-input label.dso-search-icon + .dso-search-icon + input + button,
.dso-search-bar .dso-search-bar-input label.dso-search-icon + .dso-search-icon + dso-autosuggest + button {
  inset-block-start: 0;
}
.dso-search-bar .dso-search-bar-input label.sr-only + input + button,
.dso-search-bar .dso-search-bar-input label.sr-only + dso-autosuggest + button, .dso-search-bar .dso-search-bar-input label.dso-search-icon + input + button,
.dso-search-bar .dso-search-bar-input label.dso-search-icon + dso-autosuggest + button {
  inset-block-start: 0;
}
.dso-search-bar .dso-search-bar-input + button {
  align-self: flex-end;
  block-size: 2.5rem;
  line-height: calc(2.5rem - 2px);
  margin-block: 0;
  margin-inline: 8px 0;
  min-inline-size: initial;
  padding-block: 0;
  padding-inline: 16px;
  text-align: center;
}
.dso-search-bar + .dso-results {
  color: #666;
  font-weight: 700;
  margin-block-start: 8px;
}
.dso-search-bar.dso-invalid .dso-search-bar-input input {
  border-color: #ce3f51;
}
.dso-search-bar.dso-invalid .dso-search-bar-input input:focus {
  box-shadow: inset 0 0 0 1px #ce3f51;
}

select {
  color: inherit;
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  text-transform: none;
}
select[multiple] {
  block-size: auto;
}

optgroup {
  color: inherit;
  font: inherit;
  font-weight: bold;
  margin: 0;
}

.dso-selectable {
  position: relative;
  display: var(--dso-selectable-display, block);
  padding-block: 0;
  padding-inline: 32px 0;
}
.dso-selectable label {
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,
.dso-selectable input[type=radio][disabled] + label::before,
.dso-selectable input[type=radio][disabled]:active + label::before,
.dso-selectable input[type=radio][disabled]:focus + label::before {
  background-color: #fff;
  box-shadow: 0 0 0 2px #e5e5e5;
}
.dso-selectable input[type=checkbox],
.dso-selectable input[type=radio] {
  block-size: 24px;
  inset-inline-start: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  inset-block-start: 0;
  inline-size: 24px;
  z-index: 100;
  zoom: 1;
}
@media (prefers-contrast: more) {
  .dso-selectable input[type=checkbox],
  .dso-selectable input[type=radio] {
    opacity: 1;
  }
}
.dso-selectable input[type=checkbox]:not([disabled]),
.dso-selectable input[type=radio]:not([disabled]) {
  cursor: pointer;
}
.dso-selectable input[type=checkbox] + label,
.dso-selectable input[type=radio] + label {
  display: inline;
  font-style: normal;
  padding-inline-start: 0;
}
.dso-selectable input[type=checkbox] + label::before,
.dso-selectable input[type=radio] + label::before {
  background: #fff;
  border: 0;
  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);
  content: "";
  block-size: 20px;
  inset-inline-start: 2px;
  position: absolute;
  inset-block-start: 2px;
  inline-size: 20px;
}
.dso-selectable input[type=checkbox]:focus,
.dso-selectable input[type=radio]:focus {
  outline: 0;
}
.dso-selectable input[type=checkbox]:focus + label::before,
.dso-selectable input[type=radio]:focus + label::before {
  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);
  block-size: 18px;
  inset-inline-start: 3px;
  inset-block-start: 3px;
  inline-size: 18px;
}
.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,
.dso-selectable input[type=radio]:active + label::before,
.dso-selectable input[type=radio].active + label::before {
  background-color: #ebf3e6;
  box-shadow: 0 0 0 1px #275937;
  block-size: 22px;
  inset-inline-start: 1px;
  inset-block-start: 1px;
  inline-size: 22px;
}
.dso-selectable input[type=checkbox] + label::before {
  border-radius: 4px;
}
.dso-selectable input[type=checkbox] + label::after {
  background: transparent;
  content: "";
  inset-inline-start: 6px;
  opacity: 0;
  position: absolute;
  inset-block-start: 6px;
  zoom: 1;
}
.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {
  opacity: 1;
}
.dso-selectable input[type=checkbox]:checked + label::after {
  border: solid;
  border-color: var(--dso-selectable-color, #39870c);
  border-block-start-color: transparent;
  border-width: 0 0 3px 3px;
  block-size: 8px;
  transform: rotate(-45deg);
  inline-size: 13px;
}
.dso-selectable input[type=checkbox]:indeterminate + label::after {
  background-color: var(--dso-selectable-color, #39870c);
  block-size: 12px;
  inline-size: 12px;
}
.dso-selectable input[type=radio] + label::before {
  border-radius: 50%;
}
.dso-selectable input[type=radio] + label::after {
  background-color: transparent;
  border-radius: 50%;
  content: "";
  block-size: 12px;
  inset-inline-start: 6px;
  opacity: 0;
  position: absolute;
  inset-block-start: 6px;
  inline-size: 12px;
  zoom: 1;
}
.dso-selectable input[type=radio]:checked + label::after {
  background-color: var(--dso-selectable-color, #39870c);
  opacity: 1;
}
.dso-selectable > .dso-info {
  float: none;
  margin-block: 8px 0;
  margin-inline: 0 16px;
  inline-size: 100%;
}
.dso-selectable .dso-selectable-options {
  list-style: none;
  margin-block-start: 8px;
  padding-inline-start: 0;
}
.dso-selectable .dso-selectable-options li + li {
  margin-block-start: 8px;
}
.dso-selectable:not(:last-child) {
  margin-block-end: 8px;
}
.dso-selectable input[aria-invalid=true] + label {
  --dso-selectable-color: #ce3f51;
}

dso-selectable > dso-info {
  float: none;
  margin-block: 8px 0;
  margin-inline: 0 16px;
  inline-size: 100%;
}
dso-selectable .dso-selectable-options {
  list-style: none;
  margin-block-start: 8px;
  padding-inline-start: 0;
}
dso-selectable .dso-selectable-options li + li {
  margin-block-start: 8px;
}
dso-selectable .dso-rich-content[slot=info] *:first-child {
  margin-block-start: 0;
}
dso-selectable .dso-rich-content[slot=info] img {
  display: block;
  margin-block: 8px;
  margin-inline: auto;
  max-inline-size: 100%;
}
dso-selectable .dso-rich-content[slot=info] a:hover:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:focus:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:active:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:visited:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary) {
  color: #000;
}
dso-selectable .dso-rich-content[slot=info] a:active {
  text-decoration: none;
}
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]) {
  color: #000;
}
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon,
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover svg.di, dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon,
dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus svg.di {
  color: #666;
  text-decoration: underline;
}

.dso-shopping-cart .dso-status {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-shopping-cart .dso-status a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-shopping-cart .dso-status a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-shopping-cart .dso-status a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-shopping-cart .dso-status a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-shopping-cart .dso-status {
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  display: block;
  font-weight: 600;
  padding-block: 16px;
  padding-inline: 48px;
  position: relative;
  text-align: start;
}
.dso-shopping-cart .dso-status dso-icon,
.dso-shopping-cart .dso-status svg.di {
  transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
  inset-inline-start: 16px;
  position: absolute;
  margin-inline-end: 8px;
  transform: rotate(0);
}
.dso-shopping-cart .dso-status[aria-expanded=true] dso-icon,
.dso-shopping-cart .dso-status[aria-expanded=true] svg.di {
  transform: rotate(90deg);
}
.dso-shopping-cart span.dso-status {
  display: inline-block;
  padding-inline-start: 16px;
}
.dso-shopping-cart .dso-status + .dso-items,
.dso-shopping-cart .dso-delete + .dso-items {
  border-block-start: 1px solid #ccc;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.dso-shopping-cart .dso-contents {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-shopping-cart .dso-contents a:is(.download, .download:hover, .download:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
}
.dso-shopping-cart .dso-contents a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
}
.dso-shopping-cart .dso-contents a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
}
.dso-shopping-cart .dso-contents a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
}
.dso-shopping-cart .dso-contents {
  border: 0;
  border-radius: 4px;
  color: #000;
  position: relative;
}
.dso-shopping-cart .dso-contents > .dso-delete {
  position: absolute;
  inline-size: 24px;
  z-index: 2;
}
.dso-shopping-cart .dso-contents > .dso-items {
  inline-size: 100%;
}
.dso-shopping-cart .dso-contents + .dso-warning {
  margin-block-start: 16px;
}
.dso-shopping-cart ul,
.dso-shopping-cart ol {
  padding-inline-start: 0;
  list-style: none;
}
.dso-shopping-cart ul,
.dso-shopping-cart ol {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
.dso-shopping-cart ul,
.dso-shopping-cart ol {
  border-radius: 4px;
  margin-block-end: 0;
  margin-block-start: 0;
}
.dso-shopping-cart ul li,
.dso-shopping-cart ol li {
  border-block-start: 1px solid #ccc;
}
.dso-shopping-cart .dso-activities > li,
.dso-shopping-cart .dso-subitems > li {
  font-weight: normal;
}
.dso-shopping-cart li {
  padding-block-end: 16px;
  padding-block-start: 16px;
  position: relative;
}
.dso-shopping-cart li > dso-icon,
.dso-shopping-cart li > svg.di {
  float: inline-start;
  block-size: 24px;
  margin-inline-end: 8px;
  text-align: center;
  inline-size: 24px;
}
.dso-shopping-cart .dso-items > li {
  font-weight: 600;
  padding-inline-start: 16px;
  padding-inline-end: 80px;
}
.dso-shopping-cart .dso-items > li:first-child {
  border-block-start: 0;
}
.dso-shopping-cart .dso-items .dso-activities,
.dso-shopping-cart .dso-items .dso-subitems {
  margin-inline-end: -64px;
  margin-block-start: 16px;
}
.dso-shopping-cart .dso-items .dso-activities li,
.dso-shopping-cart .dso-items .dso-subitems li {
  margin-inline-start: -16px;
  margin-inline-end: -16px;
  padding-block: 16px;
  padding-inline: 48px;
}
.dso-shopping-cart .dso-items .dso-activities li:last-child,
.dso-shopping-cart .dso-items .dso-subitems li:last-child {
  padding-block-end: 0;
}
.dso-shopping-cart .dso-edit-name {
  display: block;
  inline-size: 100%;
  block-size: 40px;
  padding-block: 6px;
  padding-inline: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: #191919;
  background-color: #fff;
  background-image: none;
  border: 1px solid #275937;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dso-shopping-cart .dso-edit-name::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.dso-shopping-cart .dso-edit-name:-ms-input-placeholder {
  color: #666;
}
.dso-shopping-cart .dso-edit-name::-webkit-input-placeholder {
  color: #666;
}
.dso-shopping-cart .dso-edit-name::-ms-expand {
  background-color: transparent;
  border: 0;
}
.dso-shopping-cart .dso-edit-name:focus {
  border-color: #275937;
  outline: 0;
  box-shadow: inset 0 0 0 1px #275937;
}
.dso-shopping-cart .dso-edit-name[disabled], .dso-shopping-cart .dso-edit-name[readonly], fieldset[disabled] .dso-shopping-cart .dso-edit-name {
  background-color: #fff;
  opacity: 1;
}
.dso-shopping-cart .dso-edit-name[disabled], fieldset[disabled] .dso-shopping-cart .dso-edit-name {
  cursor: default;
}
.dso-shopping-cart .dso-edit-name[disabled] {
  border-color: #e5e5e5;
  color: #999;
}
.dso-shopping-cart .dso-edit-name[readonly] {
  border-width: 1px;
}
.dso-shopping-cart .dso-edit-name[type=text] {
  line-height: 40px;
}
.dso-shopping-cart .dso-edit-name[size] {
  inline-size: auto;
}
.dso-shopping-cart .dso-delete,
.dso-shopping-cart .dso-edit-cart-item {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #39870c;
  block-size: 24px;
  padding: 0;
  position: absolute;
  text-align: center;
  inset-block-start: 16px;
  inline-size: 24px;
}
.dso-shopping-cart .dso-delete {
  inset-inline-end: 16px;
}
.dso-shopping-cart .dso-edit-cart-item {
  inset-inline-end: 48px;
}
.dso-shopping-cart .dso-edit-additive {
  font-weight: 400;
  margin-inline-end: -64px;
  margin-block-start: 8px;
}
.dso-shopping-cart .dso-edit-additive label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dso-shopping-cart .dso-empty {
  padding-block: 12px;
  padding-inline: 16px;
}
.dso-shopping-cart .dso-secondary {
  padding-block: 6px;
  padding-inline: 12px;
}

small {
  font-size: 14px;
}

sub {
  inset-block-end: -0.25em;
  font-size: 0.65em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub a {
  text-decoration: none;
}
sub a:hover, sub a:focus-visible, sub a:active {
  text-decoration: underline;
}

p[role=doc-subtitle] {
  color: #191919;
  font-weight: 700;
  margin-block-end: 24px;
}

h1 + p[role=doc-subtitle] {
  margin-block-start: -8px;
}

sup {
  font-size: 0.65em;
  line-height: 0;
  position: relative;
  inset-block-start: -0.5em;
  vertical-align: baseline;
}
sup a {
  text-decoration: none;
}
sup a:hover, sup a:focus-visible, sup a:active {
  text-decoration: underline;
}

svg:not(:root) {
  overflow: hidden;
}

caption {
  color: #666;
  padding-block-end: 8px;
  padding-block-start: 8px;
  text-align: start;
}

td,
th {
  padding: 0;
}

th {
  font-weight: 600;
  text-align: start;
}

table.table td:not(.plain-content) p,
table.table th p {
  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
  margin-inline: 0;
}
table.table td:not(.plain-content) ul,
table.table td:not(.plain-content) ol,
table.table th ul,
table.table th ol {
  margin-block-end: 16px;
}
table.table td:not(.plain-content) ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
table.table td:not(.plain-content) ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
table.table th ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
table.table th ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
table.table td:not(.plain-content) ul ul,
table.table td:not(.plain-content) ul ol,
table.table td:not(.plain-content) ol ul,
table.table td:not(.plain-content) ol ol,
table.table th ul ul,
table.table th ul ol,
table.table th ol ul,
table.table th ol ol {
  margin-block-end: 0;
}
table.table td:not(.plain-content) pre,
table.table th pre {
  margin-block: 0 16px;
  margin-inline: 0;
}
table.table td:not(.plain-content) blockquote,
table.table th blockquote {
  padding-block: 16px;
  padding-inline: 24px;
}
table.table td:not(.plain-content) dso-highlight-box,
table.table td:not(.plain-content) .dso-highlight-box,
table.table th dso-highlight-box,
table.table th .dso-highlight-box {
  margin-block-end: 24px;
}
table.table td:not(.plain-content) img,
table.table th img {
  block-size: auto;
  max-inline-size: 100%;
}

table.table,
.dso-rich-content table {
  margin-block-end: 24px;
  max-inline-size: 100%;
  inline-size: 100%;
}
table.table .dso-tertiary,
.dso-rich-content table .dso-tertiary {
  position: relative;
  inset-block-start: -2px;
  white-space: nowrap;
}
table.table.dso-text-left th,
table.table.dso-text-left td,
.dso-rich-content table.dso-text-left th,
.dso-rich-content table.dso-text-left td {
  text-align: start;
}
table.table.dso-text-center th,
table.table.dso-text-center td,
.dso-rich-content table.dso-text-center th,
.dso-rich-content table.dso-text-center td {
  text-align: center;
}
table.table.dso-text-right th,
table.table.dso-text-right td,
.dso-rich-content table.dso-text-right th,
.dso-rich-content table.dso-text-right td {
  text-align: end;
}
table.table.dso-table-vertical-lines > thead > tr > td,
table.table.dso-table-vertical-lines > thead > tr > th,
.dso-rich-content table.dso-table-vertical-lines > thead > tr > td,
.dso-rich-content table.dso-table-vertical-lines > thead > tr > th {
  border: 1px solid #666;
}
table.table.dso-table-vertical-lines > tbody > tr > td,
table.table.dso-table-vertical-lines > tbody > tr > th,
table.table.dso-table-vertical-lines > tfoot > tr > td,
table.table.dso-table-vertical-lines > tfoot > tr > th,
.dso-rich-content table.dso-table-vertical-lines > tbody > tr > td,
.dso-rich-content table.dso-table-vertical-lines > tbody > tr > th,
.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > td,
.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > th {
  border: 1px solid #ccc;
}
table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,
table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > th,
.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,
.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > th {
  border-block-start: 0;
}
table.table.dso-table-outside-lines-top,
.dso-rich-content table.dso-table-outside-lines-top {
  border-block-start: 1px solid #666;
}
table.table.dso-table-outside-lines-bottom,
.dso-rich-content table.dso-table-outside-lines-bottom {
  border-block-end: 1px solid #ccc;
}
table.table.dso-table-outside-lines-topbot,
.dso-rich-content table.dso-table-outside-lines-topbot {
  border-block-start: 1px solid #666;
  border-block-end: 1px solid #ccc;
}
table.table.dso-table-outside-lines-all,
.dso-rich-content table.dso-table-outside-lines-all {
  border-block-start: 1px solid #666;
  border-block-end: 1px solid #ccc;
}
table.table.dso-table-outside-lines-all thead,
.dso-rich-content table.dso-table-outside-lines-all thead {
  border-inline-start: 1px solid #666;
  border-inline-end: 1px solid #666;
}
table.table.dso-table-outside-lines-all tbody,
.dso-rich-content table.dso-table-outside-lines-all tbody {
  border-inline-start: 1px solid #ccc;
  border-inline-end: 1px solid #ccc;
}
table.table.dso-table-outside-lines-sides thead,
.dso-rich-content table.dso-table-outside-lines-sides thead {
  border-inline-start: 1px solid #666;
  border-inline-end: 1px solid #666;
}
table.table.dso-table-outside-lines-sides tbody,
.dso-rich-content table.dso-table-outside-lines-sides tbody {
  border-inline-start: 1px solid #ccc;
  border-inline-end: 1px solid #ccc;
}
table.table > thead > tr > td.dso-horizontal-line,
table.table > thead > tr > th.dso-horizontal-line,
.dso-rich-content table > thead > tr > td.dso-horizontal-line,
.dso-rich-content table > thead > tr > th.dso-horizontal-line {
  border-block-end: 1px solid #666;
}
table.table > thead > tr > td:not(:last-child).dso-vertical-line,
table.table > thead > tr > th:not(:last-child).dso-vertical-line,
.dso-rich-content table > thead > tr > td:not(:last-child).dso-vertical-line,
.dso-rich-content table > thead > tr > th:not(:last-child).dso-vertical-line {
  border-inline-end: 1px solid #666;
}
table.table > tbody > tr > td:not(:last-child).dso-vertical-line,
table.table > tbody > tr > th:not(:last-child).dso-vertical-line,
table.table > tfoot > tr > td:not(:last-child).dso-vertical-line,
table.table > tfoot > tr > th:not(:last-child).dso-vertical-line,
.dso-rich-content table > tbody > tr > td:not(:last-child).dso-vertical-line,
.dso-rich-content table > tbody > tr > th:not(:last-child).dso-vertical-line,
.dso-rich-content table > tfoot > tr > td:not(:last-child).dso-vertical-line,
.dso-rich-content table > tfoot > tr > th:not(:last-child).dso-vertical-line {
  border-inline-end: 1px solid #ccc;
}
table.table > tbody > tr:not(:last-child) > td.dso-horizontal-line,
table.table > tbody > tr:not(:last-child) > th.dso-horizontal-line,
table.table > tfoot > tr:not(:last-child) > td.dso-horizontal-line,
table.table > tfoot > tr:not(:last-child) > th.dso-horizontal-line,
.dso-rich-content table > tbody > tr:not(:last-child) > td.dso-horizontal-line,
.dso-rich-content table > tbody > tr:not(:last-child) > th.dso-horizontal-line,
.dso-rich-content table > tfoot > tr:not(:last-child) > td.dso-horizontal-line,
.dso-rich-content table > tfoot > tr:not(:last-child) > th.dso-horizontal-line {
  border-block-end: 1px solid #ccc;
}
table.table th.dso-text-left,
table.table td.dso-text-left,
.dso-rich-content table th.dso-text-left,
.dso-rich-content table td.dso-text-left {
  text-align: start;
}
table.table th.dso-text-center,
table.table td.dso-text-center,
.dso-rich-content table th.dso-text-center,
.dso-rich-content table td.dso-text-center {
  text-align: center;
}
table.table th.dso-text-right,
table.table td.dso-text-right,
.dso-rich-content table th.dso-text-right,
.dso-rich-content table td.dso-text-right {
  text-align: end;
}
table.table > thead > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > th,
table.table > tbody > tr > td,
table.table > tfoot > tr > th,
table.table > tfoot > tr > td,
.dso-rich-content table > thead > tr > th,
.dso-rich-content table > thead > tr > td,
.dso-rich-content table > tbody > tr > th,
.dso-rich-content table > tbody > tr > td,
.dso-rich-content table > tfoot > tr > th,
.dso-rich-content table > tfoot > tr > td {
  line-height: 1.5;
  padding-block: 12px;
  padding-inline: 8px;
  vertical-align: top;
}
table.table > thead > tr > th a,
table.table > thead > tr > td a,
table.table > tbody > tr > th a,
table.table > tbody > tr > td a,
table.table > tfoot > tr > th a,
table.table > tfoot > tr > td a,
.dso-rich-content table > thead > tr > th a,
.dso-rich-content table > thead > tr > td a,
.dso-rich-content table > tbody > tr > th a,
.dso-rich-content table > tbody > tr > td a,
.dso-rich-content table > tfoot > tr > th a,
.dso-rich-content table > tfoot > tr > td a {
  text-decoration: underline;
}
table.table:not([class*=dso-table-outside-lines]) > thead > tr > td,
table.table:not([class*=dso-table-outside-lines]) > thead > tr > th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > th {
  border-block-end: 1px solid #666;
}
table.table:not([class*=dso-table-outside-lines]) > tbody > tr > td,
table.table:not([class*=dso-table-outside-lines]) > tbody > tr > th,
table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > td,
table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > th {
  border-block-end: 1px solid #ccc;
}
table.table > tbody + tbody,
.dso-rich-content table > tbody + tbody {
  border-block-start: 2px solid #ccc;
}
table.table .table,
.dso-rich-content table .table {
  background-color: #fff;
}
table.table > tbody > tr.result-error td,
.dso-rich-content table > tbody > tr.result-error td {
  font-style: italic;
}
table.table > thead > tr > th,
.dso-rich-content table > thead > tr > th {
  vertical-align: bottom;
}
table.table > thead > tr > th .dso-primary.dso-sort, table.table > thead > tr > th .dso-secondary.dso-sort, table.table > thead > tr > th .dso-tertiary.dso-sort,
.dso-rich-content table > thead > tr > th .dso-primary.dso-sort,
.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort,
.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort {
  color: #191919;
  font-weight: 600;
}
table.table > thead > tr > th .dso-primary.dso-sort dso-icon,
table.table > thead > tr > th .dso-primary.dso-sort svg.di, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon,
table.table > thead > tr > th .dso-secondary.dso-sort svg.di, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon,
table.table > thead > tr > th .dso-tertiary.dso-sort svg.di,
.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon,
.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di,
.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon,
.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di,
.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon,
.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di {
  color: #666;
}
table.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,
table.table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,
table.table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
table.table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active {
  color: #191919;
}

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2;
}

table col[class*=col-] {
  display: table-column;
  float: none;
  position: static;
}

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
table td[class*=col-],
table th[class*=col-] {
  display: table-cell;
  float: none;
  position: static;
}

.dso-rich-content table > thead > tr > td.active,
.dso-rich-content table > thead > tr > th.active, .dso-rich-content table > thead > tr.active > td, .dso-rich-content table > thead > tr.active > th,
.dso-rich-content table > tbody > tr > td.active,
.dso-rich-content table > tbody > tr > th.active,
.dso-rich-content table > tbody > tr.active > td,
.dso-rich-content table > tbody > tr.active > th,
.dso-rich-content table > tfoot > tr > td.active,
.dso-rich-content table > tfoot > tr > th.active,
.dso-rich-content table > tfoot > tr.active > td,
.dso-rich-content table > tfoot > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #f2f2f2;
}
.table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td {
  background-color: #f2f2f2;
}
.table-hover > tbody > tr:hover > th a, .table-hover > tbody > tr:hover > td a {
  color: #191919;
}
.table-hover > tbody > tr:hover > th a:hover, .table-hover > tbody > tr:hover > td a:hover {
  text-decoration: none;
}

.table > tbody > tr.active > th, .table > tbody > tr.active > td {
  background-color: #f2f2f2;
}
.table > tbody > tr.active > th a, .table > tbody > tr.active > td a {
  color: #191919;
}
.table > tbody > tr.active > th a:hover, .table > tbody > tr.active > td a:hover {
  text-decoration: none;
}

.dso-table-responsive,
.dso-table-scroll-container {
  min-block-size: 0.01%;
  overflow-x: auto;
  position: relative;
}

.dso-table-scroll-container {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ccc;
  margin-block-end: 0;
  overflow-y: hidden;
  inline-size: 100%;
}
.dso-table-scroll-container::before {
  content: "beweeg de tabel van links naar rechts";
  display: block;
  font-size: 0.8em;
  margin-block-end: 8px;
  position: relative;
  text-align: center;
}
.dso-table-scroll-container > .table {
  margin-block-end: 0;
}
.dso-table-scroll-container > .table > thead > tr > th,
.dso-table-scroll-container > .table > thead > tr > td,
.dso-table-scroll-container > .table > tbody > tr > th,
.dso-table-scroll-container > .table > tbody > tr > td,
.dso-table-scroll-container > .table > tfoot > tr > th,
.dso-table-scroll-container > .table > tfoot > tr > td {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .dso-table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ccc;
    margin-block-end: 0;
    overflow-y: hidden;
    inline-size: 100%;
  }
  .dso-table-responsive::before {
    content: "beweeg de tabel van links naar rechts";
    display: block;
    font-size: 0.8em;
    margin-block-end: 8px;
    position: relative;
    text-align: center;
  }
  .dso-table-responsive > .table {
    margin-block-end: 0;
  }
  .dso-table-responsive > .table > thead > tr > th,
  .dso-table-responsive > .table > thead > tr > td,
  .dso-table-responsive > .table > tbody > tr > th,
  .dso-table-responsive > .table > tbody > tr > td,
  .dso-table-responsive > .table > tfoot > tr > th,
  .dso-table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.dso-table-filter-wrapper .dso-search-bar {
  margin-block-end: 16px;
  inline-size: 288px;
}

dso-table table.table {
  margin-block-end: 0;
}

dso-table.dso-is-responsive {
  margin-block-end: 0;
}
dso-table.dso-is-responsive > .table > thead > tr > th,
dso-table.dso-is-responsive > .table > thead > tr > td,
dso-table.dso-is-responsive > .table > tbody > tr > th,
dso-table.dso-is-responsive > .table > tbody > tr > td,
dso-table.dso-is-responsive > .table > tfoot > tr > th,
dso-table.dso-is-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
}

.nav::before, .nav::after {
  display: table;
  content: " ";
}
.nav::after {
  clear: both;
}
.nav {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5e5e5;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #e5e5e5;
  border-color: var(--link-color);
}

.nav.nav-tabs {
  border-block-end: 1px solid #e5e5e5;
  display: flex;
  flex-wrap: wrap;
  margin-block-end: 24px;
  padding-inline-start: 0;
}
@media screen and (min-width: 768px) {
  .nav.nav-tabs {
    border-block-end: 1px solid #39870c;
  }
}
@media screen and (max-width: 767px) {
  .nav.nav-tabs {
    border-block-end: 1px solid #fff;
    display: block;
  }
}
.nav.nav-tabs > li {
  border-color: #39870c;
  font-weight: bold;
  margin-block-end: -1px;
  min-block-size: 56px;
}
@media screen and (max-width: 767px) {
  .nav.nav-tabs > li {
    margin-block: 10px;
    margin-inline: 0;
  }
  .nav.nav-tabs > li:first-child {
    margin-block-start: 0;
  }
  .nav.nav-tabs > li:last-child {
    margin-block-end: 0;
  }
}
.nav.nav-tabs > li > a {
  text-decoration: none;
}
.nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus-visible {
  text-decoration: none;
}
.nav.nav-tabs > li > a:active {
  text-decoration: underline;
}
.nav.nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #666;
  display: block;
  line-height: 1.5;
  margin-inline-end: 2px;
  min-block-size: 56px;
  padding-block: 15px;
  padding-inline: 23px;
  position: relative;
}
.nav.nav-tabs > li > a:hover {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5;
}
.nav.nav-tabs > li:not(.disabled) > a:visited {
  color: #666;
}
.nav.nav-tabs > li a:active,
.nav.nav-tabs > li a:focus,
.nav.nav-tabs > li a:hover {
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-block-end-color: #39870c;
  text-decoration: none;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:active, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:visited {
  background-color: #fff;
  border: 1px solid #39870c;
  border-block-end-color: #fff;
  color: #39870c;
  cursor: default;
}
.nav.nav-tabs > li.disabled > a {
  color: #999;
}
.nav.nav-tabs > li.disabled > a:hover, .nav.nav-tabs > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .nav.nav-tabs > li a {
    border-color: #fff;
    border-radius: 8px;
    padding-block: 18px;
    padding-inline: 20px;
  }
  .nav.nav-tabs > li a:active, .nav.nav-tabs > li a:focus, .nav.nav-tabs > li a:hover {
    border-block-end-width: 1px;
    border-color: transparent;
  }
  .nav.nav-tabs > li.active a, .nav.nav-tabs > li.active a:focus, .nav.nav-tabs > li.active a:hover {
    border-block-end-width: 1px;
    border-color: #39870c;
  }
}

textarea {
  color: inherit;
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: auto;
}
textarea.form-control {
  block-size: auto;
}

.dso-whitebox-small:not(.dso-theme),
.dso-tile:not(.dso-theme) {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-block-end: 56px;
  min-block-size: 200px;
  padding-block: 24px 16px;
  padding-inline: 16px;
  position: relative;
  inset-block-start: 56px;
}
.dso-whitebox-small.dso-theme,
.dso-tile.dso-theme {
  margin: 0;
}
.dso-whitebox-small.dso-theme .dso-tile-icon,
.dso-tile.dso-theme .dso-tile-icon {
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  color: #39870c;
  display: flex;
  block-size: 92px;
  justify-content: center;
  margin-block: 0 8px;
  margin-inline: auto;
  overflow: hidden;
  inline-size: 92px;
}
.dso-whitebox-small.dso-theme .dso-tile-icon img,
.dso-tile.dso-theme .dso-tile-icon img {
  block-size: 56px;
  inline-size: 56px;
}
.dso-whitebox-small .dso-tile-icon,
.dso-tile .dso-tile-icon {
  display: block;
  margin-block-end: 16px;
  text-align: center;
}
.dso-whitebox-small .dso-tile-icon img,
.dso-tile .dso-tile-icon img {
  block-size: 80px;
  inline-size: 80px;
}
.dso-whitebox-small .dso-tile-link,
.dso-tile .dso-tile-link {
  border-block-end: 4px solid transparent;
  color: #39870c;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.167;
  padding-block-end: 4px;
  text-align: center;
}
.dso-whitebox-small a,
.dso-tile a {
  text-decoration: none;
}
.dso-whitebox-small a:hover, .dso-whitebox-small a:focus-visible,
.dso-tile a:hover,
.dso-tile a:focus-visible {
  text-decoration: none;
}
.dso-whitebox-small a:active,
.dso-tile a:active {
  text-decoration: underline;
}
.dso-whitebox-small a:hover .dso-tile-link, .dso-whitebox-small a:active .dso-tile-link,
.dso-tile a:hover .dso-tile-link,
.dso-tile a:active .dso-tile-link {
  border-block-end: 4px solid #39870c;
}
.dso-whitebox-small a:active,
.dso-tile a:active {
  text-decoration: none;
}

.row.dso-equal-heights > [class*=col-] > .dso-tile,
.row.dso-equal-heights > [class*=col-] > .dso-whitebox-small {
  block-size: calc(100% - 56px);
  min-block-size: auto;
}

.dso-whitebox-small {
  background-color: #b62f41;
}

.dso-tile-grid {
  display: grid;
  gap: 32px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}

dso-responsive-element.dso-tile-grid[small] {
  grid-template-columns: repeat(2, 1fr);
}
dso-responsive-element.dso-tile-grid[medium] {
  grid-template-columns: repeat(4, 1fr);
}
dso-responsive-element.dso-tile-grid[large] {
  grid-template-columns: repeat(5, 1fr);
}

dso-viewer-grid .dso-filterblok {
  margin-inline-start: -16px;
  margin-inline-end: -16px;
}
dso-viewer-grid .dso-filterblok .dso-filterblok-address {
  font-weight: bold;
  margin-block: 8px;
  margin-inline: 0;
}
@media screen and (max-width: 480px) {
  dso-viewer-grid .dso-filterblok .dso-context-wrapper .dso-context-container {
    flex-basis: auto;
  }
}
dso-viewer-grid img {
  max-inline-size: unset;
}
dso-viewer-grid .dso-toggle-main-button {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-block-end: 0;
  text-decoration: none;
  touch-action: manipulation;
  text-align: start;
  user-select: none;
  vertical-align: middle;
}
dso-viewer-grid .dso-toggle-main-button:focus, dso-viewer-grid .dso-toggle-main-button:focus-visible {
  outline-offset: 2px;
}
dso-viewer-grid .dso-toggle-main-button:active {
  outline: 0;
}
dso-viewer-grid .dso-toggle-main-button {
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
}
dso-viewer-grid .dso-toggle-main-button[disabled] {
  color: #afcf9d;
}
dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-left, dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-right {
  color: #39870c;
}
dso-viewer-grid .dso-toggle-main-button:not([disabled]):hover {
  color: #275937;
  text-decoration: underline;
  text-underline-position: under;
}
dso-viewer-grid .dso-toggle-main-button:not([disabled]):active {
  color: #173521;
}
dso-viewer-grid .dso-toggle-main-button.dso-align {
  line-height: calc(1.5em - 1px);
  padding-block: 11px;
  padding-inline: 0;
  position: relative;
}
dso-viewer-grid .dso-toggle-main-button.dso-truncate {
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dso-viewer-grid .dso-toggle-main-button.dso-spinner-left::before {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-end: 8px;
}
dso-viewer-grid .dso-toggle-main-button.dso-spinner-right::after {
  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  block-size: 24px;
  vertical-align: middle;
  inline-size: 24px;
  margin-inline-start: 8px;
}
dso-viewer-grid .dso-toggle-main-button dso-icon + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button svg.di + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + dso-icon,
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + svg.di {
  margin-inline-start: 8px;
}
dso-viewer-grid .dso-toggle-main-button svg.di.di-chevron-down + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button svg.di.di-chevron-up + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + svg.di.di-chevron-down,
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + svg.di.di-chevron-up {
  margin-inline-start: 4px;
}
dso-viewer-grid .dso-toggle-main-button dso-icon[icon=chevron-left] + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button dso-icon[icon=chevron-right] + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button svg.di.di-angle-down + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button svg.di.di-angle-up + span:not(.sr-only),
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + svg.di.di-angle-down,
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + svg.di.di-angle-up,
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + dso-icon[icon=chevron-left],
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + dso-icon[icon=chevron-right] {
  margin-inline-start: 0;
}
dso-viewer-grid .dso-toggle-main-button dso-icon,
dso-viewer-grid .dso-toggle-main-button svg.di,
dso-viewer-grid .dso-toggle-main-button span {
  vertical-align: middle;
}
dso-viewer-grid .dso-toggle-main-button {
  padding-block: 16px;
}

.dso-whitebox {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-block-end: 56px;
  padding-block: 16px;
  padding-inline: 24px;
  position: relative;
  inset-block-start: 56px;
}
.dso-whitebox .dso-whitebox-title h2 {
  margin-block: 0 48px;
  margin-inline: 0;
  text-align: center;
}
.dso-whitebox .dso-whitebox-link {
  margin-block-end: 32px;
  text-align: center;
}
.dso-whitebox .dso-whitebox-icon {
  margin-block-end: 32px;
  text-align: center;
}
.dso-whitebox .dso-whitebox-icon img {
  block-size: 160px;
  inline-size: 160px;
}
.dso-whitebox .dso-step-counter {
  background-color: #275937;
  border: 8px solid #79b929;
  border-radius: 50%;
  box-sizing: content-box;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  block-size: 2rem;
  inset-inline-start: 16px;
  line-height: 2rem;
  position: absolute;
  text-align: center;
  inset-block-start: -1.5rem;
  inline-size: 2rem;
}
.dso-whitebox.dso-has-counter {
  padding-block-start: 2.5rem;
  position: relative;
}
.dso-whitebox .dso-step-counter > svg.di,
.dso-whitebox .dso-step-counter > dso-icon {
  margin-block-start: 0.25rem;
}

.row.dso-equal-heights > [class*=col-] > .dso-whitebox {
  block-size: calc(100% - 56px);
  min-block-size: auto;
  padding-block-end: 16px;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}/*# sourceMappingURL=dso.css.map */