<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* DSO Toolkit version: 62.26.0 */
:root { --dso-toolkit-version: 62.26.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-action-list) + :where(.dso-form-buttons) {
  margin-block-start: 32px;
}

: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 &gt; :first-child, .dso-accordion-section.dso-accordion-compact .dso-rich-content &gt; :first-child, .dso-accordion-section.dso-accordion-neutral .dso-rich-content &gt; :first-child, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content &gt; :first-child {
  margin-block-start: 0;
}
.dso-accordion-section.dso-accordion-default .dso-rich-content &gt; :last-child, .dso-accordion-section.dso-accordion-compact .dso-rich-content &gt; :last-child, .dso-accordion-section.dso-accordion-neutral .dso-rich-content &gt; :last-child, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content &gt; :last-child {
  margin-block-end: 0;
}

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

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

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: 20px 16px 16px;
}
.dso-accordion .dso-section-body &gt; *:first-child:not(.dso-info) {
  margin-block-start: 0;
}
.dso-accordion .dso-section-body &gt; *: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).dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion).dso-accordion-reverse-align .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-down-mauve") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-up-wit") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before {
  background-image: url("./dso-icons.svg#img-chevron-down-mauve");
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .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) .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle button,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle button {
  color: #8b4a6a;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-right-mauve") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle a:hover, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle a:active, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle a.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle button:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle button:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-section-handle button.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle a:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle a:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle a.active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle button:hover,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle button:active,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-section-handle button.active {
  color: #8b4a6a;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .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) .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle button,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle button {
  color: #fff;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle button::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle button::before {
  background-image: url("./dso-icons.svg#img-chevron-down-wit");
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle button dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .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) .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments {
  color: #fff;
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after {
  background-image: url("./dso-icons.svg#img-paperclip-wit");
}
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .dso-accordion-section.dso-open.dso-nested-accordion,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .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) .dso-section-body,
.dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion) .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("./dso-icons.svg#img-chevron-down-zwart") no-repeat;
  background-position: 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) &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .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) &gt; .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) &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-up-zwart") no-repeat;
  background-position: 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 &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .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 &gt; .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 &gt; .dso-section-handle button::before {
  background-image: url("./dso-icons.svg#img-chevron-down-zwart");
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-right-zwart") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle a:hover, .dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle a:active, .dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section &gt; .dso-section-handle button.active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:hover,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button.active {
  background-color: #e5e5e5;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle {
  background-color: #f2f2f2;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-down-zwart") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open.dso-nested-accordion,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion {
  background-color: #fff;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-down-zwart") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button dso-attachments-counter {
  --dso-attachments-counter-color: #000;
  --dso-icon: var(--di-paperclip-zwart);
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button .dso-attachments {
  color: #000;
}
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:not(.dso-nested-accordion) &gt; .dso-section-handle button .dso-attachments::after {
  background-image: url("./dso-icons.svg#img-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 &gt; .dso-accordion-section &gt; .dso-section-handle,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle {
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid #ccc;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button {
  color: #39870c;
  padding-inline-start: 32px;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-right-grasgroen") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  inset-inline-start: 0;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle a:active, .dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-handle button.active {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section:last-child {
  border-block-end: 1px solid #ccc;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section + .dso-accordion-section,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section + .dso-accordion-section, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section + .dso-accordion-section,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section + .dso-accordion-section {
  margin-block-start: 0;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .dso-section-body, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section &gt; .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 &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle {
  background-color: transparent;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:active, .dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a.active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:hover,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button:active,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button.active {
  color: #39870c;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button::before {
  background-image: url("./dso-icons.svg#img-chevron-down-grasgroen");
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button dso-attachments-counter, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a dso-attachments-counter,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button dso-attachments-counter {
  --dso-attachments-counter-color: #666;
  --dso-icon: var(--di-paperclip-grijs);
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments {
  color: #666;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle a .dso-attachments::after,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-handle button .dso-attachments::after {
  background-image: url("./dso-icons.svg#img-paperclip-grijs");
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-body, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open &gt; .dso-section-body {
  border-block-start: 0;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-down-grasgroen") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body {
  padding-block-end: 0;
}
.dso-accordion.dso-accordion-compact &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-body .dso-accordion-section:last-child,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion &gt; .dso-accordion-section.dso-open.dso-nested-accordion &gt; .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("./dso-icons.svg#img-chevron-down-grasgroen") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  inset-inline-start: auto;
}
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align &gt; .dso-accordion-section &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align &gt; .dso-accordion-section &gt; .dso-section-body, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align &gt; .dso-accordion-section &gt; .dso-section-body,
.dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align &gt; .dso-accordion-section &gt; .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) &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .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) &gt; .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) &gt; .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) &gt; .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) &gt; .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) &gt; .dso-section-handle button::before {
  background: url("./dso-icons.svg#img-chevron-up-grasgroen") no-repeat;
  background-position: 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 &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .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 &gt; .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 &gt; .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .dso-section-handle a::before,
.dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion &gt; .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 &gt; .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 &gt; .dso-section-handle button::before {
  background-image: url("./dso-icons.svg#img-chevron-down-grasgroen");
}
.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("./dso-icons.svg#img-paperclip-grijs") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}

: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 &gt; h1.dso-section-handle,
.dso-accordion-section &gt; h2.dso-section-handle,
.dso-accordion-section &gt; h3.dso-section-handle,
.dso-accordion-section &gt; h4.dso-section-handle,
.dso-accordion-section &gt; h5.dso-section-handle {
  font-size: 1em;
  line-height: 1.375em;
  margin: 0;
}
.dso-accordion-section .dso-section-handle a:active,
.dso-accordion-section &gt; h1.dso-section-handle a:active,
.dso-accordion-section &gt; h2.dso-section-handle a:active,
.dso-accordion-section &gt; h3.dso-section-handle a:active,
.dso-accordion-section &gt; h4.dso-section-handle a:active,
.dso-accordion-section &gt; h5.dso-section-handle a:active {
  text-decoration: none;
}
.dso-accordion-section.dso-success &gt; .dso-section-handle a,
.dso-accordion-section.dso-success &gt; .dso-section-handle button, .dso-accordion-section.dso-error &gt; .dso-section-handle a,
.dso-accordion-section.dso-error &gt; .dso-section-handle button, .dso-accordion-section.dso-danger &gt; .dso-section-handle a,
.dso-accordion-section.dso-danger &gt; .dso-section-handle button, .dso-accordion-section.dso-warning &gt; .dso-section-handle a,
.dso-accordion-section.dso-warning &gt; .dso-section-handle button, .dso-accordion-section.dso-info &gt; .dso-section-handle a,
.dso-accordion-section.dso-info &gt; .dso-section-handle button {
  padding-inline-end: 56px;
}
.dso-accordion-section.dso-success &gt; .dso-section-handle a::after,
.dso-accordion-section.dso-success &gt; .dso-section-handle button::after {
  background: url("./dso-icons.svg#img-status-success") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-error &gt; .dso-section-handle a::after,
.dso-accordion-section.dso-error &gt; .dso-section-handle button::after {
  background: url("./dso-icons.svg#img-status-error") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-danger &gt; .dso-section-handle a::after,
.dso-accordion-section.dso-danger &gt; .dso-section-handle button::after {
  background: url("./dso-icons.svg#img-status-danger") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-warning &gt; .dso-section-handle a::after,
.dso-accordion-section.dso-warning &gt; .dso-section-handle button::after {
  background: url("./dso-icons.svg#img-status-warning") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-accordion-section.dso-info &gt; .dso-section-handle a::after,
.dso-accordion-section.dso-info &gt; .dso-section-handle button::after {
  background: url("./dso-icons.svg#img-status-info") no-repeat;
  background-position: 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 &gt; .dso-section-body {
  padding: 19px 17px 16px;
}
.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 &gt; *:first-child:not(.dso-info) {
  margin-block-start: 0;
}
dso-accordion-section &gt; *: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 {
  border: 1px solid transparent;
  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 16px;
  }
}
@media screen and (max-width: 480px) {
  .alert {
    padding-block: 63px 16px;
    padding-inline: 16px;
  }
}
.alert:not(:first-child) {
  margin-block-start: 24px;
}
.alert &gt; .dso-rich-content *:first-child {
  margin-block-start: 0 !important;
}
.alert &gt; .dso-rich-content *:last-child {
  margin-block-end: 0 !important;
}
.alert &gt; .dso-rich-content h1, .alert &gt; .dso-rich-content h2, .alert &gt; .dso-rich-content h3, .alert &gt; .dso-rich-content h4, .alert &gt; .dso-rich-content h5, .alert &gt; .dso-rich-content h6, .alert &gt; .dso-rich-content .h1, .alert &gt; .dso-rich-content .h2, .alert &gt; .dso-rich-content .h3, .alert &gt; .dso-rich-content .h4, .alert &gt; .dso-rich-content .h5, .alert &gt; .dso-rich-content .h6 {
  color: #000;
  font-size: 1em;
  line-height: 1.5;
  margin-block-end: 8px;
  margin-block-start: 8px;
}
.alert &gt; .dso-rich-content .dso-alert-button {
  background-color: rgba(25, 25, 25, 0.05);
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 6px 12px;
}
.alert &gt; .dso-rich-content .dso-alert-button:hover, .alert &gt; .dso-rich-content .dso-alert-button:active {
  background-color: rgba(25, 25, 25, 0.2);
  color: #000;
}
.alert a:active {
  text-decoration: none;
}
.alert::before {
  inset-inline-start: 15px;
  position: absolute;
  inset-block-start: 15px;
  content: "";
}
.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: url("./dso-icons.svg#img-download-zwart");
}
.alert.alert-success a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.alert.alert-success a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.alert.alert-success a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.alert.alert-success::before {
  background: url("./dso-icons.svg#img-status-success") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
.alert.alert-error a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.alert.alert-error a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.alert.alert-error a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.alert.alert-error::before {
  background: url("./dso-icons.svg#img-status-error") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
.alert.alert-warning a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.alert.alert-warning a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.alert.alert-warning a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.alert.alert-warning::before {
  background: url("./dso-icons.svg#img-status-warning") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
.alert.alert-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.alert.alert-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.alert.alert-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.alert.alert-info::before {
  background: url("./dso-icons.svg#img-status-info") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 32px;
  vertical-align: top;
  inline-size: 32px;
}

dso-alert &gt; .dso-rich-content *:first-child {
  margin-block-start: 0 !important;
}
dso-alert &gt; .dso-rich-content *:last-child {
  margin-block-end: 0 !important;
}
dso-alert &gt; .dso-rich-content h1, dso-alert &gt; .dso-rich-content h2, dso-alert &gt; .dso-rich-content h3, dso-alert &gt; .dso-rich-content h4, dso-alert &gt; .dso-rich-content h5, dso-alert &gt; .dso-rich-content h6, dso-alert &gt; .dso-rich-content .h1, dso-alert &gt; .dso-rich-content .h2, dso-alert &gt; .dso-rich-content .h3, dso-alert &gt; .dso-rich-content .h4, dso-alert &gt; .dso-rich-content .h5, dso-alert &gt; .dso-rich-content .h6 {
  color: #000;
  font-size: 1em;
  line-height: 1.5;
  margin-block-end: 8px;
  margin-block-start: 8px;
}
dso-alert &gt; .dso-rich-content .dso-alert-button {
  background-color: rgba(25, 25, 25, 0.05);
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 6px 12px;
}
dso-alert &gt; .dso-rich-content .dso-alert-button:hover, dso-alert &gt; .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: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: 1.5em;
  background-position: bottom 0 right 0;
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: 1.5em;
  background-position: bottom 0 right 0;
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: 1.5em;
  background-position: bottom 0 left 0;
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: 1.5em;
  background-position: bottom 0 left 0;
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-email-scampi");
}

.dso-app-heading {
  border-block-end: 1px solid #ccc;
  margin-block-end: 16px;
}
.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("./dso-icons.svg#img-paperclip-grijs") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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: 4px 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:not(.row) {
  padding: 16px 0;
  position: relative;
}
.dso-banner:not(.row).dso-compact {
  padding: 12px 0;
}
.dso-banner:not(.row) a {
  text-decoration: underline;
}
.dso-banner:not(.row) a:active {
  text-decoration: none;
}
.dso-banner:not(.row) .row &gt; div {
  line-height: 1.5;
  position: relative;
}
.dso-banner:not(.row) .row &gt; div button {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 0;
}
.dso-banner:not(.row) .row &gt; div button dso-icon,
.dso-banner:not(.row) .row &gt; div button svg.di {
  color: #000;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content {
  padding-inline-end: 24px;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h1,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h2,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h3,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h4,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h5,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h6 {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h1 + p,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h2 + p,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h3 + p,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h4 + p,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h5 + p,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h6 + p {
  display: inline;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h1 + p + *,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h2 + p + *,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h3 + p + *,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h4 + p + *,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h5 + p + *,
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content h6 + p + * {
  margin-block-start: 16px;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content &gt; h2:first-child {
  float: inline-start;
  margin-inline-end: 8px;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content *:first-child {
  margin-block-start: 0;
}
.dso-banner:not(.row) .row &gt; div &gt; .dso-rich-content *:last-child {
  margin-block-end: 0;
}
.dso-banner:not(.row) .row &gt; div::before {
  content: "";
  display: inline-block;
  inset-inline-start: 16px;
  position: absolute;
  inset-block-start: 0;
}
@media screen and (min-width: 480px) {
  .dso-banner:not(.row):not(.dso-no-icon) .row &gt; div {
    padding-inline-start: 48px;
  }
}
@media screen and (max-width: 479.01px) {
  .dso-banner:not(.row):not(.dso-no-icon) .row &gt; div {
    padding-block-start: 39px;
  }
  .dso-banner:not(.row):not(.dso-no-icon) .row &gt; div &gt; .dso-rich-content {
    padding-inline-end: 0;
  }
}
.dso-banner:not(.row).alert-danger {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
.dso-banner:not(.row).alert-danger a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-banner:not(.row).alert-danger a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-banner:not(.row).alert-danger a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-banner:not(.row).alert-danger a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-banner:not(.row).alert-danger:not(.dso-no-icon) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-danger") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner:not(.row).alert-error {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
  color: #191919;
}
.dso-banner:not(.row).alert-error a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-banner:not(.row).alert-error a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-banner:not(.row).alert-error a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-banner:not(.row).alert-error a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-banner:not(.row).alert-error:not(.dso-no-icon) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-error") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner:not(.row).alert-info {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #e1ecf7;
  border-color: #e1ecf7;
  color: #191919;
}
.dso-banner:not(.row).alert-info a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-banner:not(.row).alert-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-banner:not(.row).alert-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-banner:not(.row).alert-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-banner:not(.row).alert-info:not(.dso-no-icon) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-info") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner:not(.row).alert-warning {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
  color: #191919;
}
.dso-banner:not(.row).alert-warning a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-banner:not(.row).alert-warning a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-banner:not(.row).alert-warning a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-banner:not(.row).alert-warning a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-banner:not(.row).alert-warning:not(.dso-no-icon) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-warning") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-banner:not(.row) a.download {
  background-image: url("./dso-icons.svg#img-download-grijs90");
}
.dso-banner:not(.row) a.extern {
  background-image: url("./dso-icons.svg#img-external-link-grijs90");
}

dso-banner a {
  text-decoration: underline;
}
dso-banner a:active {
  text-decoration: none;
}
dso-banner .row &gt; div {
  line-height: 1.5;
  position: relative;
}
dso-banner .row &gt; div button {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 0;
}
dso-banner .row &gt; div button dso-icon,
dso-banner .row &gt; div button svg.di {
  color: #000;
}
dso-banner .row &gt; div &gt; .dso-rich-content {
  padding-inline-end: 24px;
}
dso-banner .row &gt; div &gt; .dso-rich-content h1,
dso-banner .row &gt; div &gt; .dso-rich-content h2,
dso-banner .row &gt; div &gt; .dso-rich-content h3,
dso-banner .row &gt; div &gt; .dso-rich-content h4,
dso-banner .row &gt; div &gt; .dso-rich-content h5,
dso-banner .row &gt; div &gt; .dso-rich-content h6 {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;
}
dso-banner .row &gt; div &gt; .dso-rich-content h1 + p,
dso-banner .row &gt; div &gt; .dso-rich-content h2 + p,
dso-banner .row &gt; div &gt; .dso-rich-content h3 + p,
dso-banner .row &gt; div &gt; .dso-rich-content h4 + p,
dso-banner .row &gt; div &gt; .dso-rich-content h5 + p,
dso-banner .row &gt; div &gt; .dso-rich-content h6 + p {
  display: inline;
}
dso-banner .row &gt; div &gt; .dso-rich-content h1 + p + *,
dso-banner .row &gt; div &gt; .dso-rich-content h2 + p + *,
dso-banner .row &gt; div &gt; .dso-rich-content h3 + p + *,
dso-banner .row &gt; div &gt; .dso-rich-content h4 + p + *,
dso-banner .row &gt; div &gt; .dso-rich-content h5 + p + *,
dso-banner .row &gt; div &gt; .dso-rich-content h6 + p + * {
  margin-block-start: 16px;
}
dso-banner .row &gt; div &gt; .dso-rich-content &gt; h2:first-child {
  float: inline-start;
  margin-inline-end: 8px;
}
dso-banner .row &gt; div &gt; .dso-rich-content *:first-child {
  margin-block-start: 0;
}
dso-banner .row &gt; div &gt; .dso-rich-content *:last-child {
  margin-block-end: 0;
}
dso-banner .row &gt; div::before {
  content: "";
  display: inline-block;
  inset-inline-start: 16px;
  position: absolute;
  inset-block-start: 0;
}
@media screen and (min-width: 480px) {
  dso-banner:not([no-icon]) .row &gt; div {
    padding-inline-start: 48px;
  }
}
@media screen and (max-width: 479.01px) {
  dso-banner:not([no-icon]) .row &gt; div {
    padding-block-start: 39px;
  }
  dso-banner:not([no-icon]) .row &gt; div &gt; .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: url("./dso-icons.svg#img-download-zwart");
}
dso-banner[status=danger] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-banner[status=danger] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-banner[status=danger] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
dso-banner[status=danger]:not([no-icon]) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-danger") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
dso-banner[status=error] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-banner[status=error] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-banner[status=error] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
dso-banner[status=error]:not([no-icon]) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-error") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
dso-banner[status=info] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-banner[status=info] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-banner[status=info] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
dso-banner[status=info]:not([no-icon]) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-info") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
dso-banner[status=warning] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-banner[status=warning] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-banner[status=warning] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
dso-banner[status=warning]:not([no-icon]) .row &gt; div::before {
  background: url("./dso-icons.svg#img-status-warning") no-repeat;
  background-position: 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: 0 0 16px;
  padding: 16px;
}
blockquote p:last-child {
  margin-block-end: 0;
}

ol.breadcrumb {
  list-style: none;
  margin-block-end: 16px;
  margin-block-start: 16px;
  padding: 0 8px;
}
ol.breadcrumb::before, ol.breadcrumb::after {
  display: table;
  content: " ";
}
ol.breadcrumb::after {
  clear: both;
}
ol.breadcrumb &gt; li {
  display: flex;
  float: inline-start;
}
ol.breadcrumb &gt; 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: 0 4px;
  position: relative;
  inline-size: 7px;
  inset-block-start: 1px;
}
ol.breadcrumb &gt; li.active {
  color: #666;
}
ol.breadcrumb &gt; li &gt; a {
  text-decoration: none;
}
ol.breadcrumb &gt; li &gt; a:hover, ol.breadcrumb &gt; li &gt; a:focus-visible, ol.breadcrumb &gt; li &gt; a:active {
  text-decoration: underline;
}
ol.breadcrumb &gt; li &gt; a, ol.breadcrumb &gt; li &gt; 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;
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
  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: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: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("./dso-icons.svg#img-download-wit") no-repeat;
  background-position: 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("./dso-icons.svg#img-external-link-wit") no-repeat;
  background-position: 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;
  background-color: #fff;
  border-color: #39870c;
  color: #39870c;
  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: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:hover,
button.dso-secondary:hover,
label.dso-secondary:hover {
  background-color: #39870c;
  border-color: #39870c;
  color: #fff;
}
a.dso-secondary:active,
button.dso-secondary:active,
label.dso-secondary:active {
  background-color: #275937;
  border-color: #275937;
  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("./dso-icons.svg#img-download") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-wit");
}
a.dso-secondary.download[disabled]::after,
button.dso-secondary.download[disabled]::after,
label.dso-secondary.download[disabled]::after {
  background-image: url("./dso-icons.svg#img-download-grasgroen-40");
}
a.dso-secondary.extern::after,
button.dso-secondary.extern::after,
label.dso-secondary.extern::after {
  background: url("./dso-icons.svg#img-external-link") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-external-link-wit");
}
a.dso-secondary.extern[disabled]::after,
button.dso-secondary.extern[disabled]::after,
label.dso-secondary.extern[disabled]::after {
  background-image: url("./dso-icons.svg#img-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;
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
}
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[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: 11px 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("./dso-icons.svg#img-download") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-scampi");
}
a.dso-tertiary.extern::after,
button.dso-tertiary.extern::after,
label.dso-tertiary.extern::after {
  background: url("./dso-icons.svg#img-external-link") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: #fff;
}
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[is-selectable], dso-card[has-image], .dso-card.dso-is-selectable, .dso-card.dso-has-image,
dso-card.dso-is-selectable,
dso-card.dso-has-image {
  display: grid;
  grid-template-columns: 1fr minmax(0, 100%);
}
dso-card[is-selectable] .dso-card-heading, dso-card[has-image] .dso-card-heading, .dso-card.dso-is-selectable .dso-card-heading, .dso-card.dso-has-image .dso-card-heading,
dso-card.dso-is-selectable .dso-card-heading,
dso-card.dso-has-image .dso-card-heading,
dso-card[is-selectable] .dso-card-content,
dso-card[has-image] .dso-card-content,
.dso-card.dso-is-selectable .dso-card-content,
.dso-card.dso-has-image .dso-card-content,
dso-card.dso-is-selectable .dso-card-content,
dso-card.dso-has-image .dso-card-content {
  grid-column: 2/-1;
}

.dso-card .dso-card-selectable, .dso-card .dso-card-image {
  grid-row: span 2;
}

.dso-card .dso-card-heading {
  align-items: center;
  display: flex;
  margin-block-end: 8px;
}
@media screen and (max-width: 480px) {
  .dso-card .dso-card-heading {
    flex-wrap: wrap;
  }
}
.dso-card .dso-card-image {
  margin-inline-end: 8px;
}

dso-card a[slot=heading] {
  text-decoration: none;
}
dso-card a[slot=heading] dso-icon:last-child {
  align-self: flex-start;
}
dso-card:hover a[slot=heading] {
  color: #275937;
  text-decoration: underline;
}

.dso-card,
dso-card {
  padding: 16px 16px 8px;
  inline-size: 100%;
}
.dso-card:hover,
dso-card:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.dso-card:hover .dso-card-heading &gt; a,
dso-card:hover .dso-card-heading &gt; a {
  text-decoration: underline;
}
.dso-card:not([href]):not([clickable]) &gt; h2,
.dso-card:not([href]):not([clickable]) :not(a) &gt; h2, .dso-card:not([href])[clickable=false] &gt; h2,
.dso-card:not([href])[clickable=false] :not(a) &gt; h2, .dso-card.dso-not-clickable &gt; h2,
.dso-card.dso-not-clickable :not(a) &gt; h2,
dso-card:not([href]):not([clickable]) &gt; h2,
dso-card:not([href]):not([clickable]) :not(a) &gt; h2,
dso-card:not([href])[clickable=false] &gt; h2,
dso-card:not([href])[clickable=false] :not(a) &gt; h2,
dso-card.dso-not-clickable &gt; h2,
dso-card.dso-not-clickable :not(a) &gt; h2 {
  color: #000;
}
.dso-card:not([href]):not([clickable]):hover, .dso-card:not([href])[clickable=false]:hover, .dso-card.dso-not-clickable:hover,
dso-card:not([href]):not([clickable]):hover,
dso-card:not([href])[clickable=false]:hover,
dso-card.dso-not-clickable:hover {
  cursor: initial;
}
.dso-card h2[slot=heading],
.dso-card h3[slot=heading],
.dso-card h4[slot=heading],
.dso-card h5[slot=heading],
dso-card h2[slot=heading],
dso-card h3[slot=heading],
dso-card h4[slot=heading],
dso-card h5[slot=heading] {
  align-items: center;
  display: flex;
  font-size: 1.125em;
  margin-block-end: 0;
  margin-block-start: 0;
}
.dso-card h2[slot=heading] span,
.dso-card h3[slot=heading] span,
.dso-card h4[slot=heading] span,
.dso-card h5[slot=heading] span,
dso-card h2[slot=heading] span,
dso-card h3[slot=heading] span,
dso-card h4[slot=heading] span,
dso-card h5[slot=heading] span {
  margin-inline-end: 8px;
}
.dso-card h2[slot=heading] span + dso-icon,
.dso-card h2[slot=heading] span + svg.di,
.dso-card h3[slot=heading] span + dso-icon,
.dso-card h3[slot=heading] span + svg.di,
.dso-card h4[slot=heading] span + dso-icon,
.dso-card h4[slot=heading] span + svg.di,
.dso-card h5[slot=heading] span + dso-icon,
.dso-card h5[slot=heading] span + svg.di,
dso-card h2[slot=heading] span + dso-icon,
dso-card h2[slot=heading] span + svg.di,
dso-card h3[slot=heading] span + dso-icon,
dso-card h3[slot=heading] span + svg.di,
dso-card h4[slot=heading] span + dso-icon,
dso-card h4[slot=heading] span + svg.di,
dso-card h5[slot=heading] span + dso-icon,
dso-card h5[slot=heading] span + svg.di {
  flex-shrink: 0;
  position: relative;
}
.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,
.dso-card *[slot=heading] h2:first-child,
.dso-card *[slot=heading] h3:first-child,
.dso-card *[slot=heading] h4:first-child,
.dso-card *[slot=heading] h5:first-child,
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,
dso-card *[slot=heading] h2:first-child,
dso-card *[slot=heading] h3:first-child,
dso-card *[slot=heading] h4:first-child,
dso-card *[slot=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,
.dso-card *[slot=heading] h2:first-child span,
.dso-card *[slot=heading] h3:first-child span,
.dso-card *[slot=heading] h4:first-child span,
.dso-card *[slot=heading] h5:first-child span,
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,
dso-card *[slot=heading] h2:first-child span,
dso-card *[slot=heading] h3:first-child span,
dso-card *[slot=heading] h4:first-child span,
dso-card *[slot=heading] h5:first-child span {
  margin-inline-end: 8px;
}
.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,
.dso-card *[slot=heading] h2:first-child span + dso-icon,
.dso-card *[slot=heading] h2:first-child span + svg.di,
.dso-card *[slot=heading] h3:first-child span + dso-icon,
.dso-card *[slot=heading] h3:first-child span + svg.di,
.dso-card *[slot=heading] h4:first-child span + dso-icon,
.dso-card *[slot=heading] h4:first-child span + svg.di,
.dso-card *[slot=heading] h5:first-child span + dso-icon,
.dso-card *[slot=heading] h5:first-child span + svg.di,
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,
dso-card *[slot=heading] h2:first-child span + dso-icon,
dso-card *[slot=heading] h2:first-child span + svg.di,
dso-card *[slot=heading] h3:first-child span + dso-icon,
dso-card *[slot=heading] h3:first-child span + svg.di,
dso-card *[slot=heading] h4:first-child span + dso-icon,
dso-card *[slot=heading] h4:first-child span + svg.di,
dso-card *[slot=heading] h5:first-child span + dso-icon,
dso-card *[slot=heading] h5:first-child span + svg.di {
  flex-shrink: 0;
  position: relative;
}
.dso-card .dso-card-heading &gt; a,
.dso-card *[slot=heading] &gt; a,
dso-card .dso-card-heading &gt; a,
dso-card *[slot=heading] &gt; a {
  text-decoration: none;
}
.dso-card .dso-card-heading &gt; a, .dso-card .dso-card-heading &gt; a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited, .dso-card .dso-card-heading &gt; a:active, .dso-card .dso-card-heading &gt; a:focus,
.dso-card *[slot=heading] &gt; a,
.dso-card *[slot=heading] &gt; a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited,
.dso-card *[slot=heading] &gt; a:active,
.dso-card *[slot=heading] &gt; a:focus,
dso-card .dso-card-heading &gt; a,
dso-card .dso-card-heading &gt; a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited,
dso-card .dso-card-heading &gt; a:active,
dso-card .dso-card-heading &gt; a:focus,
dso-card *[slot=heading] &gt; a,
dso-card *[slot=heading] &gt; a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited,
dso-card *[slot=heading] &gt; a:active,
dso-card *[slot=heading] &gt; a:focus {
  color: #275937;
}
.dso-card .dso-card-heading &gt; a:hover,
.dso-card *[slot=heading] &gt; a:hover,
dso-card .dso-card-heading &gt; a:hover,
dso-card *[slot=heading] &gt; a:hover {
  color: #275937;
  text-decoration: underline;
}
.dso-card *[slot=addon],
dso-card *[slot=addon] {
  margin-inline-start: 16px;
  margin-inline-end: 8px;
}
.dso-card .dso-rich-content.dso-rich-content :first-child,
dso-card .dso-rich-content.dso-rich-content :first-child {
  margin-block-start: 0;
}
.dso-card .dso-selectable label,
.dso-card dso-selectable label,
dso-card .dso-selectable label,
dso-card dso-selectable label {
  font-size: 0;
}
.dso-card img,
dso-card img {
  display: flex;
  block-size: 24px;
  inline-size: 24px;
  max-inline-size: unset;
}
.dso-card.dso-wide-image img, .dso-card[image-shape=wide] img,
dso-card.dso-wide-image img,
dso-card[image-shape=wide] img {
  block-size: 26px;
  inline-size: 30px;
}

.dso-card-interactions,
[slot=interactions] {
  display: flex;
  justify-content: space-between;
  margin-inline-start: auto;
}
.dso-card-interactions .dso-card-interaction,
[slot=interactions] .dso-card-interaction {
  align-items: center;
  display: flex;
  text-align: center;
}
.dso-card-interactions .dso-card-interaction p,
[slot=interactions] .dso-card-interaction p {
  margin-block-end: 0;
}
.dso-card-interactions .dso-info-button,
[slot=interactions] .dso-info-button {
  margin: 0;
}
@media screen and (max-width: 480px) {
  .dso-card-interactions,
  [slot=interactions] {
    flex-basis: 100%;
    margin-block-start: 16px;
  }
}

dso-card-container[mode=list] &gt; 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 &gt; li,
ol.dso-card-list &gt; 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: 2px 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: 6px 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;
  background-image: url("./dso-icons.svg#img-caret-down");
  -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;
}
.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;
}

@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: 16px;
  margin-block-start: 0;
}
dl + dl::before {
  border-block-end: 1px solid #ccc;
  content: " ";
  display: block;
  float: inline-start;
  block-size: 8px;
  margin-block-end: 24px;
  inline-size: 100%;
}
dl dt,
dl dd {
  line-height: 1.5;
}
dl dt {
  font-weight: 700;
}
dl dd {
  margin-inline-start: 0;
}
dl dd p {
  margin: 0 0 16px;
}
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 pre {
  margin: 0 0 16px;
}
dl dd blockquote {
  padding: 16px 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 p:last-child {
  margin-block-end: 0;
}
@media screen and (min-width: 768px) {
  dl dd:last-of-type {
    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 &gt; div,
  dl.dso-columns &gt; div dt,
  dl.dso-columns &gt; div dd {
    break-inside: avoid-column;
    overflow: hidden;
  }
}
dl.dso-columns &gt; 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: 8px;
  }
}
@media screen and (min-width: 768px) {
  dl:not(.dso-vertical) dt {
    clear: inline-start;
    float: inline-start;
    inline-size: 200px;
    word-wrap: break-word;
  }
  dl:not(.dso-vertical) dd {
    margin-inline-start: 200px;
    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: 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;
  text-decoration: line-through;
}
del a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
del a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
del a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
del a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}

.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: 4px 0;
  padding: 8px 32px 8px 8px;
  position: relative;
}
.dso-description-term + .dso-description-content &gt; 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 &gt; a::before {
  background: url("./dso-icons.svg#img-times-zwart") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  content: "";
  display: block;
}

ul.dso-document-component-list {
  padding-inline-start: 0;
  list-style: none;
  margin: 0;
}
ul.dso-document-component-list &gt; li + li {
  margin-top: 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;
  padding: 16px;
  margin-inline-start: -16px;
  margin-inline-end: -16px;
}
.dso-document-header a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-document-header a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-document-header a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-document-header a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.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: 7px 16px 8px;
  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("./dso-icons.svg#img-chevron-up-bosgroen") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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 &gt; :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 &gt; dso-label,
.dso-document-header .dso-document-header-status &gt; .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: 0 0 8px 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;
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
  color: #000;
  font-weight: normal;
}
.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[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: 11px 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 {
  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: 0 0 8px 0;
}
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: 8px 0 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: 0 -16px 0 -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: 8px 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 &gt; :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: 0 0 8px 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] &gt; .dso-document-list .dso-document-list-item-container::before, dso-responsive-element[small] &gt; .dso-document-list .dso-document-list-item-container::after {
  display: table;
  content: " ";
}
dso-responsive-element[small] &gt; .dso-document-list .dso-document-list-item-container::after {
  clear: both;
}
dso-responsive-element[small] &gt; .dso-document-list .dso-document-list-item-status {
  margin: 0 0 8px 0;
}

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

.dso-dropdown-menu {
  display: inline-block;
  position: relative;
}
.dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),
.dso-dropdown-menu &gt; .dso-primary,
.dso-dropdown-menu &gt; .dso-secondary,
.dso-dropdown-menu &gt; .dso-tertiary {
  position: relative;
}
.dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu &gt; .dso-primary::after,
.dso-dropdown-menu &gt; .dso-secondary::after,
.dso-dropdown-menu &gt; .dso-tertiary::after {
  content: "";
  display: inline-block;
}
.dso-dropdown-menu &gt; .dso-primary::after,
.dso-dropdown-menu &gt; .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: 4px 20px 2px;
  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: 5px 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;
  clear: both;
  color: #191919;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  padding: 3px 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-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: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 &gt; .dso-primary::after {
  background: url("./dso-icons.svg#img-chevron-down-wit") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-dropdown-menu &gt; .dso-secondary::after {
  background: url("./dso-icons.svg#img-chevron-down") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-dropdown-menu &gt; .dso-secondary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-down-wit");
}
.dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu &gt; .dso-tertiary::after {
  background: url("./dso-icons.svg#img-chevron-down") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-start: 4px;
  position: relative;
  inset-block-start: -2px;
}
.dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
.dso-dropdown-menu &gt; .dso-tertiary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-down-scampi");
}
.dso-dropdown-menu.dso-open &gt; .dso-primary::after {
  background-image: url("./dso-icons.svg#img-chevron-up-wit");
}
.dso-dropdown-menu.dso-open &gt; .dso-secondary::after {
  background-image: url("./dso-icons.svg#img-chevron-up");
}
.dso-dropdown-menu.dso-open &gt; .dso-secondary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-up-wit");
}
.dso-dropdown-menu.dso-open &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
.dso-dropdown-menu.dso-open &gt; .dso-tertiary::after {
  background-image: url("./dso-icons.svg#img-chevron-up");
}
.dso-dropdown-menu.dso-open &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
.dso-dropdown-menu.dso-open &gt; .dso-tertiary:hover::after {
  background-image: url("./dso-icons.svg#img-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("./dso-icons.svg#img-check-wit") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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: 2px 0 0;
  position: absolute;
  text-align: start;
  inset-block-start: 100%;
}

dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),
dso-dropdown-menu &gt; .dso-primary,
dso-dropdown-menu &gt; .dso-secondary,
dso-dropdown-menu &gt; .dso-tertiary {
  position: relative;
}
dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu &gt; .dso-primary::after,
dso-dropdown-menu &gt; .dso-secondary::after,
dso-dropdown-menu &gt; .dso-tertiary::after {
  content: "";
  display: inline-block;
}
dso-dropdown-menu &gt; .dso-primary::after,
dso-dropdown-menu &gt; .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: 4px 20px 2px;
  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: 5px 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;
  clear: both;
  color: #191919;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  padding: 3px 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-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: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 &gt; .dso-primary::after {
  background: url("./dso-icons.svg#img-chevron-down-wit") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-dropdown-menu &gt; .dso-secondary::after {
  background: url("./dso-icons.svg#img-chevron-down") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
dso-dropdown-menu &gt; .dso-secondary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-down-wit");
}
dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu &gt; .dso-tertiary::after {
  background: url("./dso-icons.svg#img-chevron-down") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  margin-inline-start: 4px;
  position: relative;
  inset-block-start: -2px;
}
dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
dso-dropdown-menu &gt; .dso-tertiary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-down-scampi");
}
dso-dropdown-menu[open] &gt; .dso-primary::after {
  background-image: url("./dso-icons.svg#img-chevron-up-wit");
}
dso-dropdown-menu[open] &gt; .dso-secondary::after {
  background-image: url("./dso-icons.svg#img-chevron-up");
}
dso-dropdown-menu[open] &gt; .dso-secondary:hover::after {
  background-image: url("./dso-icons.svg#img-chevron-up-wit");
}
dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
dso-dropdown-menu[open] &gt; .dso-tertiary::after {
  background-image: url("./dso-icons.svg#img-chevron-up");
}
dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after,
dso-dropdown-menu[open] &gt; .dso-tertiary:hover::after {
  background-image: url("./dso-icons.svg#img-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("./dso-icons.svg#img-check-wit") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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%);
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
  border-block-start: 1px solid #ccc;
  display: block;
  margin-block-start: 48px;
  padding-block-end: 48px;
  padding-block-start: 24px;
}
footer a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
footer a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
footer a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
footer a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
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;
  color: #000;
}
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: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("./dso-icons.svg#img-chevron-right-zwart") no-repeat;
  background-position: 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;
  margin-block-end: 16px;
}
@media screen and (max-width: 480px) {
  .dso-form-buttons {
    flex-direction: column;
  }
}
.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 fieldset, form fieldset, .dso-section-body fieldset {
  margin-block-end: 16px;
}
.form fieldset &gt; legend, form fieldset &gt; legend, .dso-section-body fieldset &gt; legend {
  color: #275937;
  font-size: 1.125rem;
  font-weight: 600;
  border-block-end: 0;
  margin-block-end: 32px;
}
@media screen and (min-width: 480px) {
  .form fieldset &gt; legend, form fieldset &gt; legend, .dso-section-body fieldset &gt; legend {
    font-size: 1.25rem;
  }
}
.form fieldset &gt; legend h1,
.form fieldset &gt; legend h2,
.form fieldset &gt; legend h3,
.form fieldset &gt; legend h4,
.form fieldset &gt; legend h5,
.form fieldset &gt; legend h6, form fieldset &gt; legend h1,
form fieldset &gt; legend h2,
form fieldset &gt; legend h3,
form fieldset &gt; legend h4,
form fieldset &gt; legend h5,
form fieldset &gt; legend h6, .dso-section-body fieldset &gt; legend h1,
.dso-section-body fieldset &gt; legend h2,
.dso-section-body fieldset &gt; legend h3,
.dso-section-body fieldset &gt; legend h4,
.dso-section-body fieldset &gt; legend h5,
.dso-section-body fieldset &gt; legend h6 {
  margin: 0;
}
.form fieldset &gt; legend + dso-alert,
.form fieldset &gt; legend + .alert, form fieldset &gt; legend + dso-alert,
form fieldset &gt; legend + .alert, .dso-section-body fieldset &gt; legend + dso-alert,
.dso-section-body fieldset &gt; legend + .alert {
  margin-block-start: 0;
}
.form fieldset + fieldset:not(.form-group) &gt; legend, form fieldset + fieldset:not(.form-group) &gt; legend, .dso-section-body fieldset + fieldset:not(.form-group) &gt; legend {
  border-block-start: 1px solid #ccc;
  padding-block-start: 32px;
}
.form fieldset fieldset, form fieldset fieldset, .dso-section-body fieldset fieldset {
  margin-block-end: 0;
  padding-block-end: 0;
}
.form fieldset fieldset + fieldset, form fieldset fieldset + fieldset, .dso-section-body fieldset fieldset + fieldset {
  margin-block-start: 0;
  padding-block-start: 0;
}

@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 &gt; .dso-info {
  float: inline-start;
  margin: 16px 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("./dso-icons.svg#img-status-error") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  content: "";
  display: block;
  inset-inline-start: 0;
  position: absolute;
}
.form-group .dso-message,
.form-group .dso-help-block {
  margin: 8px 0 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 &gt; .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 &gt; .dso-label-container {
    float: inline-start;
    inline-size: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group &gt; .dso-label-container {
    padding-block-start: 8px;
  }
}
.form-horizontal .form-group &gt; .dso-label-container &gt; button.dso-info-button {
  margin-block-start: 0;
}
.form-horizontal .form-group &gt; .dso-label-container &gt; .dso-info {
  margin-block-start: 8px;
}
@media screen and (max-width: 767px) {
  .form-horizontal .form-group &gt; legend + .dso-label-container {
    padding-block-start: 8px;
  }
}
.form-horizontal .form-group &gt; .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 &gt; .dso-field-container {
    float: inline-start;
    inline-size: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group &gt; .dso-field-container {
    margin-block-start: 0;
  }
}
.form-horizontal .form-group.has-feedback .form-control-feedback {
  inset-inline-end: 16px;
}
.form-horizontal .form-group &gt; .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 &gt; .dso-info, form fieldset .dso-label-container &gt; .dso-info, .dso-section-body fieldset .dso-label-container &gt; .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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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: 4px 0;
}
.form-group.dso-files .dso-upload-loading {
  margin: 4px 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]:focus + label.dso-primary {
  background-color: #275937;
}
.form-group.dso-files .dso-file-upload input[type=file]:focus + label.dso-secondary {
  background-color: #39870c;
  color: #fff;
}
.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-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: 3px 7px 2px;
}
.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("./dso-icons.svg#img-trash-bosgroen") no-repeat;
  background-position: 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("./dso-icons.svg#img-download-bosgroen") no-repeat;
  background-position: 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: 4px 0;
}
.form-group.dso-files .dso-filelist li &gt; dso-icon,
.form-group.dso-files .dso-filelist li &gt; svg.di {
  flex: 0 0 24px;
  block-size: 24px;
  margin: 4px 4px 4px 8px;
}
.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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 0.75rem;
  vertical-align: text-top;
  inline-size: 0.75rem;
}

.form-group.dso-input-number.dso-required .control-label::after {
  content: "";
  display: inline-block;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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-input-number .dso-field-container {
    padding-block-start: 7px;
  }
}

.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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-caret-down-invalid");
}
.form-group.dso-select select:not([multiple]) {
  background-image: url("./dso-icons.svg#img-caret-down");
  -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: url("./dso-icons.svg#img-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;
  background: url("./dso-icons.svg#img-asterisk") no-repeat;
  background-position: 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: 6px 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 &gt; .dso-rich-content,
form &gt; .dso-rich-content {
  margin-block-end: 32px;
}
main &gt; .row.dso-featured,
form &gt; .row.dso-featured {
  margin-block-end: 32px;
  margin-block-start: 32px;
  padding-block-end: 40px;
  padding-block-start: 24px;
}
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) h1:first-child,
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) .h1:first-child,
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) h2:first-child,
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) .h2:first-child,
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) h3:first-child,
main &gt; .row.dso-featured + .row div:not(.dso-rich-content) .h3:first-child,
form &gt; .row.dso-featured + .row div:not(.dso-rich-content) h1:first-child,
form &gt; .row.dso-featured + .row div:not(.dso-rich-content) .h1:first-child,
form &gt; .row.dso-featured + .row div:not(.dso-rich-content) h2:first-child,
form &gt; .row.dso-featured + .row div:not(.dso-rich-content) .h2:first-child,
form &gt; .row.dso-featured + .row div:not(.dso-rich-content) h3:first-child,
form &gt; .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 {
  display: flex;
  flex-wrap: wrap;
}
.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 &gt; [class*=col-] {
  display: flex;
  flex-direction: column;
}
.row.dso-equal-heights &gt; [class*=col-] &gt; .dso-highlight-box {
  block-size: 100%;
  min-block-size: auto;
}
.row.dso-equal-heights &gt; [class*=col-] &gt; .dso-highlight-box.dso-has-counter {
  block-size: calc(100% - 48px);
}
.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;
  background-size: 0;
}
@media only screen and (min-width: 768px) {
  .row.dso-banner {
    padding-block-start: 24px;
  }
}
.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%;
  }
}
header {
  display: block;
}

@media screen and (min-width: 768px) {
  dso-header .dso-header:not(.has-sub-logo) div[slot=logo] img {
    max-block-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  dso-header .dso-header:not(.has-sub-logo) div[slot=logo] img {
    max-block-size: 40px;
  }
}
dso-header .dso-header.has-sub-logo div[slot=logo] img {
  max-block-size: 40px;
}
dso-header dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after, dso-header dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after, dso-header dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):active::after {
  background-image: url("./dso-icons.svg#img-chevron-down-grasgroen");
}
dso-header dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after, dso-header dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after, dso-header dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):active::after {
  background-image: url("./dso-icons.svg#img-chevron-up-grasgroen");
}
dso-header nav dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after, dso-header nav dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after, dso-header nav dso-dropdown-menu &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):active::after {
  background-image: url("./dso-icons.svg#img-chevron-down-bosgroen");
}
dso-header nav dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after, dso-header nav dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):hover::after, dso-header nav dso-dropdown-menu[open] &gt; button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):active::after {
  background-image: url("./dso-icons.svg#img-chevron-up-bosgroen");
}

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);
  container-type: inline-size;
  position: relative;
  z-index: 1;
}
.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: url("./dso-icons.svg#img-download-zwart");
}
.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-zwart");
}
.dso-highlight-box.dso-grey a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-highlight-box.dso-grey a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-highlight-box.dso-grey a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-zwart");
}
.dso-highlight-box.dso-yellow a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-highlight-box.dso-yellow a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-highlight-box.dso-yellow a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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 &gt; .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 &gt; .dso-highlight-box-banner {
    aspect-ratio: 3/1;
  }
}
@container (min-width: 471px) {
  .dso-highlight-box &gt; .dso-highlight-box-banner {
    aspect-ratio: 3.5/1;
  }
}
.dso-highlight-box &gt; .dso-step-counter:first-child + .dso-rich-content *:first-child,
.dso-highlight-box &gt; .dso-rich-content:first-child *:first-child {
  margin-block-start: 0 !important;
}
.dso-highlight-box &gt; *: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.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 &gt; svg.di,
.dso-highlight-box .dso-step-counter &gt; 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;
  color: #000;
}
.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: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("./dso-icons.svg#img-chevron-right-zwart") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
.dso-highlight-box:not(.dso-border):not(.dso-white) .dso-link-list a.extern {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-zwart");
}
dso-highlight-box:not([white], [yellow], [border]) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-highlight-box:not([white], [yellow], [border]) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-highlight-box:not([white], [yellow], [border]) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-zwart");
}
dso-highlight-box[grey] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-highlight-box[grey] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-highlight-box[grey] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-download-zwart");
}
dso-highlight-box[yellow] a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-highlight-box[yellow] a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-highlight-box[yellow] a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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 &gt; .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 &gt; .dso-highlight-box-banner {
    aspect-ratio: 3/1;
  }
}
@container (min-width: 471px) {
  dso-highlight-box &gt; .dso-highlight-box-banner {
    aspect-ratio: 3.5/1;
  }
}
dso-highlight-box &gt; [slot=icon]:first-child + .dso-rich-content *:first-child,
dso-highlight-box &gt; .dso-rich-content:first-child *:first-child {
  margin-block-start: 0 !important;
}
dso-highlight-box &gt; *: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;
  color: #000;
}
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: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("./dso-icons.svg#img-chevron-right-zwart") no-repeat;
  background-position: 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: url("./dso-icons.svg#img-download-zwart");
}
dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern {
  background-image: url("./dso-icons.svg#img-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: 16px 32px 16px 16px;
  position: relative;
  --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) &gt; 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: 8px 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) a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-info:not(.dso-accordion-section) a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-info:not(.dso-accordion-section) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-info:not(.dso-accordion-section) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-info:not(.dso-accordion-section) &gt; button::before {
  background: url("./dso-icons.svg#img-times-zwart") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  content: "";
  display: inline-block;
}

dso-info {
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
}
dso-info .dso-rich-content *:first-child {
  margin-block-start: 0;
}
dso-info .dso-rich-content img {
  display: block;
  margin: 8px 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 a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
dso-info a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
dso-info a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
dso-info a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-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;
  background-color: transparent;
  color: #39870c;
  border: 0;
  margin-inline-start: 8px;
  padding: 0;
  background: url("./dso-icons.svg#img-info") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.dso-info-button:focus, .dso-info-button:focus-visible {
  outline-offset: 2px;
}
.dso-info-button:active {
  outline: 0;
}
.dso-info-button.dso-info-secondary {
  color: #666;
}
.dso-info-button.dso-open, .dso-info-button:hover, .dso-info-button:active {
  background-image: url("./dso-icons.svg#img-info-active");
}
.dso-info-button.dso-info-secondary {
  background-image: url("./dso-icons.svg#img-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: url("./dso-icons.svg#img-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: 4px 0 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;
}

.dso-input-number:not(.form-group) {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.dso-input-number label {
  inline-size: 100%;
}
.dso-input-number .dso-input-step-counter {
  align-self: center;
  background-color: transparent;
  border: 0;
  display: inline-block;
  block-size: 1.5rem;
  text-align: center;
  inline-size: 1.5rem;
}
.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {
  outline: 0;
}
.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dso-input-number .dso-input-step-counter[type=number] {
  -moz-appearance: textfield;
}

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

.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 &gt; 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 &gt; 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 &gt; div.dso-form-buttons {
    grid-column: 4;
  }
  .dso-justify-form-groups &gt; div.dso-form-buttons {
    grid-row: 2;
    margin-block-end: 0;
  }
  .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: 4px 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 &gt; dso-icon,
.dso-label button &gt; 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;
  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: 0 8px;
}
.dso-label .dso-label-symbol {
  background-color: #fff;
  display: block;
  float: left;
  height: 20px;
  margin-block-start: 2px;
  margin-inline-end: 8px;
  width: 24px;
  overflow: hidden;
  position: relative;
}
.dso-label .dso-label-symbol &gt; span {
  display: block;
  position: absolute;
  inset: 0;
}

dso-label span[slot=symbol] {
  background-color: #fff;
  display: block;
  float: left;
  height: 20px;
  margin-block-start: 2px;
  margin-inline-end: 8px;
  width: 24px;
  overflow: hidden;
  position: relative;
}
dso-label span[slot=symbol] &gt; 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 &gt; 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: left;
  height: 26px;
  margin-block-start: 0;
  margin-inline-end: 8px;
  width: 30px;
  overflow: hidden;
  position: relative;
}
dso-legend-item span[slot=symbol] &gt; 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("./dso-icons.svg#img-chevron-right") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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: url("./dso-icons.svg#img-chevron-right-scampi");
}

.list-group-item {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  margin-block-end: -1px;
  padding: 10px 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 &gt; .list-group-item p {
  margin: 0 0 16px;
}
.list-group &gt; .list-group-item ul,
.list-group &gt; .list-group-item ol {
  margin-block-end: 16px;
}
.list-group &gt; .list-group-item ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.list-group &gt; .list-group-item ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.list-group &gt; .list-group-item pre {
  margin: 0 0 16px;
}
.list-group &gt; .list-group-item blockquote {
  padding: 16px 24px;
}
.list-group &gt; .list-group-item dso-highlight-box,
.list-group &gt; .list-group-item .dso-highlight-box {
  margin-block-end: 24px;
}
.list-group &gt; .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 &gt; li.dso-forbidden,
ul &gt; li.dso-status-warning {
  list-style: none;
  position: relative;
}
ul &gt; li.dso-forbidden::before,
ul &gt; 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 &gt; li.dso-forbidden::before {
  background-image: url("./dso-icons.svg#img-forbidden-rood");
}
ul &gt; li.dso-status-warning::before {
  background-image: url("./dso-icons.svg#img-status-warning");
}

.dso-button-group {
  display: flex;
  flex-direction: row;
}
.dso-button-group.dso-disabled &gt; * {
  background-color: #fff;
  border-color: #e5e5e5;
  color: #666;
  pointer-events: none;
}
.dso-button-group &gt; * {
  border-radius: 0;
}
.dso-button-group &gt; *:first-child {
  border-radius: 4px 0 0 4px;
}
.dso-button-group &gt; *:not(:first-child) {
  border-inline-start-style: none !important;
}
.dso-button-group &gt; *:last-child {
  border-radius: 0 4px 4px 0;
}
.dso-button-group &gt; *:only-child {
  border-radius: 4px;
}
.dso-button-group &gt; .dso-input-number {
  background-color: #fff;
  border-color: #ccc;
  color: #191919;
  border-style: solid;
  border-width: 1px;
  flex-wrap: nowrap;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .dso-button-group &gt; .dso-input-number {
    justify-content: center;
  }
}
.dso-button-group &gt; *:hover + .dso-input-number,
.dso-button-group &gt; *:focus + .dso-input-number {
  background-color: #fff;
  border-color: #39870c;
  color: #191919;
}
.dso-button-group &gt; *.dso-selected + .dso-input-number {
  background-color: #fff;
  border-color: #39870c;
  color: #191919;
  box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;
}
.dso-button-group &gt; *:active + .dso-input-number, .dso-button-group &gt; *:active + .dso-input-number:hover,
.dso-button-group &gt; *.active + .dso-input-number,
.dso-button-group &gt; *.active + .dso-input-number:hover {
  background-color: #fff;
  border-color: #39870c;
  color: #191919;
}
.dso-button-group &gt; *.disabled + .dso-input-number, .dso-button-group &gt; *.disabled + .dso-input-number:hover,
.dso-button-group &gt; *[disabled] + .dso-input-number,
.dso-button-group &gt; *[disabled] + .dso-input-number:hover {
  background-color: #fff;
  border-color: #ccc;
  color: #666;
  opacity: 1;
}
.dso-button-group .dso-list-button {
  padding-inline-end: 15px;
}

.dso-list-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;
  background-color: #fff;
  border-color: #ccc;
  color: #191919;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  padding: 15px 47px 15px 15px;
  position: relative;
  text-align: start;
  white-space: normal;
  inline-size: 100%;
  cursor: pointer;
}
.dso-list-button:focus, .dso-list-button:focus-visible {
  outline-offset: 2px;
}
.dso-list-button:active {
  outline: 0;
}
.dso-list-button:hover, .dso-list-button:focus {
  background-color: #fff;
  border-color: #39870c;
  color: #191919;
}
.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {
  background-color: #fff;
  border-color: #39870c;
  color: #191919;
}
.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {
  background-color: #fff;
  border-color: #ccc;
  color: #666;
  opacity: 1;
}
.dso-list-button.dso-selected {
  border-color: #39870c;
  border-width: 1px;
  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;
}
@media screen and (min-width: 768px) {
  .dso-list-button.dso-selected.dso-single-count {
    border-inline-end: 0;
    box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;
  }
}
.dso-list-button label {
  cursor: inherit;
}
.dso-list-button &gt; span {
  display: block;
}
.dso-list-button .dso-sublabel {
  font-weight: 400;
  inline-size: 100%;
}
.dso-list-button dso-icon,
.dso-list-button svg.di,
.dso-list-button .dso-count {
  block-size: 24px;
  position: absolute;
  inset-inline-end: 15px;
  inset-block-start: 15px;
  inline-size: 24px;
}
.dso-list-button dso-icon,
.dso-list-button svg.di {
  color: #39870c;
  page-break-before: always;
}
.dso-list-button .dso-count {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dso-list-button.dso-selected.dso-single-count::after {
    inline-size: 0;
  }
}

.dso-list-button + .dso-list-button,
.dso-list-button + .dso-button-group,
.dso-button-group + .dso-list-button,
.dso-button-group + .dso-button-group {
  margin-block-start: 4px;
}

.dso-list-button .dso-subcontent,
dso-list-button &gt; [slot=subcontent] {
  color: #666;
  font-weight: 400;
  padding: 16px 0 0 16px;
}
.dso-list-button .dso-subcontent mark,
dso-list-button &gt; [slot=subcontent] mark {
  background-color: transparent;
  color: #666;
  font-weight: 700;
  padding: 0;
}

dso-list-button &gt; [slot=subcontent] {
  padding-inline-start: 48px;
  padding-block-start: 8px;
}

dso-list-button + dso-list-button {
  margin-block-start: 4px;
}

dso-list-button &gt; input[slot=counter] {
  display: none;
}

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

mark {
  background-color: #f8f5ce;
  color: #000;
  padding-block: 0.2rem;
}
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 &gt; .dso-dialog &gt; .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 &gt; .dso-dialog &gt; .dso-body p {
  margin: 0 0 16px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body ul,
.dso-modal &gt; .dso-dialog &gt; .dso-body ol {
  margin-block-end: 16px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.dso-modal &gt; .dso-dialog &gt; .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body pre {
  margin: 0 0 16px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body blockquote {
  padding: 16px 24px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body dso-highlight-box,
.dso-modal &gt; .dso-dialog &gt; .dso-body .dso-highlight-box {
  margin-block-end: 24px;
}
.dso-modal &gt; .dso-dialog &gt; .dso-body img {
  block-size: auto;
  max-inline-size: 100%;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable {
  block-size: calc(100% - 96px - 1.5rem);
  max-block-size: calc(70vh - 144px - 1.5em);
  min-block-size: 6.5rem;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body {
  padding: 32px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body p {
  margin: 0 0 16px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body ul,
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body ol {
  margin-block-end: 16px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body pre {
  margin: 0 0 16px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body blockquote {
  padding: 16px 24px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body dso-highlight-box,
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body .dso-highlight-box {
  margin-block-end: 24px;
}
.dso-modal &gt; .dso-dialog &gt; dso-scrollable .dso-body img {
  block-size: auto;
  max-inline-size: 100%;
}
.dso-modal .dso-body:focus-visible {
  outline: none;
}
.dso-modal .dso-footer {
  min-block-size: 80px;
  padding: 16px 32px;
  text-align: end;
}
@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;
  }
}
@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: 8px 16px;
  }
  .dso-modal .dso-header .dso-close {
    inset-block-start: 8px;
  }
  .dso-modal .dso-body {
    padding: 16px 24px;
  }
  .dso-modal .dso-footer {
    min-block-size: auto;
    overflow: auto;
    padding: 8px 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 &gt; 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("./dso-icons.svg#img-times") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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 &gt; dso-scrollable {
    flex-grow: 1;
    max-block-size: unset;
  }
  .dso-modal .dso-footer {
    flex-shrink: 0;
  }
}

dso-modal [slot=body] p {
  margin: 0 0 16px;
}
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] pre {
  margin: 0 0 16px;
}
dso-modal [slot=body] blockquote {
  padding: 16px 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: 5px 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 &gt; li:last-child {
  margin-inline-end: 8rem;
}

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

@media screen and (max-width: 991px) {
  .dso-navbar {
    clear: inline-start;
  }
  .dso-navbar &gt; .dso-nav {
    clear: both;
  }
  .dso-navbar:not(.dso-open) &gt; .dso-nav {
    display: none;
  }
  .dso-navbar:not(.dso-open) &gt; .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 &gt; li {
    display: block;
  }
}

.pagination {
  padding-inline-start: initial;
  text-align: center;
}
.pagination &gt; li {
  display: inline-block;
  font-weight: bold;
  line-height: calc(2rem - 4px);
  text-align: center;
  vertical-align: middle;
}
.pagination &gt; li &gt; a,
.pagination &gt; li &gt; span {
  align-items: center;
  color: #39870c;
  display: flex;
  block-size: 2rem;
  justify-content: center;
  position: relative;
  min-inline-size: 2rem;
  padding: 2px;
}
.pagination &gt; li &gt; a:active,
.pagination &gt; li &gt; span:active {
  background-color: #ebf3e6;
}
.pagination &gt; li &gt; span {
  border: 2px solid transparent;
  border-radius: 1rem;
}
.pagination &gt; li a {
  line-height: 2rem;
  text-decoration: none;
}
.pagination &gt; li a:hover, .pagination &gt; li a:focus {
  text-decoration: none;
}
.pagination &gt; li a:hover::after, .pagination &gt; li a:focus::after {
  border-block-end-color: #39870c;
}
.pagination &gt; 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 &gt; li.active span {
  background-color: #39870c;
  color: #fff;
}
.pagination &gt; 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("./dso-icons.svg#img-chevron-left") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}
.pagination .dso-next::before {
  background: url("./dso-icons.svg#img-chevron-right") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
}

p {
  margin-block: 0 16px;
  margin-inline: 0;
}

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: 0 0 12px;
  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 &gt; 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("./dso-icons.svg#img-spinner") no-repeat;
  background-position: 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: 12px 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: 24px 16px;
}

.dso-rich-content p {
  margin: 0 0 16px;
}
.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 pre {
  margin: 0 0 16px;
}
.dso-rich-content blockquote {
  padding: 16px 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 &gt; :first-child:not(hr, .dso-button-row) {
  margin-block-start: 8px;
}
.dso-rich-content &gt; :last-child:not(hr, .dso-button-row) {
  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("./dso-icons.svg#img-search") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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 &gt; input {
  padding-inline-start: 2.5rem;
}
.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: 6px 2.5rem 6px 8px;
  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::-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: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("./dso-icons.svg#img-times") no-repeat;
  background-position: center;
  background-size: cover;
  block-size: 24px;
  vertical-align: top;
  inline-size: 24px;
  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: 0 0 0 8px;
  min-inline-size: initial;
  padding: 0 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: 0 0 0 32px;
}
.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 &gt; .dso-info {
  float: none;
  margin: 8px 16px 0 0;
  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 &gt; dso-info {
  float: none;
  margin: 8px 16px 0 0;
  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: 8px 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;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  display: block;
  font-weight: 600;
  padding: 16px 48px;
  position: relative;
  text-align: start;
}
.dso-shopping-cart .dso-status a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-shopping-cart .dso-status a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-shopping-cart .dso-status a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-shopping-cart .dso-status a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.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;
  border: 0;
  border-radius: 4px;
  color: #000;
  position: relative;
}
.dso-shopping-cart .dso-contents a:is(.download, .download:hover, .download:focus-visible) {
  background-image: url("./dso-icons.svg#img-download-zwart");
}
.dso-shopping-cart .dso-contents a:is(.extern, .extern:hover, .extern:focus-visible) {
  background-image: url("./dso-icons.svg#img-external-link-zwart");
}
.dso-shopping-cart .dso-contents a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-call-zwart");
}
.dso-shopping-cart .dso-contents a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
  background-image: url("./dso-icons.svg#img-email-zwart");
}
.dso-shopping-cart .dso-contents &gt; .dso-delete {
  position: absolute;
  inline-size: 24px;
  z-index: 2;
}
.dso-shopping-cart .dso-contents &gt; .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;
  --link-color: currentColor;
  --link-hover-color: currentColor;
  --link-visited-color: currentColor;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #191919;
  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 &gt; li,
.dso-shopping-cart .dso-subitems &gt; li {
  font-weight: normal;
}
.dso-shopping-cart li {
  padding-block-end: 16px;
  padding-block-start: 16px;
  position: relative;
}
.dso-shopping-cart li &gt; dso-icon,
.dso-shopping-cart li &gt; svg.di {
  float: inline-start;
  block-size: 24px;
  margin-inline-end: 8px;
  text-align: center;
  inline-size: 24px;
}
.dso-shopping-cart .dso-items &gt; li {
  font-weight: 600;
  padding-inline-start: 16px;
  padding-inline-end: 80px;
}
.dso-shopping-cart .dso-items &gt; 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: 16px 48px 16px 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: 6px 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: 12px 16px;
}
.dso-shopping-cart .dso-secondary {
  font-size: 16px;
  padding: 6px 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: 0 0 16px;
}
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) pre,
table.table th pre {
  margin: 0 0 16px;
}
table.table td:not(.plain-content) blockquote,
table.table th blockquote {
  padding: 16px 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 &gt; thead &gt; tr &gt; td,
table.table.dso-table-vertical-lines &gt; thead &gt; tr &gt; th,
.dso-rich-content table.dso-table-vertical-lines &gt; thead &gt; tr &gt; td,
.dso-rich-content table.dso-table-vertical-lines &gt; thead &gt; tr &gt; th {
  border: 1px solid #666;
}
table.table.dso-table-vertical-lines &gt; tbody &gt; tr &gt; td,
table.table.dso-table-vertical-lines &gt; tbody &gt; tr &gt; th,
table.table.dso-table-vertical-lines &gt; tfoot &gt; tr &gt; td,
table.table.dso-table-vertical-lines &gt; tfoot &gt; tr &gt; th,
.dso-rich-content table.dso-table-vertical-lines &gt; tbody &gt; tr &gt; td,
.dso-rich-content table.dso-table-vertical-lines &gt; tbody &gt; tr &gt; th,
.dso-rich-content table.dso-table-vertical-lines &gt; tfoot &gt; tr &gt; td,
.dso-rich-content table.dso-table-vertical-lines &gt; tfoot &gt; tr &gt; th {
  border: 1px solid #ccc;
}
table.table.dso-table-vertical-lines &gt; thead + tbody &gt; tr:first-child &gt; td,
table.table.dso-table-vertical-lines &gt; thead + tbody &gt; tr:first-child &gt; th,
.dso-rich-content table.dso-table-vertical-lines &gt; thead + tbody &gt; tr:first-child &gt; td,
.dso-rich-content table.dso-table-vertical-lines &gt; thead + tbody &gt; tr:first-child &gt; 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 &gt; thead &gt; tr &gt; td.dso-horizontal-line,
table.table &gt; thead &gt; tr &gt; th.dso-horizontal-line,
.dso-rich-content table &gt; thead &gt; tr &gt; td.dso-horizontal-line,
.dso-rich-content table &gt; thead &gt; tr &gt; th.dso-horizontal-line {
  border-block-end: 1px solid #666;
}
table.table &gt; thead &gt; tr &gt; td:not(:last-child).dso-vertical-line,
table.table &gt; thead &gt; tr &gt; th:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; thead &gt; tr &gt; td:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; thead &gt; tr &gt; th:not(:last-child).dso-vertical-line {
  border-inline-end: 1px solid #666;
}
table.table &gt; tbody &gt; tr &gt; td:not(:last-child).dso-vertical-line,
table.table &gt; tbody &gt; tr &gt; th:not(:last-child).dso-vertical-line,
table.table &gt; tfoot &gt; tr &gt; td:not(:last-child).dso-vertical-line,
table.table &gt; tfoot &gt; tr &gt; th:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; tbody &gt; tr &gt; td:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; tbody &gt; tr &gt; th:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; tfoot &gt; tr &gt; td:not(:last-child).dso-vertical-line,
.dso-rich-content table &gt; tfoot &gt; tr &gt; th:not(:last-child).dso-vertical-line {
  border-inline-end: 1px solid #ccc;
}
table.table &gt; tbody &gt; tr:not(:last-child) &gt; td.dso-horizontal-line,
table.table &gt; tbody &gt; tr:not(:last-child) &gt; th.dso-horizontal-line,
table.table &gt; tfoot &gt; tr:not(:last-child) &gt; td.dso-horizontal-line,
table.table &gt; tfoot &gt; tr:not(:last-child) &gt; th.dso-horizontal-line,
.dso-rich-content table &gt; tbody &gt; tr:not(:last-child) &gt; td.dso-horizontal-line,
.dso-rich-content table &gt; tbody &gt; tr:not(:last-child) &gt; th.dso-horizontal-line,
.dso-rich-content table &gt; tfoot &gt; tr:not(:last-child) &gt; td.dso-horizontal-line,
.dso-rich-content table &gt; tfoot &gt; tr:not(:last-child) &gt; 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 &gt; thead &gt; tr &gt; th,
table.table &gt; thead &gt; tr &gt; td,
table.table &gt; tbody &gt; tr &gt; th,
table.table &gt; tbody &gt; tr &gt; td,
table.table &gt; tfoot &gt; tr &gt; th,
table.table &gt; tfoot &gt; tr &gt; td,
.dso-rich-content table &gt; thead &gt; tr &gt; th,
.dso-rich-content table &gt; thead &gt; tr &gt; td,
.dso-rich-content table &gt; tbody &gt; tr &gt; th,
.dso-rich-content table &gt; tbody &gt; tr &gt; td,
.dso-rich-content table &gt; tfoot &gt; tr &gt; th,
.dso-rich-content table &gt; tfoot &gt; tr &gt; td {
  line-height: 1.5;
  padding: 12px 8px;
  vertical-align: top;
}
table.table &gt; thead &gt; tr &gt; th a,
table.table &gt; thead &gt; tr &gt; td a,
table.table &gt; tbody &gt; tr &gt; th a,
table.table &gt; tbody &gt; tr &gt; td a,
table.table &gt; tfoot &gt; tr &gt; th a,
table.table &gt; tfoot &gt; tr &gt; td a,
.dso-rich-content table &gt; thead &gt; tr &gt; th a,
.dso-rich-content table &gt; thead &gt; tr &gt; td a,
.dso-rich-content table &gt; tbody &gt; tr &gt; th a,
.dso-rich-content table &gt; tbody &gt; tr &gt; td a,
.dso-rich-content table &gt; tfoot &gt; tr &gt; th a,
.dso-rich-content table &gt; tfoot &gt; tr &gt; td a {
  text-decoration: underline;
}
table.table:not([class*=dso-table-outside-lines]) &gt; thead &gt; tr &gt; td,
table.table:not([class*=dso-table-outside-lines]) &gt; thead &gt; tr &gt; th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; thead &gt; tr &gt; td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; thead &gt; tr &gt; th {
  border-block-end: 1px solid #666;
}
table.table:not([class*=dso-table-outside-lines]) &gt; tbody &gt; tr &gt; td,
table.table:not([class*=dso-table-outside-lines]) &gt; tbody &gt; tr &gt; th,
table.table:not([class*=dso-table-outside-lines]) &gt; tfoot &gt; tr &gt; td,
table.table:not([class*=dso-table-outside-lines]) &gt; tfoot &gt; tr &gt; th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; tbody &gt; tr &gt; td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; tbody &gt; tr &gt; th,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; tfoot &gt; tr &gt; td,
.dso-rich-content table:not([class*=dso-table-outside-lines]) &gt; tfoot &gt; tr &gt; th {
  border-block-end: 1px solid #ccc;
}
table.table &gt; tbody + tbody,
.dso-rich-content table &gt; tbody + tbody {
  border-block-start: 2px solid #ccc;
}
table.table .table,
.dso-rich-content table .table {
  background-color: #fff;
}
table.table &gt; tbody &gt; tr.result-error td,
.dso-rich-content table &gt; tbody &gt; tr.result-error td {
  font-style: italic;
}
table.table &gt; thead &gt; tr &gt; th,
.dso-rich-content table &gt; thead &gt; tr &gt; th {
  vertical-align: bottom;
}
table.table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort, table.table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort, table.table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort {
  color: #191919;
  font-weight: 600;
}
table.table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort dso-icon,
table.table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort svg.di, table.table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort dso-icon,
table.table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort svg.di, table.table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort dso-icon,
table.table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort svg.di,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort dso-icon,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort svg.di,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort dso-icon,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort svg.di,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort dso-icon,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort svg.di {
  color: #666;
}
table.table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort dso-icon.dso-sort-active,
table.table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort svg.di.dso-sort-active, table.table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort dso-icon.dso-sort-active,
table.table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort svg.di.dso-sort-active, table.table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
table.table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-primary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-secondary.dso-sort svg.di.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
.dso-rich-content table &gt; thead &gt; tr &gt; th .dso-tertiary.dso-sort svg.di.dso-sort-active {
  color: #191919;
}

.table-hover &gt; tbody &gt; 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 &gt; thead &gt; tr &gt; td.active,
.dso-rich-content table &gt; thead &gt; tr &gt; th.active, .dso-rich-content table &gt; thead &gt; tr.active &gt; td, .dso-rich-content table &gt; thead &gt; tr.active &gt; th,
.dso-rich-content table &gt; tbody &gt; tr &gt; td.active,
.dso-rich-content table &gt; tbody &gt; tr &gt; th.active,
.dso-rich-content table &gt; tbody &gt; tr.active &gt; td,
.dso-rich-content table &gt; tbody &gt; tr.active &gt; th,
.dso-rich-content table &gt; tfoot &gt; tr &gt; td.active,
.dso-rich-content table &gt; tfoot &gt; tr &gt; th.active,
.dso-rich-content table &gt; tfoot &gt; tr.active &gt; td,
.dso-rich-content table &gt; tfoot &gt; tr.active &gt; th,
.table &gt; thead &gt; tr &gt; td.active,
.table &gt; thead &gt; tr &gt; th.active,
.table &gt; thead &gt; tr.active &gt; td,
.table &gt; thead &gt; tr.active &gt; th,
.table &gt; tbody &gt; tr &gt; td.active,
.table &gt; tbody &gt; tr &gt; th.active,
.table &gt; tbody &gt; tr.active &gt; td,
.table &gt; tbody &gt; tr.active &gt; th,
.table &gt; tfoot &gt; tr &gt; td.active,
.table &gt; tfoot &gt; tr &gt; th.active,
.table &gt; tfoot &gt; tr.active &gt; td,
.table &gt; tfoot &gt; tr.active &gt; th {
  background-color: #f2f2f2;
}

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

.table &gt; tbody &gt; tr.active &gt; th, .table &gt; tbody &gt; tr.active &gt; td {
  background-color: #f2f2f2;
}
.table &gt; tbody &gt; tr.active &gt; th a, .table &gt; tbody &gt; tr.active &gt; td a {
  color: #191919;
}
.table &gt; tbody &gt; tr.active &gt; th a:hover, .table &gt; tbody &gt; tr.active &gt; 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 &gt; .table {
  margin-block-end: 0;
}
.dso-table-scroll-container &gt; .table &gt; thead &gt; tr &gt; th,
.dso-table-scroll-container &gt; .table &gt; thead &gt; tr &gt; td,
.dso-table-scroll-container &gt; .table &gt; tbody &gt; tr &gt; th,
.dso-table-scroll-container &gt; .table &gt; tbody &gt; tr &gt; td,
.dso-table-scroll-container &gt; .table &gt; tfoot &gt; tr &gt; th,
.dso-table-scroll-container &gt; .table &gt; tfoot &gt; tr &gt; 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 &gt; .table {
    margin-block-end: 0;
  }
  .dso-table-responsive &gt; .table &gt; thead &gt; tr &gt; th,
  .dso-table-responsive &gt; .table &gt; thead &gt; tr &gt; td,
  .dso-table-responsive &gt; .table &gt; tbody &gt; tr &gt; th,
  .dso-table-responsive &gt; .table &gt; tbody &gt; tr &gt; td,
  .dso-table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th,
  .dso-table-responsive &gt; .table &gt; tfoot &gt; tr &gt; 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 &gt; .table &gt; thead &gt; tr &gt; th,
dso-table.dso-is-responsive &gt; .table &gt; thead &gt; tr &gt; td,
dso-table.dso-is-responsive &gt; .table &gt; tbody &gt; tr &gt; th,
dso-table.dso-is-responsive &gt; .table &gt; tbody &gt; tr &gt; td,
dso-table.dso-is-responsive &gt; .table &gt; tfoot &gt; tr &gt; th,
dso-table.dso-is-responsive &gt; .table &gt; tfoot &gt; tr &gt; td {
  white-space: nowrap;
}

.nav {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.nav::before, .nav::after {
  display: table;
  content: " ";
}
.nav::after {
  clear: both;
}
.nav &gt; li {
  position: relative;
  display: block;
}
.nav &gt; li &gt; a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus {
  text-decoration: none;
  background-color: #e5e5e5;
}
.nav &gt; li.disabled &gt; a {
  color: #999;
}
.nav &gt; li.disabled &gt; a:hover, .nav &gt; li.disabled &gt; a:focus {
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
.nav .open &gt; a, .nav .open &gt; a:hover, .nav .open &gt; 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 &gt; li {
  border-color: #39870c;
  font-weight: bold;
  margin-block-end: -1px;
  min-block-size: 56px;
}
@media screen and (max-width: 767px) {
  .nav.nav-tabs &gt; li {
    margin: 10px 0;
  }
  .nav.nav-tabs &gt; li:first-child {
    margin-block-start: 0;
  }
  .nav.nav-tabs &gt; li:last-child {
    margin-block-end: 0;
  }
}
.nav.nav-tabs &gt; li &gt; a {
  text-decoration: none;
  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 &gt; li &gt; a:hover, .nav.nav-tabs &gt; li &gt; a:focus-visible {
  text-decoration: none;
}
.nav.nav-tabs &gt; li &gt; a:active {
  text-decoration: underline;
}
.nav.nav-tabs &gt; li &gt; a:hover {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5;
}
.nav.nav-tabs &gt; li:not(.disabled) &gt; a:visited {
  color: #666;
}
.nav.nav-tabs &gt; li a:active,
.nav.nav-tabs &gt; li a:focus,
.nav.nav-tabs &gt; li a:hover {
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-block-end-color: #39870c;
  text-decoration: none;
}
.nav.nav-tabs &gt; li.active &gt; a, .nav.nav-tabs &gt; li.active &gt; a:active, .nav.nav-tabs &gt; li.active &gt; a:focus, .nav.nav-tabs &gt; li.active &gt; a:hover, .nav.nav-tabs &gt; li.active &gt; a:visited {
  background-color: #fff;
  border: 1px solid #39870c;
  border-block-end-color: #fff;
  color: #39870c;
  cursor: default;
}
.nav.nav-tabs &gt; li.disabled &gt; a {
  color: #999;
}
.nav.nav-tabs &gt; li.disabled &gt; a:hover, .nav.nav-tabs &gt; li.disabled &gt; a:focus {
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .nav.nav-tabs &gt; li a {
    border-color: #fff;
    border-radius: 8px;
    padding: 18px 20px;
  }
  .nav.nav-tabs &gt; li a:active, .nav.nav-tabs &gt; li a:focus, .nav.nav-tabs &gt; li a:hover {
    border-block-end-width: 1px;
    border-color: transparent;
  }
  .nav.nav-tabs &gt; li.active a, .nav.nav-tabs &gt; li.active a:focus, .nav.nav-tabs &gt; 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: 24px 16px 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: 0 auto 8px;
  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 &gt; [class*=col-] &gt; .dso-tile,
.row.dso-equal-heights &gt; [class*=col-] &gt; .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: 8px 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;
  border: 0;
  color: #39870c;
  line-height: 1;
  padding: 0;
  background-color: transparent;
  padding-block: 16px;
}
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[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: 11px 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-whitebox {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-block-end: 56px;
  padding: 16px 24px;
  position: relative;
  inset-block-start: 56px;
}
.dso-whitebox .dso-whitebox-title h2 {
  margin: 0 0 48px;
  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 &gt; svg.di,
.dso-whitebox .dso-step-counter &gt; dso-icon {
  margin-block-start: 0.25rem;
}

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

.panel {
  margin-bottom: 24px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel &gt; .list-group,
.panel &gt; .panel-collapse &gt; .list-group {
  margin-bottom: 0;
}
.panel &gt; .list-group .list-group-item,
.panel &gt; .panel-collapse &gt; .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel &gt; .list-group:first-child .list-group-item:first-child,
.panel &gt; .panel-collapse &gt; .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .list-group:last-child .list-group-item:last-child,
.panel &gt; .panel-collapse &gt; .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .panel-heading + .panel-collapse &gt; .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel &gt; .table,
.panel &gt; .table-responsive &gt; .table,
.panel &gt; .panel-collapse &gt; .table {
  margin-bottom: 0;
}
.panel &gt; .table caption,
.panel &gt; .table-responsive &gt; .table caption,
.panel &gt; .panel-collapse &gt; .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel &gt; .table:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel &gt; .table:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel &gt; .panel-body + .table,
.panel &gt; .panel-body + .table-responsive,
.panel &gt; .table + .panel-body,
.panel &gt; .table-responsive + .panel-body {
  border-top: 1px solid #ccc;
}
.panel &gt; .table &gt; tbody:first-child &gt; tr:first-child th,
.panel &gt; .table &gt; tbody:first-child &gt; tr:first-child td {
  border-top: 0;
}
.panel &gt; .table-bordered,
.panel &gt; .table-responsive &gt; .table-bordered {
  border: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child {
  border-left: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child {
  border-right: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td,
.panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th,
.panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td,
.panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th {
  border-bottom: 0;
}
.panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
.panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,
.panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td,
.panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
  border-bottom: 0;
}
.panel &gt; .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-body {
  padding: 15px;
  padding-bottom: 0;
}
.panel-body::before, .panel-body::after {
  display: table;
  content: " ";
}
.panel-body::after {
  clear: both;
}
.panel-body p {
  margin: 0 0 16px;
}
.panel-body ul,
.panel-body ol {
  margin-block-end: 16px;
}
.panel-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
.panel-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
  padding-inline-start: 24px;
}
.panel-body pre {
  margin: 0 0 16px;
}
.panel-body blockquote {
  padding: 16px 24px;
}
.panel-body dso-highlight-box,
.panel-body .dso-highlight-box {
  margin-block-end: 24px;
}
.panel-body img {
  block-size: auto;
  max-inline-size: 100%;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title &gt; a,
.panel-title &gt; small,
.panel-title &gt; .small,
.panel-title &gt; small &gt; a,
.panel-title &gt; .small &gt; a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #ddd;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel-group {
  margin-bottom: 24px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse &gt; .panel-body,
.panel-group .panel-heading + .panel-collapse &gt; .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default &gt; .panel-heading {
  color: #323232;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #ddd;
}
.panel-default &gt; .panel-heading .badge {
  color: #f5f5f5;
  background-color: #323232;
}
.panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #275937;
}
.panel-primary &gt; .panel-heading {
  color: #fff;
  background-color: #275937;
  border-color: #275937;
}
.panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #275937;
}
.panel-primary &gt; .panel-heading .badge {
  color: #275937;
  background-color: #fff;
}
.panel-primary &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #275937;
}

.panel-success {
  border-color: #e4f1d4;
}
.panel-success &gt; .panel-heading {
  color: #000;
  background-color: #e4f1d4;
  border-color: #e4f1d4;
}
.panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #e4f1d4;
}
.panel-success &gt; .panel-heading .badge {
  color: #e4f1d4;
  background-color: #000;
}
.panel-success &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #e4f1d4;
}

.panel-info {
  border-color: #e1ecf7;
}
.panel-info &gt; .panel-heading {
  color: #000;
  background-color: #e1ecf7;
  border-color: #e1ecf7;
}
.panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #e1ecf7;
}
.panel-info &gt; .panel-heading .badge {
  color: #e1ecf7;
  background-color: #000;
}
.panel-info &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #e1ecf7;
}

.panel-warning {
  border-color: #f8f6cc;
}
.panel-warning &gt; .panel-heading {
  color: #000;
  background-color: #f8f6cc;
  border-color: #f8f6cc;
}
.panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #f8f6cc;
}
.panel-warning &gt; .panel-heading .badge {
  color: #f8f6cc;
  background-color: #000;
}
.panel-warning &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #f8f6cc;
}

.panel-danger {
  border-color: #f5d8dc;
}
.panel-danger &gt; .panel-heading {
  color: #000;
  background-color: #f5d8dc;
  border-color: #f5d8dc;
}
.panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #f5d8dc;
}
.panel-danger &gt; .panel-heading .badge {
  color: #f5d8dc;
  background-color: #000;
}
.panel-danger &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #f5d8dc;
}

.panel-heading &gt; :first-child,
.panel-footer &gt; :first-child {
  margin-top: 0;
}
.panel-heading &gt; :last-child,
.panel-footer &gt; :last-child {
  margin-bottom: 0;
}

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