@minvws/manon-themes 17.0.0 → 18.0.0-alpha.1

package/dist/icore-open/manon.icore-open.css

@@ -0,0 +1,3980 @@
+/* Theme configuration */
+/* Fonts (@font-faces) */
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-Regular.ttf");
+}
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-Italic.ttf");
+}
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf");
+}
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf");
+}
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-Bold.ttf");
+}
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+  src: url("./fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf");
+}
+/* Icon mask data URIs */
+/* Core variables */
+/* These are core sets like color schemes, fonts
+and spacing sets */
+.border-radius-xs {
+  border-radius: 0.125rem;
+}
+
+.border-radius-s {
+  border-radius: 0.25rem;
+}
+
+.border-radius-m {
+  border-radius: 0.5rem;
+}
+
+.border-radius-l {
+  border-radius: 1rem;
+}
+
+.border-radius-xl {
+  border-radius: 1.5rem;
+}
+
+.border-radius-xxl {
+  border-radius: 2rem;
+}
+
+.border-radius-round {
+  border-radius: 50%;
+}
+
+/* Color Scheme Open color
+ * Adapted from https://github.com/yeun/open-color
+ * Documentation https://yeun.github.io/open-color/
+ */
+/* Explanation */
+/* Confirmation */
+/* Warning */
+/* Error */
+/* System */
+.spacing-0 {
+  gap: 0;
+}
+
+.spacing-0125 {
+  gap: 0.125rem;
+}
+
+.spacing-025 {
+  gap: 0.25rem;
+}
+
+.spacing-0375 {
+  gap: 0.375rem;
+}
+
+.spacing-050 {
+  gap: 0.5rem;
+}
+
+.spacing-075 {
+  gap: 0.75rem;
+}
+
+.spacing-100 {
+  gap: 1rem;
+}
+
+.spacing-125 {
+  gap: 1.25rem;
+}
+
+.spacing-150 {
+  gap: 1.5rem;
+}
+
+.spacing-175 {
+  gap: 1.75rem;
+}
+
+.spacing-200 {
+  gap: 2rem;
+}
+
+.spacing-225 {
+  gap: 2.25rem;
+}
+
+.spacing-250 {
+  gap: 2.5rem;
+}
+
+.spacing-300 {
+  gap: 3rem;
+}
+
+.spacing-400 {
+  gap: 4rem;
+}
+
+.spacing-500 {
+  gap: 5rem;
+}
+
+.spacing-800 {
+  gap: 8rem;
+}
+
+.spacing-1200 {
+  gap: 12rem;
+}
+
+/* Semantic variables */
+/* These are variables that have a semantic value. Like branding color */
+/* Primary */
+/* Secundary */
+/* Component variables */
+/* hover */
+/* hover */
+/* Hover */
+/* content wrapper */
+/* List */
+/* List item */
+/* Blue */
+/* Green */
+/* Yellow */
+/* Orange */
+/* Red */
+/* Violet */
+/* Color 1 */
+/* Color 2 */
+/* Color 3 */
+/* Color 4 */
+/* Color 5 */
+/* Color 6 */
+.accordion, ul.accordion {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.accordion > div > button, ul.accordion > li > button {
+  width: 100%;
+  text-decoration: none;
+  padding: 0.75rem 1rem;
+  font-size: 1rem;
+  font-weight: bold;
+  color: #212529;
+  background-color: #f1f3f5;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #e9ecef;
+  border-radius: 0.25rem 0.25rem 0 0;
+}
+.accordion > div > div, ul.accordion > li > div {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  gap: 0.5rem;
+  padding: 1rem;
+  font-size: 0.875rem;
+  border-width: 0 1px;
+  border-style: solid;
+  border-color: #e9ecef;
+  border-radius: 0 0 0.25rem 0.25rem;
+}
+.accordion > div > div > *:first-child, ul.accordion > li > div > *:first-child {
+  margin-top: 0;
+}
+
+ul.accordion {
+  padding: 0;
+  width: 100%;
+}
+ul.accordion > li {
+  list-style: none;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+}
+.accordion {
+  /* Accordion item */
+}
+.accordion > div {
+  width: 100%;
+}
+section.accordion > div {
+  gap: 0;
+}
+
+/* The expanded state */
+/* Collapsed state (only when JavaScript is loaded) */
+.js-accordion-loaded {
+  /* The collapsed state */
+}
+.js-accordion-loaded .accordion {
+  width: 100%;
+}
+.js-accordion-loaded .accordion button[aria-expanded=false] {
+  /* Open icon */
+}
+.js-accordion-loaded .accordion button[aria-expanded=false]::after {
+  mask-size: contain;
+  content: "";
+  margin-left: auto;
+  background-color: #212529;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.js-accordion-loaded .accordion button[aria-expanded=false] + div {
+  display: none;
+}
+.js-accordion-loaded .accordion {
+  /* The expanded state */
+}
+.js-accordion-loaded .accordion button[aria-expanded=true]::after {
+  mask-size: contain;
+  content: "";
+  margin-left: auto;
+  background-color: #212529;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im02IDE1IDYtNiA2IDYiLz48L3N2Zz4=");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+article {
+  width: 100%;
+  flex-direction: column;
+  min-width: 0;
+  align-items: flex-start;
+  margin: 0 auto;
+  display: flex;
+  justify-content: flex-start;
+  gap: 1.5rem;
+  max-width: 60rem;
+}
+article .content-wrapper {
+  flex-direction: column;
+  align-items: flex-start;
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  background-color: #ffffff;
+  gap: 2.5rem;
+  padding-top: 2rem;
+  padding-right: 2rem;
+  padding-bottom: 3rem;
+  padding-left: 2rem;
+  max-width: 60rem;
+  border-radius: 0.5rem;
+}
+
+article > section,
+article > div > section {
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+.avatar {
+  width: 2rem;
+  height: 2rem;
+  max-width: 2rem;
+  max-height: 2rem;
+  min-height: unset;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  font-weight: bold;
+  border-radius: 50%;
+  background-color: #1971c2;
+  color: #ffffff;
+  font-size: 0.875rem;
+}
+.avatar:hover {
+  color: inherit;
+  background-color: #1c7ed6;
+  color: #ffffff;
+}
+.avatar:focus-visible {
+  background-color: #1c7ed6;
+  outline: 2px solid #ffffff;
+  outline-offset: -2px;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  /* Set to always fill the page and the footer
+  will never be in the middle of the screen  		*/
+  min-height: 100vh;
+  /* Fallback set to a white because some browsers 
+  (e.g: firefox on linux) do not use white as a 
+  default color but this is often expected.		  */
+  /* When the page doesn't have enough content to 
+  fill the screen height this will place the 
+  footer at the bottom of the screen 				    */
+}
+body > main {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+body {
+  background-color: #f1f3f5;
+  font-family: "IBM Plex Sans", system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif;
+  font-size: 1rem;
+  font-weight: 300;
+}
+
+.breadcrumb-bar,
+.page-header .breadcrumb-bar {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 0;
+  gap: 0.5rem;
+  padding-top: 0.75rem;
+  padding-right: 1rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  color: #212529;
+}
+.breadcrumb-bar > div.content-wrapper,
+.page-header .breadcrumb-bar > div.content-wrapper {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  box-sizing: border-box;
+  height: 100%;
+}
+.breadcrumb-bar ul,
+.breadcrumb-bar ol,
+.page-header .breadcrumb-bar ul,
+.page-header .breadcrumb-bar ol {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  color: inherit;
+  background-color: transparent;
+  gap: 0.5rem;
+  padding-top: 0.75rem;
+  padding-right: 1rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  color: #212529;
+}
+.breadcrumb-bar ul li,
+.breadcrumb-bar ol li,
+.page-header .breadcrumb-bar ul li,
+.page-header .breadcrumb-bar ol li {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  list-style: none;
+  gap: 0.5rem;
+}
+.breadcrumb-bar ul li:last-child,
+.breadcrumb-bar ol li:last-child,
+.page-header .breadcrumb-bar ul li:last-child,
+.page-header .breadcrumb-bar ol li:last-child {
+  font-weight: bold;
+}
+.breadcrumb-bar ul li:last-child::after,
+.breadcrumb-bar ol li:last-child::after,
+.page-header .breadcrumb-bar ul li:last-child::after,
+.page-header .breadcrumb-bar ol li:last-child::after {
+  content: none;
+}
+.breadcrumb-bar ul li:hover::after,
+.breadcrumb-bar ol li:hover::after,
+.page-header .breadcrumb-bar ul li:hover::after,
+.page-header .breadcrumb-bar ol li:hover::after {
+  color: #212529;
+}
+.breadcrumb-bar ul li a,
+.breadcrumb-bar ol li a,
+.page-header .breadcrumb-bar ul li a,
+.page-header .breadcrumb-bar ol li a {
+  /* Break words that won't fit the available space */
+  overflow-wrap: anywhere;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+}
+.breadcrumb-bar ul li a:hover,
+.breadcrumb-bar ol li a:hover,
+.page-header .breadcrumb-bar ul li a:hover,
+.page-header .breadcrumb-bar ol li a:hover {
+  border: 0;
+}
+.breadcrumb-bar ul li::after,
+.breadcrumb-bar ol li::after,
+.page-header .breadcrumb-bar ul li::after,
+.page-header .breadcrumb-bar ol li::after {
+  mask-size: contain;
+  content: "";
+  background-color: #212529;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im05IDYgNiA2LTYgNiIvPjwvc3ZnPg==");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+button,
+a.button,
+input[type=button],
+input[type=submit],
+input[type=reset] {
+  cursor: pointer;
+  overflow-wrap: break-word;
+  width: auto;
+  align-items: center;
+  margin: 0;
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: inherit;
+  gap: 0.5rem;
+  background-color: #1971c2;
+  color: #ffffff;
+  padding-top: 0.75rem;
+  padding-right: 1rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  border-width: 0;
+  border-color: #1971c2;
+  border-radius: 0.25rem;
+  webkit-border-radius: 0.25rem;
+}
+button:hover, button.hover,
+a.button:hover,
+a.button.hover,
+input[type=button]:hover,
+input[type=button].hover,
+input[type=submit]:hover,
+input[type=submit].hover,
+input[type=reset]:hover,
+input[type=reset].hover {
+  background-color: #1c7ed6;
+  color: #ffffff;
+  border-color: #1c7ed6;
+}
+button > *,
+a.button > *,
+input[type=button] > *,
+input[type=submit] > *,
+input[type=reset] > * {
+  pointer-events: none;
+}
+@media (width >= 24rem) {
+  button,
+  a.button,
+  input[type=button],
+  input[type=submit],
+  input[type=reset] {
+    display: flex;
+  }
+}
+
+a.button,
+input[type=button],
+input[type=submit],
+input[type=reset] {
+  display: inline-flex;
+  cursor: pointer;
+}
+
+a.button {
+  text-decoration: none;
+  color: #ffffff;
+}
+a.button:visited, a.button.visited {
+  color: #ffffff;
+}
+
+button.secondary,
+a.button.secondary,
+input[type=button].secondary,
+input[type=submit].secondary,
+input[type=reset].secondary {
+  margin: 0;
+  box-sizing: border-box;
+  width: auto;
+  align-items: center;
+  align-self: flex-start;
+  background-color: #ffffff;
+  color: #1971c2;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ced4da;
+}
+button.secondary > *,
+a.button.secondary > *,
+input[type=button].secondary > *,
+input[type=submit].secondary > *,
+input[type=reset].secondary > * {
+  pointer-events: none;
+}
+a.button,
+input[type=button],
+input[type=submit],
+input[type=reset] {
+  display: flex;
+}
+
+button.cta,
+a.button.cta,
+input[type=button].cta,
+input[type=submit].cta,
+input[type=reset].cta {
+  background-color: #1864ab;
+}
+button.cta:hover, button.cta.hover,
+a.button.cta:hover,
+a.button.cta.hover,
+input[type=button].cta:hover,
+input[type=button].cta.hover,
+input[type=submit].cta:hover,
+input[type=submit].cta.hover,
+input[type=reset].cta:hover,
+input[type=reset].cta.hover {
+  background-color: #1971c2;
+}
+.button-container {
+  display: flex;
+  margin: 0;
+}
+.button-container button,
+.button-container a.button,
+.button-container input[type=button],
+.button-container input[type=submit],
+.button-container input[type=reset] {
+  width: 100%;
+  max-width: 100%;
+}
+.button-container {
+  gap: 1rem;
+}
+@media (width >= 24rem) {
+  .button-container button,
+  .button-container a.button,
+  .button-container input[type=button],
+  .button-container input[type=submit],
+  .button-container input[type=reset] {
+    width: auto;
+    max-width: 100%;
+    flex-grow: 0;
+  }
+}
+
+button.destructive,
+a.button.destructive,
+input[type=button].destructive,
+input[type=submit].destructive,
+input[type=reset].destructive {
+  background-color: #e03131;
+  color: #ffffff;
+  border-color: #e03131;
+}
+button.destructive:hover,
+a.button.destructive:hover,
+input[type=button].destructive:hover,
+input[type=submit].destructive:hover,
+input[type=reset].destructive:hover {
+  background-color: #c92a2a;
+  color: #ffffff;
+  border-color: #c92a2a;
+}
+
+.to-top,
+button.to-top,
+a.button.to-top {
+  padding: 0;
+  gap: 0;
+  font-size: 0;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+  background-color: #1971c2;
+  justify-content: center;
+  align-items: center;
+}
+.to-top::after,
+button.to-top::after,
+a.button.to-top::after {
+  mask-size: contain;
+  content: "";
+  background-color: #ffffff;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAxMHYxME0xMiAxMGw0IDRNMTIgMTBsLTQgNE00IDRoMTYiLz48L3N2Zz4=");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.to-top:hover, .to-top:focus, .to-top:active,
+button.to-top:hover,
+button.to-top:focus,
+button.to-top:active,
+a.button.to-top:hover,
+a.button.to-top:focus,
+a.button.to-top:active {
+  border-radius: 50%;
+}
+
+button.icon-only,
+a.button.icon-only,
+input[type=button].icon-only,
+input[type=submit].icon-only,
+input[type=reset].icon-only {
+  font-size: 0;
+  gap: 0;
+  /* Icon */
+}
+button.icon-only,
+a.button.icon-only,
+input[type=button].icon-only,
+input[type=submit].icon-only,
+input[type=reset].icon-only {
+  /* Hover */
+}
+button.icon-only:hover,
+a.button.icon-only:hover,
+input[type=button].icon-only:hover,
+input[type=submit].icon-only:hover,
+input[type=reset].icon-only:hover {
+  font-size: 0;
+}
+
+section.card,
+article.card,
+div.card,
+p.card,
+span.card,
+main > section > div.card,
+main.sidemenu div > section > div.card {
+  display: flex;
+  box-sizing: border-box;
+  align-items: flex-start;
+  gap: 1rem;
+  padding-top: 1.25rem;
+  padding-right: 1rem;
+  padding-bottom: 1.25rem;
+  padding-left: 1rem;
+  background-color: #ffffff;
+  border-radius: 0.25rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #f1f3f5;
+}
+.checkbox {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.checkbox input[type=checkbox] {
+  padding: 0;
+  cursor: pointer;
+  width: 1.25rem;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  min-height: 1.25rem;
+  accent-color: #1971c2;
+}
+.checkbox input[type=checkbox] + label {
+  font-weight: normal;
+  cursor: pointer;
+}
+.checkbox input[type=checkbox] + label:focus {
+  outline: 2px solid #1971c2;
+}
+.checkbox input[type=checkbox]:disabled {
+  cursor: not-allowed;
+}
+.checkbox input[type=checkbox]:disabled + label {
+  cursor: not-allowed;
+}
+.checkbox.required {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.checkbox.required > div {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+}
+.checkbox + .nota-bene {
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+/* color input */
+form input[type=color] {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  cursor: pointer;
+  box-sizing: border-box;
+  width: 2.5rem;
+  height: 2.75rem;
+  padding: 0.25rem;
+}
+form input[type=color].filled {
+  padding: 0;
+  -webkit-appearance: none;
+  border: none;
+  border-radius: 0.25rem;
+}
+form input[type=color].filled::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+form input[type=color].filled::-webkit-color-swatch {
+  border: none;
+}
+
+pre,
+div.code-block {
+  display: flex;
+  overflow: auto;
+  overflow-x: auto;
+  width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 2rem;
+  background-color: #f1f3f5;
+  border-radius: 0.25rem;
+}
+pre > code,
+div.code-block > code {
+  white-space: unset;
+}
+
+div.code-block {
+  font-family: monospace;
+  white-space: pre;
+}
+
+.collapsible {
+  /* Above breakpoint */
+}
+.collapsible button.collapsible-toggle {
+  display: none;
+}
+.collapsible.collapsed {
+  padding: 0;
+  gap: 0;
+  margin: 0;
+  position: relative;
+}
+.collapsible.collapsed button.collapsible-toggle {
+  display: flex;
+  max-height: 100%;
+}
+.collapsible.collapsed button.collapsible-toggle + .collapsing-element {
+  display: flex;
+}
+.collapsible.collapsed button.collapsible-toggle[aria-expanded=false] + .collapsing-element {
+  display: none;
+}
+
+.collapsing-element {
+  justify-content: space-between;
+  align-items: center;
+}
+
+.collapsible.collapsed .collapsing-element {
+  position: absolute;
+  max-height: initial;
+  height: auto;
+  box-sizing: border-box;
+  justify-content: space-between;
+}
+.collapsible.collapsed .collapsing-element form {
+  padding: 0;
+  background-color: transparent;
+}
+.collapsible.collapsed .collapsing-element ul,
+.collapsible.collapsed .collapsing-element ol {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.collapsible.collapsed .collapsing-element ul li,
+.collapsible.collapsed .collapsing-element ol li {
+  display: flex;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+}
+.collapsible.collapsed .collapsing-element ul li::before,
+.collapsible.collapsed .collapsing-element ol li::before {
+  /* Preventing default nav before to show up */
+  display: none;
+}
+.collapsible.collapsed .collapsing-element ul li a,
+.collapsible.collapsed .collapsing-element ol li a {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  background-color: transparent;
+  border: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+.collapsible.collapsed .collapsing-element ul li a::before,
+.collapsible.collapsed .collapsing-element ol li a::before {
+  position: static;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 0;
+  font-style: normal;
+}
+.collapsible.collapsed .collapsing-element ul li a[aria-selected=true]::before, .collapsible.collapsed .collapsing-element ul li a[aria-current=page]::before,
+.collapsible.collapsed .collapsing-element ol li a[aria-selected=true]::before,
+.collapsible.collapsed .collapsing-element ol li a[aria-current=page]::before {
+  position: static;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 0;
+  font-style: normal;
+}
+.collapsible.collapsed .collapsing-element ul li a[aria-selected=true]:hover, .collapsible.collapsed .collapsing-element ul li a[aria-current=page]:hover,
+.collapsible.collapsed .collapsing-element ol li a[aria-selected=true]:hover,
+.collapsible.collapsed .collapsing-element ol li a[aria-current=page]:hover {
+  border: 0;
+}
+table .critical,
+table .high,
+table .medium,
+table .low,
+table .informational {
+  display: inline-block;
+}
+
+.de-emphasized {
+  font-size: 0.875rem;
+  color: #495057;
+}
+
+dl {
+  margin: 0;
+  width: 100%;
+}
+dl > div {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  border-width: 0 0 1px 0;
+  border-style: solid;
+  border-color: #e9ecef;
+}
+dl dt,
+dl dd {
+  overflow-wrap: anywhere;
+  box-sizing: border-box;
+  margin: 0;
+}
+dl dt {
+  color: #495057;
+  padding: 0.5rem 0;
+  width: 15rem;
+}
+dl dd {
+  padding: 0.5rem 0;
+}
+div {
+  flex-direction: inherit;
+  display: flex;
+  gap: 0.5rem;
+}
+div .content-wrapper {
+  flex-direction: column;
+  display: flex;
+  width: 100%;
+  justify-content: flex-start;
+}
+
+.emphasized {
+  font-size: 1.25rem;
+  font-weight: medium;
+}
+
+.filter > div {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0;
+  width: 100%;
+}
+.filter > div p {
+  font-size: inherit;
+  color: inherit;
+}
+.filter > div button {
+  display: none;
+  min-width: 0;
+  background-color: transparent;
+  padding: 0;
+  font-size: 0;
+  gap: 0;
+}
+.filter > div button::after {
+  mask-size: contain;
+  content: "";
+  background-color: #1971c2;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1maWx0ZXIiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00IDRoMTZ2Mi4xNzJhMiAyIDAgMCAxIC0uNTg2IDEuNDE0bC00LjQxNCA0LjQxNHY3bC02IDJ2LTguNWwtNC40OCAtNC45MjhhMiAyIDAgMCAxIC0uNTIgLTEuMzQ1di0yLjIyN3oiIC8+PC9zdmc+");
+  width: 1rem;
+  height: 1rem;
+}
+.filter > div button[aria-expanded=true]::after {
+  mask-size: contain;
+  content: "";
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOCA2IDYgMThNNiA2bDEyIDEyIi8+PC9zdmc+");
+}
+
+.js-filters-loaded .filter > div > button {
+  display: inline-flex;
+}
+
+*:focus-visible,
+*.focus {
+  position: relative;
+  outline: 2px solid;
+  outline-offset: -2px;
+  outline-color: #339af0;
+  z-index: 1;
+  border-radius: 0.25rem;
+}
+*:focus-visible + label::before,
+*.focus + label::before {
+  position: relative;
+  outline: 2px solid;
+  z-index: 1;
+}
+
+body > footer,
+.page-footer {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  gap: 1rem;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  padding-top: 2rem;
+  padding-right: 2rem;
+  padding-bottom: 3rem;
+  padding-left: 2rem;
+}
+body > footer .content-wrapper,
+.page-footer .content-wrapper {
+  flex-direction: column;
+  align-items: flex-start;
+}
+body > footer a,
+.page-footer a {
+  color: inherit;
+  text-decoration: none;
+  color: #1971c2;
+}
+body > footer a[aria-current=page], body > footer a[aria-current=page]:hover, body > footer a:hover, body > footer a:visited:hover, body > footer a[aria-current=page]:visited:hover,
+.page-footer a[aria-current=page],
+.page-footer a[aria-current=page]:hover,
+.page-footer a:hover,
+.page-footer a:visited:hover,
+.page-footer a[aria-current=page]:visited:hover {
+  text-decoration: underline;
+}
+body > footer ul,
+body > footer ol,
+.page-footer ul,
+.page-footer ol {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin: 0;
+  gap: 1rem;
+  justify-content: center;
+  flex-direction: row;
+}
+body > footer ul li,
+body > footer ol li,
+.page-footer ul li,
+.page-footer ol li {
+  display: flex;
+  list-style: none;
+  box-sizing: border-box;
+}
+body > footer ul li::before,
+body > footer ol li::before,
+.page-footer ul li::before,
+.page-footer ol li::before {
+  /* Preventing default nav before to show up */
+  display: none;
+}
+body > footer h1,
+body > footer h2,
+body > footer h3,
+body > footer h4,
+body > footer h5,
+body > footer h6,
+body > footer p,
+body > footer span,
+body > footer li,
+.page-footer h1,
+.page-footer h2,
+.page-footer h3,
+.page-footer h4,
+.page-footer h5,
+.page-footer h6,
+.page-footer p,
+.page-footer span,
+.page-footer li {
+  color: inherit;
+  text-align: inherit;
+}
+body > footer nav,
+.page-footer nav {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: 1rem;
+  flex-direction: column;
+}
+body > footer nav ul,
+body > footer nav ol,
+.page-footer nav ul,
+.page-footer nav ol {
+  background-color: transparent;
+}
+body > footer nav ul li,
+body > footer nav ol li,
+.page-footer nav ul li,
+.page-footer nav ol li {
+  list-style: none;
+}
+body > footer nav ul li::before,
+body > footer nav ol li::before,
+.page-footer nav ul li::before,
+.page-footer nav ol li::before {
+  /* Preventing default nav before to show up */
+  display: none;
+}
+
+form,
+main section form,
+main article form,
+main div form {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: flex-start;
+  color: #212529;
+  gap: 1rem;
+  max-width: 40rem;
+}
+form div,
+form div.form-group,
+main section form div,
+main section form div.form-group,
+main article form div,
+main article form div.form-group,
+main div form div,
+main div form div.form-group {
+  display: flex;
+  gap: 0.5rem;
+  flex-direction: column;
+}
+form div,
+form fieldset,
+main section form div,
+main section form fieldset,
+main article form div,
+main article form fieldset,
+main div form div,
+main div form fieldset {
+  box-sizing: border-box;
+}
+form div.horizontal,
+form fieldset.horizontal,
+main section form div.horizontal,
+main section form fieldset.horizontal,
+main article form div.horizontal,
+main article form fieldset.horizontal,
+main div form div.horizontal,
+main div form fieldset.horizontal {
+  flex-wrap: nowrap;
+}
+form .centered,
+main section form .centered,
+main article form .centered,
+main div form .centered {
+  display: table-cell;
+  width: auto;
+  text-align: center;
+}
+
+/* Resetting inherited layout padding */
+main div form div,
+main div div form div,
+main section form div,
+main section div form div,
+main article form div,
+main article div form div {
+  padding: 0;
+}
+
+form button,
+form a.button,
+form input[type=button],
+form input[type=submit],
+form input[type=reset] {
+  box-sizing: border-box;
+}
+form.horizontal fieldset .button-container, form fieldset > div.button-container, form fieldset .button-container {
+  /* Removing gap as it is not supported within fieldsets */
+  gap: 0;
+  width: auto;
+  margin-right: -0.5rem;
+  margin-bottom: -0.5rem;
+  margin-left: -0.5rem;
+}
+form.horizontal fieldset .button-container button, form fieldset .button-container button,
+form fieldset .button-container a.button,
+form fieldset .button-container input[type=button],
+form fieldset .button-container input[type=submit],
+form fieldset .button-container input[type=reset] {
+  float: left;
+  margin-right: -0.5rem;
+  margin-bottom: -0.5rem;
+  margin-left: -0.5rem;
+}
+form .button-container {
+  width: auto;
+}
+form.horizontal fieldset > div.button-container {
+  gap: 1rem;
+}
+
+form input[type=checkbox] {
+  padding: 0;
+  margin-left: 0;
+  margin-right: 0;
+}
+form input[type=checkbox] + label {
+  width: auto;
+  cursor: pointer;
+  margin-top: 0;
+}
+form input[type=checkbox]:disabled {
+  cursor: not-allowed;
+}
+form .checkbox > div {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+form .checkbox p.error,
+form .checkbox p.warning,
+form .checkbox p.confirmation,
+form .checkbox p.explanation,
+form .checkbox p.primary {
+  margin: 0;
+}
+form fieldset .checkbox {
+  padding: 0;
+  display: initial;
+  margin: 0 0 0.5rem;
+}
+form fieldset .checkbox input[type=checkbox] {
+  padding: 0;
+  cursor: pointer;
+  margin: 0;
+  min-height: 0;
+}
+form fieldset .checkbox input[type=checkbox] + label {
+  cursor: pointer;
+  padding-left: 0.5rem;
+  margin: 0;
+}
+form fieldset .checkbox input[type=checkbox]:disabled {
+  cursor: not-allowed;
+}
+form fieldset .checkbox input[type=checkbox]:disabled + label {
+  cursor: not-allowed;
+}
+form fieldset .checkbox.required {
+  flex-direction: column;
+}
+form fieldset .checkbox.required > div {
+  padding: 0;
+  display: initial;
+}
+form fieldset .checkbox fieldset .checkbox {
+  margin: 0 0 0.5rem;
+}
+
+/* Fieldset styling is a bit different compared to the default form styling.
+This is because of a couple of styling restrictions and issues concerning fieldsets and it's children.
+- Fieldsets can't use flexbox 
+- When elements within the fieldset use flexbox, unwanted white-space appears at the bottom of the fieldset.
+The amount of whitespace depends on the length of the fieldset before flex positioning took place. And will not be removed after. 
+
+The usage of fieldsets is recommended because it is the semantically correct element to use for form grouping.
+As well as it improves the experience for users who are using a screenreader to navigate the form. 
+
+To prevent these issues to cause unexpected behaviour the fieldset and it's children within this set do no use flexbox for their positioning.
+But the alternative styling as you can see below.
+
+For more information on the bug see: https://github.com/philipwalton/flexbugs#9-some-html-elements-cant-be-flex-containers
+and: https://bugs.chromium.org/p/chromium/issues/detail?id=262679 */
+form > fieldset,
+main section form > fieldset,
+main article form > fieldset,
+main div form > fieldset {
+  padding: 0;
+  border-width: 0;
+}
+form > fieldset legend,
+main section form > fieldset legend,
+main article form > fieldset legend,
+main div form > fieldset legend {
+  font-weight: bold;
+  margin: 0 0 1rem 0;
+}
+form > fieldset input,
+main section form > fieldset input,
+main article form > fieldset input,
+main div form > fieldset input {
+  margin: 0.5rem 0 1rem 0;
+}
+form > fieldset,
+main section form > fieldset,
+main article form > fieldset,
+main div form > fieldset {
+  /*Fieldsets within fieldsets ignore the "*" all selector */
+}
+form > fieldset > fieldset,
+main section form > fieldset > fieldset,
+main article form > fieldset > fieldset,
+main div form > fieldset > fieldset {
+  display: inline-block;
+  border-width: 0;
+}
+form > fieldset > fieldset:last-child,
+main section form > fieldset > fieldset:last-child,
+main article form > fieldset > fieldset:last-child,
+main div form > fieldset > fieldset:last-child {
+  margin-bottom: 0;
+}
+form > fieldset div,
+main section form > fieldset div,
+main article form > fieldset div,
+main div form > fieldset div {
+  display: block;
+  /* used to re-renders the div so long labels won't run out of the div */
+  float: left;
+  width: 100%;
+}
+form > fieldset div > *,
+main section form > fieldset div > *,
+main article form > fieldset div > *,
+main div form > fieldset div > * {
+  float: left;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+}
+form > fieldset div input,
+main section form > fieldset div input,
+main article form > fieldset div input,
+main div form > fieldset div input {
+  margin: 0.5rem 0 1rem 0;
+}
+form > fieldset,
+main section form > fieldset,
+main article form > fieldset,
+main div form > fieldset {
+  /* Notifications */
+}
+form > fieldset > div.error > *, form > fieldset > div.warning > *, form > fieldset > div.explanation > *, form > fieldset > div.confirmation > *, form > fieldset > div.system > *,
+main section form > fieldset > div.error > *,
+main section form > fieldset > div.warning > *,
+main section form > fieldset > div.explanation > *,
+main section form > fieldset > div.confirmation > *,
+main section form > fieldset > div.system > *,
+main article form > fieldset > div.error > *,
+main article form > fieldset > div.warning > *,
+main article form > fieldset > div.explanation > *,
+main article form > fieldset > div.confirmation > *,
+main article form > fieldset > div.system > *,
+main div form > fieldset > div.error > *,
+main div form > fieldset > div.warning > *,
+main div form > fieldset > div.explanation > *,
+main div form > fieldset > div.confirmation > *,
+main div form > fieldset > div.system > * {
+  max-width: 100%;
+  width: 100%;
+}
+form > fieldset .nota-bene,
+main section form > fieldset .nota-bene,
+main article form > fieldset .nota-bene,
+main div form > fieldset .nota-bene {
+  padding-bottom: 0.5rem;
+}
+
+/* Fieldset styling is a bit different compared to the default form styling.
+This is because of a couple of styling restrictions and issues concerning fieldsets and it's children.
+- Fieldsets can't use flexbox
+- When elements within the fieldset use flexbox, unwanted white-space appears at the bottom of the fieldset.
+The amount of whitespace depends on the length of the fieldset before flex positioning took place. And will not be removed after.
+
+The usage of fieldsets is recommended because it is the semantically correct element to use for form grouping.
+As well as it improves the experience for users who are using a screenreader to navigate the form.
+
+To prevent these issues to cause unexpected behaviour the fieldset and it's children within this set do no use flexbox for their positioning.
+But the alternative styling as you can see below.
+
+For more information on the bug see: https://github.com/philipwalton/flexbugs#9-some-html-elements-cant-be-flex-containers
+and: https://bugs.chromium.org/p/chromium/issues/detail?id=262679 */
+form.horizontal > fieldset {
+  width: 100%;
+}
+form.horizontal > fieldset > div {
+  display: block;
+  /* resetting gap as it can not be used within fieldsets */
+  gap: 0;
+  /* Adds margin instead of gap */
+}
+@media (width >= 24rem) {
+  form.horizontal > fieldset > div > * {
+    /* resetting gap as it can not be used within fieldsets */
+    gap: 0;
+    /* float objects to move inputs into place even when there is no label */
+    float: right;
+    width: 66.66%;
+  }
+  form.horizontal > fieldset > div > div {
+    margin-bottom: 0;
+  }
+  form.horizontal > fieldset > div label {
+    float: left;
+    width: 33.33%;
+    margin-top: 1rem;
+  }
+}
+form.horizontal > fieldset .required .nota-bene {
+  float: left;
+}
+form.horizontal > fieldset input[type=color] {
+  float: left;
+}
+form.horizontal > fieldset > .checkbox,
+form.horizontal > fieldset > .radio {
+  margin-left: 0;
+  width: 100%;
+  float: right;
+}
+@media (width >= 24rem) {
+  form.horizontal > fieldset > .checkbox,
+  form.horizontal > fieldset > .radio {
+    width: 66.66%;
+  }
+}
+form.horizontal > fieldset > .checkbox .horizontal,
+form.horizontal > fieldset > .radio .horizontal {
+  display: block;
+  gap: 0;
+}
+form.horizontal > fieldset > .checkbox input,
+form.horizontal > fieldset > .checkbox label,
+form.horizontal > fieldset > .radio input,
+form.horizontal > fieldset > .radio label {
+  float: none;
+  margin: 0;
+}
+form.horizontal > fieldset > .checkbox input,
+form.horizontal > fieldset > .radio input {
+  float: left;
+}
+form.horizontal > fieldset > .checkbox label,
+form.horizontal > fieldset > .radio label {
+  margin-top: 0;
+  display: block;
+  float: left;
+}
+form.horizontal > fieldset > .checkbox,
+form.horizontal > fieldset > .radio {
+  /* Help button */
+}
+form.horizontal > fieldset > .checkbox > button,
+form.horizontal > fieldset > .radio > button {
+  top: 0;
+}
+form.horizontal > fieldset > .checkbox,
+form.horizontal > fieldset > .radio {
+  /* Help text */
+}
+form.horizontal > fieldset > .checkbox > p,
+form.horizontal > fieldset > .checkbox > div,
+form.horizontal > fieldset > .radio > p,
+form.horizontal > fieldset > .radio > div {
+  width: 100%;
+}
+@media (width >= 24rem) {
+  form.horizontal > fieldset > button,
+  form.horizontal > fieldset > a.button,
+  form.horizontal > fieldset > input[type=button],
+  form.horizontal > fieldset > input[type=submit],
+  form.horizontal > fieldset > input[type=reset],
+  form.horizontal > fieldset > a,
+  form.horizontal > fieldset > fieldset {
+    padding: 0;
+    margin-left: 33.33%;
+  }
+  form.horizontal > fieldset + button, form.horizontal > fieldset + a.button, form.horizontal > fieldset + input[type=button], form.horizontal > fieldset + input[type=submit], form.horizontal > fieldset + input[type=reset] {
+    margin-left: 33.33%;
+  }
+}
+
+form fieldset .radio {
+  padding: 0;
+  display: initial;
+  margin: 0 0 0.5rem;
+}
+form fieldset .radio input[type=radio] {
+  padding: 0;
+  cursor: pointer;
+  margin: 0;
+}
+form fieldset .radio input[type=radio] + label {
+  cursor: pointer;
+  margin: 0;
+}
+form fieldset .radio input[type=radio]:disabled {
+  cursor: not-allowed;
+}
+form fieldset .radio input[type=radio]:disabled + label {
+  cursor: not-allowed;
+}
+form fieldset .radio.required {
+  flex-direction: column;
+}
+form fieldset .radio.required > div {
+  padding: 0;
+  display: initial;
+}
+form fieldset fieldset .radio {
+  margin: 0 0 0.5rem;
+}
+
+form.horizontal > fieldset > fieldset legend {
+  font-weight: inherit;
+  margin: 0;
+  box-sizing: border-box;
+  float: left;
+}
+@media (width >= 24rem) {
+  form.horizontal > fieldset > fieldset > * {
+    float: right;
+  }
+}
+
+form.horizontal .grouped-choice-list legend {
+  font-weight: normal;
+  width: auto;
+  margin: 0;
+}
+@media (width >= 24rem) {
+  form.horizontal .grouped-choice-list legend {
+    position: absolute;
+    padding: 0;
+  }
+}
+
+form textarea {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 1rem;
+  font-size: inherit;
+}
+
+form.help {
+  position: relative;
+}
+form.help > div {
+  width: 100%;
+  position: relative;
+}
+form.help .help-container {
+  width: 100%;
+  position: relative;
+  padding: 0 2rem 0 0;
+}
+form.help > div .help-button,
+form.help > fieldset .help-button {
+  display: flex;
+  position: absolute;
+  gap: 0;
+  margin: 0;
+  min-width: 0;
+  min-height: 0;
+  font-size: 0;
+  box-sizing: border-box;
+  top: 0.5rem;
+  width: auto;
+  right: 0;
+  padding: 0.25rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ced4da;
+  border-radius: 50%;
+  background-color: transparent;
+  color: #1971c2;
+}
+form.help > div .help-button::before,
+form.help > fieldset .help-button::before {
+  mask-size: contain;
+  content: "";
+  background-color: #1971c2;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04IDhhMy41IDMgMCAwIDEgMy41LTNoMUEzLjUgMyAwIDAgMSAxNiA4YTMgMyAwIDAgMS0yIDMgMyA0IDAgMCAwLTIgNE0xMiAxOXYuMDEiLz48L3N2Zz4=");
+  width: 1rem;
+  height: 1rem;
+}
+form.help > div .help-button + .explanation,
+form.help > fieldset .help-button + .explanation {
+  margin-bottom: 0;
+}
+form.help > div p.explanation.collapsed,
+form.help > div div.explanation.collapsed,
+form.help > fieldset p.explanation.collapsed,
+form.help > fieldset div.explanation.collapsed {
+  display: none;
+}
+form.help > div *:has(.help-button),
+form.help > fieldset *:has(.help-button) {
+  position: relative;
+  min-height: 1.5rem;
+}
+form.help fieldset {
+  max-width: 100%;
+  min-width: 0;
+  gap: 0;
+}
+form.help fieldset .help-button {
+  display: inline-block;
+  margin: 1rem -2.5rem 0 0;
+}
+form.help fieldset .help-button + .explanation {
+  margin-top: 0;
+}
+form.help fieldset .help-button::before {
+  display: inline-block;
+}
+
+form.horizontal {
+  flex-direction: column !important;
+  align-items: flex-start;
+}
+form.horizontal label {
+  width: 100%;
+  max-width: 33.33%;
+}
+form.horizontal > div {
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+form.horizontal button,
+form.horizontal a.button,
+form.horizontal input[type=button],
+form.horizontal input[type=submit],
+form.horizontal input[type=reset] {
+  margin: 0 0 0 calc(33.33% + 0.5rem);
+}
+form.horizontal > div.form-group,
+form.horizontal > section.form-group {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  margin: 0;
+}
+form.horizontal > div.form-group > *,
+form.horizontal > section.form-group > * {
+  flex-grow: 1;
+  box-sizing: border-box;
+}
+form.horizontal > div.form-group.checkbox,
+form.horizontal > section.form-group.checkbox {
+  margin: 0;
+  flex-wrap: nowrap;
+}
+form.horizontal > div.form-group.checkbox > div,
+form.horizontal > div.form-group.checkbox form.horizontal > section.form-group.checkbox > div,
+form.horizontal > div.form-group.checkbox input[type=checkbox],
+form.horizontal > section.form-group.checkbox form.horizontal > div.form-group.checkbox > div,
+form.horizontal > section.form-group.checkbox > div,
+form.horizontal > section.form-group.checkbox input[type=checkbox] {
+  /* Align checkbox with input fields */
+  margin-left: 0;
+  flex-grow: 0;
+  margin-right: 0;
+}
+form.horizontal > div.form-group.checkbox > div + label,
+form.horizontal > div.form-group.checkbox form.horizontal > section.form-group.checkbox > div + label,
+form.horizontal > div.form-group.checkbox input[type=checkbox] + label,
+form.horizontal > section.form-group.checkbox form.horizontal > div.form-group.checkbox > div + label,
+form.horizontal > section.form-group.checkbox > div + label,
+form.horizontal > section.form-group.checkbox input[type=checkbox] + label {
+  max-width: calc(100% - 1.25rem);
+}
+form.horizontal > div.form-group.checkbox > div input[type=checkbox],
+form.horizontal > section.form-group.checkbox > div input[type=checkbox] {
+  margin-left: 0;
+}
+form.horizontal > div.form-group.radio,
+form.horizontal > section.form-group.radio {
+  flex-wrap: nowrap;
+}
+form.horizontal > div.form-group.radio > div,
+form.horizontal > div.form-group.radio form.horizontal > section.form-group.radio > div,
+form.horizontal > div.form-group.radio input[type=radio],
+form.horizontal > section.form-group.radio form.horizontal > div.form-group.radio > div,
+form.horizontal > section.form-group.radio > div,
+form.horizontal > section.form-group.radio input[type=radio] {
+  flex-grow: 0;
+  margin-right: 0;
+}
+@media (width >= 24rem) {
+  form.horizontal > div.form-group.radio > div,
+  form.horizontal > div.form-group.radio form.horizontal > section.form-group.radio > div,
+  form.horizontal > div.form-group.radio input[type=radio],
+  form.horizontal > section.form-group.radio form.horizontal > div.form-group.radio > div,
+  form.horizontal > section.form-group.radio > div,
+  form.horizontal > section.form-group.radio input[type=radio] {
+    /* Align radio with input fields */
+  }
+}
+form.horizontal > div.form-group.radio > div input[type=radio],
+form.horizontal > section.form-group.radio > div input[type=radio] {
+  margin-left: 0;
+}
+form.horizontal > div.form-group.checkbox, form.horizontal > div.form-group.radio,
+form.horizontal > section.form-group.checkbox,
+form.horizontal > section.form-group.radio {
+  justify-content: flex-start;
+}
+form.horizontal > div.form-group,
+form.horizontal > section.form-group {
+  /* Notifications */
+}
+form.horizontal > div.form-group.error, form.horizontal > div.form-group.warning, form.horizontal > div.form-group.explanation, form.horizontal > div.form-group.confirmation, form.horizontal > div.form-group.system,
+form.horizontal > section.form-group.error,
+form.horizontal > section.form-group.warning,
+form.horizontal > section.form-group.explanation,
+form.horizontal > section.form-group.confirmation,
+form.horizontal > section.form-group.system {
+  margin: 0;
+}
+form.horizontal > div.form-group.error > *, form.horizontal > div.form-group.warning > *, form.horizontal > div.form-group.explanation > *, form.horizontal > div.form-group.confirmation > *, form.horizontal > div.form-group.system > *,
+form.horizontal > section.form-group.error > *,
+form.horizontal > section.form-group.warning > *,
+form.horizontal > section.form-group.explanation > *,
+form.horizontal > section.form-group.confirmation > *,
+form.horizontal > section.form-group.system > * {
+  max-width: 100%;
+}
+form.horizontal > div.form-group > button,
+form.horizontal > div.form-group > a.button,
+form.horizontal > div.form-group > input[type=button],
+form.horizontal > div.form-group > input[type=submit],
+form.horizontal > div.form-group > input[type=reset],
+form.horizontal > section.form-group > button,
+form.horizontal > section.form-group > a.button,
+form.horizontal > section.form-group > input[type=button],
+form.horizontal > section.form-group > input[type=submit],
+form.horizontal > section.form-group > input[type=reset] {
+  flex-grow: 0;
+}
+@media (width >= 24rem) {
+  form.horizontal > div.form-group,
+  form.horizontal > section.form-group {
+    flex-wrap: nowrap;
+  }
+  form.horizontal > div.form-group label,
+  form.horizontal > section.form-group label {
+    width: 100%;
+    max-width: 33.33%;
+    max-width: 33.33%;
+  }
+}
+form.horizontal > div .option-group,
+form.horizontal > section .option-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+@media (width >= 24rem) {
+  form.horizontal > div > button,
+  form.horizontal > div > a.button,
+  form.horizontal > div > input[type=button],
+  form.horizontal > div > input[type=submit],
+  form.horizontal > div > input[type=reset],
+  form.horizontal > div > a,
+  form.horizontal > div form.horizontal > section > button,
+  form.horizontal > div form.horizontal > section > a.button,
+  form.horizontal > div form.horizontal > section > input[type=button],
+  form.horizontal > div form.horizontal > section > input[type=submit],
+  form.horizontal > div form.horizontal > section > input[type=reset],
+  form.horizontal > div form.horizontal > section > a,
+  form.horizontal > section form.horizontal > div > div > button,
+  form.horizontal > section form.horizontal > div > div > a.button,
+  form.horizontal > section form.horizontal > div > div > input[type=button],
+  form.horizontal > section form.horizontal > div > div > input[type=submit],
+  form.horizontal > section form.horizontal > div > div > input[type=reset],
+  form.horizontal > section form.horizontal > div > div > a,
+  form.horizontal > section > div > button,
+  form.horizontal > section > div > a.button,
+  form.horizontal > section > div > input[type=button],
+  form.horizontal > section > div > input[type=submit],
+  form.horizontal > section > div > input[type=reset],
+  form.horizontal > section > div > a,
+  form.horizontal > section form.horizontal > div > button,
+  form.horizontal > section form.horizontal > div > a.button,
+  form.horizontal > section form.horizontal > div > input[type=button],
+  form.horizontal > section form.horizontal > div > input[type=submit],
+  form.horizontal > section form.horizontal > div > input[type=reset],
+  form.horizontal > section form.horizontal > div > a,
+  form.horizontal > section > button,
+  form.horizontal > section > a.button,
+  form.horizontal > section > input[type=button],
+  form.horizontal > section > input[type=submit],
+  form.horizontal > section > input[type=reset],
+  form.horizontal > section > a {
+    width: auto;
+    max-width: 100%;
+    flex-grow: 0;
+    margin: 0 0 0 calc(33.33% + 0.5rem);
+  }
+  form.horizontal > div > div.horizontal,
+  form.horizontal > div > div.button-container,
+  form.horizontal > section > div.horizontal,
+  form.horizontal > section > div.button-container {
+    margin: 0 0 0 calc(33.33% + 0.5rem);
+    flex-wrap: wrap;
+  }
+  form.horizontal > div > div.horizontal button,
+  form.horizontal > div > div.horizontal a.button,
+  form.horizontal > div > div.horizontal input[type=button],
+  form.horizontal > div > div.horizontal input[type=submit],
+  form.horizontal > div > div.horizontal input[type=reset],
+  form.horizontal > div > div.button-container button,
+  form.horizontal > div > div.button-container a.button,
+  form.horizontal > div > div.button-container input[type=button],
+  form.horizontal > div > div.button-container input[type=submit],
+  form.horizontal > div > div.button-container input[type=reset],
+  form.horizontal > section > div.horizontal button,
+  form.horizontal > section > div.horizontal a.button,
+  form.horizontal > section > div.horizontal input[type=button],
+  form.horizontal > section > div.horizontal input[type=submit],
+  form.horizontal > section > div.horizontal input[type=reset],
+  form.horizontal > section > div.button-container button,
+  form.horizontal > section > div.button-container a.button,
+  form.horizontal > section > div.button-container input[type=button],
+  form.horizontal > section > div.button-container input[type=submit],
+  form.horizontal > section > div.button-container input[type=reset] {
+    max-width: 100%;
+    margin: 0 0 0 calc(33.33% + 0.5rem);
+  }
+}
+
+input {
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 0;
+  padding-top: 0.75rem;
+  padding-right: 1rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ced4da;
+  border-radius: 0.5rem;
+}
+
+form.inline {
+  padding: 0;
+  background-color: transparent;
+  max-width: unset;
+  width: auto;
+}
+form.inline button,
+form.inline a.button,
+form.inline input[type=button],
+form.inline input[type=submit],
+form.inline input[type=reset] {
+  box-sizing: border-box;
+}
+form label {
+  font-weight: bold;
+}
+
+.combined-field {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0;
+  flex-wrap: nowrap;
+}
+.combined-field input {
+  border-radius: 0.5rem 0 0 0.5rem;
+}
+.combined-field button {
+  min-height: 100%;
+  border-radius: 0 0.5rem 0.5rem 0;
+  padding: 0 1rem;
+  min-width: fit-content;
+  justify-content: center;
+}
+
+body > header,
+.page-header {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  justify-content: stretch;
+  align-items: stretch;
+  padding-right: 3rem;
+  padding-left: 3rem;
+  background-color: #212529;
+  min-height: 4.5rem;
+  color: #ffffff;
+  font-weight: bold;
+}
+body > header > section.content-wrapper,
+body > header > div.content-wrapper,
+.page-header > section.content-wrapper,
+.page-header > div.content-wrapper {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: row;
+}
+body > header > section.content-wrapper button,
+body > header > div.content-wrapper button,
+.page-header > section.content-wrapper button,
+.page-header > div.content-wrapper button {
+  align-self: center;
+}
+body > header > section.content-wrapper,
+body > header > div.content-wrapper,
+.page-header > section.content-wrapper,
+.page-header > div.content-wrapper {
+  align-items: stretch;
+  width: 100%;
+}
+body > header a,
+.page-header a {
+  color: inherit;
+  box-sizing: border-box;
+  padding: 0.25rem 0.5rem;
+  min-height: 100%;
+  display: flex;
+  align-items: center;
+}
+body > header a:visited, body > header a:visited:hover,
+.page-header a:visited,
+.page-header a:visited:hover {
+  color: inherit;
+}
+body > header a[aria-current=page], body > header a[aria-current=page]:hover, body > header a:hover, body > header a:visited:hover, body > header a[aria-current=page]:visited:hover,
+.page-header a[aria-current=page],
+.page-header a[aria-current=page]:hover,
+.page-header a:hover,
+.page-header a:visited:hover,
+.page-header a[aria-current=page]:visited:hover {
+  color: #212529;
+  background-color: #ffffff;
+}
+body > header ul,
+body > header ol,
+.page-header ul,
+.page-header ol {
+  display: flex;
+  flex-direction: row;
+  padding: 0;
+  margin: 0;
+  flex-wrap: wrap;
+  gap: 0;
+  align-items: stretch;
+  height: 100%;
+}
+body > header ul li,
+body > header ol li,
+.page-header ul li,
+.page-header ol li {
+  list-style: none;
+  padding: 0;
+  box-sizing: border-box;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+}
+body > header ul li::before,
+body > header ol li::before,
+.page-header ul li::before,
+.page-header ol li::before {
+  /* Preventing default nav before to show up */
+  display: none;
+}
+body > header nav,
+.page-header nav {
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+  margin: 0;
+  gap: 2rem;
+  justify-content: space-between;
+  align-items: stretch;
+  width: 100%;
+}
+body > header .actions,
+.page-header .actions {
+  gap: 1rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  hyphens: auto;
+}
+
+h1,
+h1 > a {
+  font-family: "IBM Plex Sans", system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif;
+}
+
+.heading-xxl {
+  font-size: 3rem;
+}
+
+.heading-xl {
+  font-size: 2.5rem;
+}
+
+.heading-large {
+  font-size: 2rem;
+}
+
+.heading-normal {
+  font-size: 1.5rem;
+}
+
+.heading-small {
+  font-size: 1.25rem;
+}
+
+.heading-xs {
+  font-size: 1rem;
+}
+
+.hero {
+  position: relative;
+  display: flex;
+  height: 25rem;
+  width: calc(100% + 8rem);
+  max-width: calc(100% + 8rem);
+  background-color: #228be6;
+  margin: -4rem 0 0 -4rem;
+  border-radius: 0;
+  justify-content: center;
+  flex-direction: column;
+  color: #ffffff;
+  font-size: 1.25rem;
+}
+.hero .content-wrapper {
+  z-index: 1;
+  display: flex;
+  padding: 0;
+  max-width: 40rem;
+  text-align: center;
+  margin: 0 auto;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  gap: 1rem;
+}
+.hero .cover {
+  object-fit: cover;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  z-index: -1;
+}
+.hero h1,
+.hero h2,
+.hero h3,
+.hero h4,
+.hero h5,
+.hero h6 {
+  font-size: 2.25rem;
+}
+
+.icon {
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  content: "";
+  background-color: currentcolor;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  display: inline-block;
+}
+
+svg.icon,
+img.icon,
+a.icon {
+  background-color: transparent;
+}
+
+.icon-ascending {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMS4yOTMgNy4yOTNhMSAxIDAgMCAxIDEuMzItLjA4M2wuMDk0LjA4MyA2IDYgLjA4My4wOTQuMDU0LjA3Ny4wNTQuMDk2LjAxNy4wMzYuMDI3LjA2Ny4wMzIuMTA4LjAxLjA1My4wMS4wNi4wMDQuMDU3TDE5IDE0bC0uMDAyLjA1OS0uMDA1LjA1OC0uMDA5LjA2LS4wMS4wNTItLjAzMi4xMDgtLjAyNy4wNjctLjA3LjEzMi0uMDY1LjA5LS4wNzMuMDgxLS4wOTQuMDgzLS4wNzcuMDU0LS4wOTYuMDU0LS4wMzYuMDE3LS4wNjcuMDI3LS4xMDguMDMyLS4wNTMuMDEtLjA2LjAxLS4wNTcuMDA0TDE4IDE1SDZjLS44NTIgMC0xLjI5Ny0uOTg2LS43ODMtMS42MjNsLjA3Ni0uMDg0eiIvPjwvc3ZnPg==");
+}
+
+.icon-check {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaXJjbGUtY2hlY2siPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAxMm0tOSAwYTkgOSAwIDEgMCAxOCAwYTkgOSAwIDEgMCAtMTggMCIgLz48cGF0aCBkPSJNOSAxMmwyIDJsNCAtNCIgLz48L3N2Zz4=");
+}
+
+.icon-chevron-down {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==");
+}
+
+.icon-chevron-left {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xNSA2LTYgNiA2IDYiLz48L3N2Zz4=");
+}
+
+.icon-chevron-light-down {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im00IDExIDggMyA4LTMiLz48L3N2Zz4=");
+}
+
+.icon-chevron-light-left {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xMyAyMC0zLTggMy04Ii8+PC9zdmc+");
+}
+
+.icon-chevron-light-right {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xMSA0IDMgOC0zIDgiLz48L3N2Zz4=");
+}
+
+.icon-chevron-light-up {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im00IDEzIDgtMyA4IDMiLz48L3N2Zz4=");
+}
+
+.icon-chevron-right {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im05IDYgNiA2LTYgNiIvPjwvc3ZnPg==");
+}
+
+.icon-chevron-up {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im02IDE1IDYtNiA2IDYiLz48L3N2Zz4=");
+}
+
+.icon-close {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOCA2IDYgMThNNiA2bDEyIDEyIi8+PC9zdmc+");
+}
+
+.icon-descending {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOCA5Yy44NTIgMCAxLjI5Ny45ODYuNzgzIDEuNjIzbC0uMDc2LjA4NC02IDZhMSAxIDAgMCAxLTEuMzIuMDgzbC0uMDk0LS4wODMtNi02LS4wODMtLjA5NC0uMDU0LS4wNzctLjA1NC0uMDk2LS4wMTctLjAzNi0uMDI3LS4wNjctLjAzMi0uMTA4LS4wMS0uMDUzLS4wMS0uMDYtLjAwNC0uMDU3di0uMTE4bC4wMDUtLjA1OC4wMDktLjA2LjAxLS4wNTIuMDMyLS4xMDguMDI3LS4wNjcuMDctLjEzMi4wNjUtLjA5LjA3My0uMDgxLjA5NC0uMDgzLjA3Ny0uMDU0LjA5Ni0uMDU0LjAzNi0uMDE3LjA2Ny0uMDI3LjEwOC0uMDMyLjA1My0uMDEuMDYtLjAxLjA1Ny0uMDA0eiIvPjwvc3ZnPg==");
+}
+
+.icon-download {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik00IDE3djJhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0ydi0yTTcgMTFsNSA1IDUtNU0xMiA0djEyIi8+PC9zdmc+");
+}
+
+.icon-error {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1leGNsYW1hdGlvbi1jaXJjbGUiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAxMm0tOSAwYTkgOSAwIDEgMCAxOCAwYTkgOSAwIDEgMCAtMTggMCIgLz48cGF0aCBkPSJNMTIgOXY0IiAvPjxwYXRoIGQ9Ik0xMiAxNnYuMDEiIC8+PC9zdmc+");
+}
+
+.icon-filter {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1maWx0ZXIiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00IDRoMTZ2Mi4xNzJhMiAyIDAgMCAxIC0uNTg2IDEuNDE0bC00LjQxNCA0LjQxNHY3bC02IDJ2LTguNWwtNC40OCAtNC45MjhhMiAyIDAgMCAxIC0uNTIgLTEuMzQ1di0yLjIyN3oiIC8+PC9zdmc+");
+}
+
+.icon-hamburger {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik00IDZoMTZNNCAxMmgxNk00IDE4aDE2Ii8+PC9zdmc+");
+}
+
+.icon-heart {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS41IDEyLjU3MiAxMiAyMGwtNy41LTcuNDI4QTUgNSAwIDEgMSAxMiA2LjAwNmE1IDUgMCAxIDEgNy41IDYuNTcyIi8+PC9zdmc+");
+}
+
+.icon-home {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik01IDEySDNsOS05IDkgOWgtMk01IDEydjdhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi03Ii8+PHBhdGggZD0iTTkgMjF2LTZhMiAyIDAgMCAxIDItMmgyYTIgMiAwIDAgMSAyIDJ2NiIvPjwvc3ZnPg==");
+}
+
+.icon-informative {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1pbmZvLWNpcmNsZSI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPjxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz48cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+PC9zdmc+");
+}
+
+.icon-lock-closed {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik01IDEzYTIgMiAwIDAgMSAyLTJoMTBhMiAyIDAgMCAxIDIgMnY2YTIgMiAwIDAgMS0yIDJIN2EyIDIgMCAwIDEtMi0yeiIvPjxwYXRoIGQ9Ik0xMSAxNmExIDEgMCAxIDAgMiAwIDEgMSAwIDAgMC0yIDBNOCAxMVY3YTQgNCAwIDEgMSA4IDB2NCIvPjwvc3ZnPg==");
+}
+
+.icon-on-off {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik03IDZhNy43NSA3Ljc1IDAgMSAwIDEwIDBNMTIgNHY4Ii8+PC9zdmc+");
+}
+
+.icon-outgoing {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xNyA3IDcgMTdNOCA3aDl2OSIvPjwvc3ZnPg==");
+}
+
+.icon-questionmark {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04IDhhMy41IDMgMCAwIDEgMy41LTNoMUEzLjUgMyAwIDAgMSAxNiA4YTMgMyAwIDAgMS0yIDMgMyA0IDAgMCAwLTIgNE0xMiAxOXYuMDEiLz48L3N2Zz4=");
+}
+
+.icon-reset {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0yMCAxMUE4LjEgOC4xIDAgMCAwIDQuNSA5TTQgNXY0aDRNNCAxM2E4LjEgOC4xIDAgMCAwIDE1LjUgMm0uNSA0di00aC00Ii8+PC9zdmc+");
+}
+
+.icon-search {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0zIDEwYTcgNyAwIDEgMCAxNCAwIDcgNyAwIDEgMC0xNCAwTTIxIDIxbC02LTYiLz48L3N2Zz4=");
+}
+
+.icon-smartphone {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik02IDVhMiAyIDAgMCAxIDItMmg4YTIgMiAwIDAgMSAyIDJ2MTRhMiAyIDAgMCAxLTIgMkg4YTIgMiAwIDAgMS0yLTJ6TTExIDRoMk0xMiAxN3YuMDEiLz48L3N2Zz4=");
+}
+
+.icon-sort {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMS4yOTMgMy4yOTNhMSAxIDAgMCAxIDEuNDE0IDBsNiA2YTEgMSAwIDAgMSAuMDczLjA4MmwuMDA2LjAwOC4wMTYuMDIyLjA0Mi4wNTkuMDA5LjAxNS4wMDcuMDEuMDE0LjAyNy4wMjQuMDQ0LjAwNy4wMTcuMDEuMDIuMDEyLjAzMi4wMTUuMDM0LjAwNy4wMjUuMDA4LjAyLjAwNS4wMjYuMDEyLjAzNy4wMDQuMDI4LjAwNi4wMjUuMDAzLjAyNi4wMDYuMDMzLjAwMi4wMy4wMDMuMDI4di4wMjZMMTkgMTBsLS4wMDIuMDMzdi4wMjZsLS4wMDMuMDI2LS4wMDIuMDMyLS4wMDUuMDI5LS4wMDQuMDMtLjAwNi4wMjQtLjAwNC4wMy0uMDEyLjAzNS0uMDA1LjAyNy0uMDA4LjAxOS0uMDA3LjAyNi0uMDE1LjAzMy0uMDEyLjAzNC0uMDEuMDE4LS4wMDcuMDE4LS4wMjQuMDQzLS4wMTQuMDI4LS4wMDcuMDA5LS4wMDkuMDE2LS4wNDIuMDU4LS4wMTIuMDE5LS4wMDQuMDAzLS4wMDYuMDFhMSAxIDAgMCAxLS4xNTUuMTU0bC0uMDA5LjAwNi0uMDIyLjAxNi0uMDU4LjA0Mi0uMDE2LjAwOS0uMDA5LjAwNy0uMDI4LjAxNC0uMDQzLjAyNC0uMDE4LjAwNy0uMDE4LjAxLS4wMzQuMDEyLS4wMzMuMDE1LS4wMjQuMDA2LS4wMjEuMDA5LS4wMjcuMDA1LS4wMzYuMDEyLS4wMjkuMDA0LS4wMjQuMDA2LS4wMjguMDAzLS4wMzEuMDA2LS4wMzIuMDAyLS4wMjYuMDAzaC0uMDI2TDE4IDExSDZjLS44OSAwLTEuMzM3LTEuMDc3LS43MDctMS43MDd6TTE4IDEzbC4wMzMuMDAyaC4wMjZsLjAyNi4wMDMuMDMyLjAwMi4wMzEuMDA2LjAyOC4wMDMuMDI0LjAwNi4wMy4wMDQuMDM1LjAxMi4wMjcuMDA1LjAxOS4wMDguMDI2LjAwNy4wMzMuMDE1LjAzNC4wMTIuMDE4LjAxLjAxOC4wMDcuMDQzLjAyNC4wMjguMDE0LjAwOS4wMDcuMDE2LjAwOS4wNTEuMDM3LjAyNi4wMTcuMDAzLjAwNC4wMS4wMDZhMSAxIDAgMCAxIC4xNTQuMTU1bC4wMDYuMDA5LjAxNS4wMi4wNDMuMDYuMDA5LjAxNi4wMDcuMDA5LjAxNC4wMjguMDI0LjA0My4wMDUuMDEzLjAxMi4wMjMuMDEyLjAzNC4wMTUuMDMzLjAwNy4wMjYuMDA4LjAyLjAwNS4wMjYuMDEyLjAzNi4wMDQuMDI5LjAwNi4wMjQuMDAzLjAyOC4wMDYuMDMxLjAwMi4wMzIuMDAzLjAyNnYuMDI2TDE5IDE0bC0uMDAyLjAzM3YuMDI2bC0uMDAzLjAyNi0uMDAyLjAzMi0uMDA2LjAzMS0uMDAzLjAyOC0uMDA2LjAyNC0uMDA0LjAzLS4wMTIuMDM1LS4wMDUuMDI3LS4wMDguMDE5LS4wMDcuMDI2LS4wMTUuMDMzLS4wMTIuMDM0LS4wMS4wMTgtLjAwNy4wMTgtLjAyNC4wNDMtLjAxNC4wMjgtLjAwNy4wMDktLjAwOS4wMTYtLjA0Mi4wNTgtLjAxMi4wMTktLjAwNC4wMDMtLjAwNi4wMS0uMDczLjA4MS02IDZhMSAxIDAgMCAxLTEuNDE0IDBsLTYtNkM0LjY2MyAxNC4wNzcgNS4xMDkgMTMgNiAxM3oiLz48L3N2Zz4=");
+}
+
+.icon-to-top {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAxMHYxME0xMiAxMGw0IDRNMTIgMTBsLTQgNE00IDRoMTYiLz48L3N2Zz4=");
+}
+
+.icon-trash {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik00IDdoMTZNMTAgMTF2Nk0xNCAxMXY2TTUgN2wxIDEyYTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0ybDEtMTJNOSA3VjRhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDAgMSAxIDF2MyIvPjwvc3ZnPg==");
+}
+
+.icon-user {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04IDdhNCA0IDAgMSAwIDggMCA0IDQgMCAwIDAtOCAwTTYgMjF2LTJhNCA0IDAgMCAxIDQtNGg0YTQgNCAwIDAgMSA0IDR2MiIvPjwvc3ZnPg==");
+}
+
+.icon-warning {
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1hbGVydC10cmlhbmdsZSI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDl2NCIgLz48cGF0aCBkPSJNMTAuMzYzIDMuNTkxbC04LjEwNiAxMy41MzRhMS45MTQgMS45MTQgMCAwIDAgMS42MzYgMi44NzFoMTYuMjE0YTEuOTE0IDEuOTE0IDAgMCAwIDEuNjM2IC0yLjg3bC04LjEwNiAtMTMuNTM2YTEuOTE0IDEuOTE0IDAgMCAwIC0zLjI3NCAweiIgLz48cGF0aCBkPSJNMTIgMTZoLjAxIiAvPjwvc3ZnPg==");
+}
+
+/* Image container */
+ul.images-square li > div, .images-square > div, .image-square > div {
+  width: 100%;
+  padding: 0; /* Resetting padding */
+  padding-bottom: 100%;
+  position: relative;
+}
+
+ul.images-square li > div img, .images-square > div img, .image-square > div img {
+  position: absolute;
+  object-fit: cover;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+}
+
+.image-square {
+  margin: 0;
+}
+/* Div with square images inside */
+/* List with square images */
+ul.images-square {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+ul.images-square li {
+  list-style: none;
+}
+/* Image container */
+ul.images-round li > div, .images-round > div, .image-round > div {
+  width: 100%;
+  padding: 0; /* Resetting padding */
+  padding-bottom: 100%;
+  position: relative;
+}
+
+ul.images-round li > div img, .images-round > div img, .image-round > div img {
+  position: absolute;
+  object-fit: cover;
+  padding: 0;
+  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+}
+
+.image-round {
+  margin: 0;
+}
+/* Div with round images inside */
+/* List with round images */
+ul.images-round {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+ul.images-round li {
+  list-style: none;
+}
+img.image-cover, .image-covers > div img,
+.image-covers li img, .image-cover img {
+  object-fit: cover;
+  width: 100%;
+  max-width: 100%;
+  padding: 0; /* Resetting padding */
+  height: 100%;
+}
+
+img.image-background, .image-background img {
+  object-fit: cover;
+  width: 100%;
+  max-width: 100%;
+  padding: 0; /* Resetting padding */
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+*:has(> .image-background) {
+  position: relative;
+  z-index: 0;
+}
+
+body > footer,
+.page-footer {
+  display: flex;
+  flex-direction: column;
+}
+body > footer > section,
+body > footer > article,
+body > footer > div,
+.page-footer > section,
+.page-footer > article,
+.page-footer > div {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  align-self: center;
+}
+
+body > footer,
+.page-footer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  align-self: center;
+  box-sizing: border-box;
+}
+body > footer > div,
+body > footer > article,
+body > footer > section,
+.page-footer > div,
+.page-footer > article,
+.page-footer > section {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+}
+body > footer > div div,
+body > footer > div article,
+body > footer > div section,
+body > footer > article div,
+body > footer > article article,
+body > footer > article section,
+body > footer > section div,
+body > footer > section article,
+body > footer > section section,
+.page-footer > div div,
+.page-footer > div article,
+.page-footer > div section,
+.page-footer > article div,
+.page-footer > article article,
+.page-footer > article section,
+.page-footer > section div,
+.page-footer > section article,
+.page-footer > section section {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+a {
+  display: inline-flex;
+  align-items: center;
+  color: #1971c2;
+}
+a span.icon {
+  width: 1rem;
+  height: 1rem;
+}
+a:hover {
+  color: #1864ab;
+}
+a:visited {
+  color: #6741d9;
+}
+a:visited:hover {
+  color: #5f3dc4;
+}
+
+ul,
+ol {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  box-sizing: border-box;
+}
+ul li,
+ol li {
+  box-sizing: border-box;
+  padding: 0.25rem 0;
+}
+
+/*
+ * Nested Lists, eg. ol in ul
+ */
+ol > li {
+  display: list-item;
+}
+
+.login-meta {
+  display: flex;
+  width: 100%;
+  max-width: unset;
+  flex-grow: 1;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body > header .logo,
+body > header a.logo,
+body > header a:visited.logo,
+body > header a:hover.logo,
+body > header a:active.logo,
+body > header a:focus.logo, .logo,
+a.logo,
+a:visited.logo,
+a:hover.logo,
+a:active.logo,
+a:focus.logo {
+  align-self: center;
+  background-color: transparent;
+  border: 0;
+  display: flex;
+  font-size: 0;
+  padding: 0;
+}
+body > header .logo img,
+body > header a:visited.logo img,
+body > header a:hover.logo img,
+body > header a:active.logo img,
+body > header a:focus.logo img, .logo img,
+a:visited.logo img,
+a:hover.logo img,
+a:active.logo img,
+a:focus.logo img {
+  box-sizing: border-box;
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+  width: 2rem;
+  min-width: 2rem;
+  max-width: 2rem;
+}
+
+nav a {
+  text-decoration: none;
+}
+nav ul {
+  display: flex;
+  padding: 0;
+  gap: 0.5rem;
+}
+nav ul li {
+  display: flex;
+  align-items: center;
+  list-style: none;
+}
+
+.nota-bene {
+  margin: 0;
+  font-size: 0.75rem;
+  color: #495057;
+}
+
+body > header nav > div,
+.page-header nav > div {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+main {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  gap: 4rem;
+  padding-top: 4rem;
+  padding-right: 4rem;
+  padding-bottom: 4rem;
+  padding-left: 4rem;
+}
+main > .content-wrapper {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+p,
+a,
+span,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  max-width: 50rem;
+}
+.message-counter {
+  display: inline-flex;
+  flex-grow: 0;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  box-sizing: initial;
+  margin: 0;
+}
+
+.notification-type {
+  align-items: center;
+  display: inline-flex;
+  font-weight: bold;
+  order: -1;
+  gap: 0.25rem;
+}
+
+.notification {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+}
+
+/* Icon */
+p.confirmation,
+span.confirmation,
+section.confirmation,
+div.confirmation {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+  background-color: #ebfbee;
+  color: #212529;
+  border-color: #37b24d;
+}
+p.confirmation::before,
+span.confirmation::before,
+section.confirmation::before,
+div.confirmation::before {
+  color: #37b24d;
+  background-color: #37b24d;
+}
+p.confirmation .icon,
+span.confirmation .icon,
+section.confirmation .icon,
+div.confirmation .icon {
+  color: inherit;
+  background-color: #37b24d;
+  color: #37b24d;
+}
+
+p.error,
+span.error,
+section.error,
+div.error {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+  background-color: #ffe3e3;
+  color: #212529;
+  border-color: #f03e3e;
+}
+p.error .icon,
+span.error .icon,
+section.error .icon,
+div.error .icon {
+  color: inherit;
+  background-color: #f03e3e;
+  color: #f03e3e;
+}
+
+p.explanation,
+span.explanation,
+section.explanation,
+div.explanation {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+  background-color: #e7f5ff;
+  color: #212529;
+  border-color: #1c7ed6;
+}
+p.explanation .icon,
+span.explanation .icon,
+section.explanation .icon,
+div.explanation .icon {
+  color: inherit;
+  background-color: #1c7ed6;
+  color: #1c7ed6;
+}
+
+p.system,
+span.system,
+section.system,
+div.system {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+  background-color: #e9ecef;
+  color: #212529;
+  border-color: #212529;
+}
+p.system .icon,
+span.system .icon,
+section.system .icon,
+div.system .icon {
+  color: inherit;
+  background-color: #212529;
+  color: #212529;
+}
+
+table td,
+table th,
+table tr {
+  align-items: center;
+}
+table td.error > div, table td.warning > div, table td.explanation > div, table td.confirmation > div, table td.system > div,
+table th.error > div,
+table th.warning > div,
+table th.explanation > div,
+table th.confirmation > div,
+table th.system > div,
+table tr.error > div,
+table tr.warning > div,
+table tr.explanation > div,
+table tr.confirmation > div,
+table tr.system > div {
+  gap: 0.25rem;
+}
+table td.error .notification-type, table td.warning .notification-type, table td.explanation .notification-type, table td.confirmation .notification-type, table td.system .notification-type,
+table th.error .notification-type,
+table th.warning .notification-type,
+table th.explanation .notification-type,
+table th.confirmation .notification-type,
+table th.system .notification-type,
+table tr.error .notification-type,
+table tr.warning .notification-type,
+table tr.explanation .notification-type,
+table tr.confirmation .notification-type,
+table tr.system .notification-type {
+  font-size: 0;
+}
+table td.error .icon,
+table th.error .icon,
+table tr.error .icon {
+  background-color: #f03e3e;
+}
+table td.warning .icon,
+table th.warning .icon,
+table tr.warning .icon {
+  background-color: #f08c00;
+}
+table td.confirmation .icon,
+table th.confirmation .icon,
+table tr.confirmation .icon {
+  background-color: #37b24d;
+}
+table td.explanation .icon,
+table th.explanation .icon,
+table tr.explanation .icon {
+  background-color: #1c7ed6;
+}
+table td.system .icon,
+table th.system .icon,
+table tr.system .icon {
+  background-color: #212529;
+}
+table tr {
+  filter: brightness(90%);
+}
+
+p.warning,
+span.warning,
+section.warning,
+div.warning {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  gap: 1rem;
+  border-radius: 0.5rem;
+  background-color: #fff9db;
+  color: #212529;
+  border-color: #f08c00;
+}
+p.warning .icon,
+span.warning .icon,
+section.warning .icon,
+div.warning .icon {
+  color: inherit;
+  background-color: #f08c00;
+  color: #f08c00;
+}
+
+p.notification, p.error, p.warning, p.confirmation, p.explanation, p.system,
+span.notification,
+span.error,
+span.warning,
+span.confirmation,
+span.explanation,
+span.system {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.block-notification .error,
+.block-notification .warning,
+.block-notification .confirmation,
+.block-notification .explanation,
+.block-notification .system {
+  display: flex;
+  margin: 0 auto;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+p {
+  margin: 0;
+  color: inherit;
+  max-width: 42rem;
+}
+
+ul.pagination li span[aria-current],
+.pagination ul li span[aria-current], ul.pagination li[aria-current],
+.pagination ul li[aria-current], ul.pagination li a[aria-current=page],
+.pagination ul li a[aria-current=page], ul.pagination li span[aria-current=page],
+.pagination ul li span[aria-current=page], ul.pagination li a[aria-current=true],
+.pagination ul li a[aria-current=true], ul.pagination li span[aria-current=true],
+.pagination ul li span[aria-current=true] {
+  color: #1971c2;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #1971c2;
+  font-weight: bold;
+}
+
+ul.pagination li a, nav.pagination ul li a,
+.pagination ul li a, ul.pagination li span, nav.pagination ul li span,
+.pagination ul li span {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  white-space: nowrap;
+  box-sizing: border-box;
+  background-color: #ffffff;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ffffff;
+  border-radius: 0.25rem;
+  text-decoration: none;
+}
+ul.pagination li a:hover,
+.pagination ul li a:hover, ul.pagination li span:hover,
+.pagination ul li span:hover {
+  background-color: #e7f5ff;
+  border-color: #e7f5ff;
+}
+ul.pagination li a::before, nav.pagination ul li a::before,
+.pagination ul li a::before, ul.pagination li span::before, nav.pagination ul li span::before,
+.pagination ul li span::before {
+  content: none;
+}
+
+/* Previous and next links */
+nav.pagination .adjacent,
+.pagination .adjacent, ul.pagination li a.adjacent,
+.pagination ul li a.adjacent {
+  font-size: 0;
+}
+.pagination .previous.adjacent {
+  display: inline-flex;
+}
+.pagination .previous.adjacent::before {
+  mask-size: contain;
+  content: "";
+  background-color: #1971c2;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xNSA2LTYgNiA2IDYiLz48L3N2Zz4=");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.pagination .next.adjacent {
+  display: inline-flex;
+}
+.pagination .next.adjacent::before {
+  mask-size: contain;
+  content: "";
+  background-color: #1971c2;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im05IDYgNiA2LTYgNiIvPjwvc3ZnPg==");
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+ul.pagination, nav.pagination ul,
+.pagination ul {
+  display: flex;
+  flex-direction: row;
+  padding: 0;
+  width: 100%;
+  overflow-x: auto;
+  justify-content: center;
+  gap: 0.25rem;
+}
+ul.pagination li, nav.pagination ul li,
+.pagination ul li {
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  box-sizing: border-box;
+  height: 2.5rem;
+  min-width: 2.5rem;
+}
+ul.pagination li::before, nav.pagination ul li::before,
+.pagination ul li::before {
+  content: none;
+}
+nav.pagination,
+.pagination {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.page-title {
+  width: 100%;
+  max-width: 60rem;
+  margin: 0 auto;
+}
+
+section {
+  width: 100%;
+  flex-direction: column;
+  min-width: 0;
+  align-items: flex-start;
+  margin: 0 auto;
+  display: flex;
+  justify-content: flex-start;
+  gap: 1.5rem;
+  max-width: 60rem;
+}
+section .content-wrapper {
+  align-items: flex-start;
+  flex-direction: column;
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  background-color: #ffffff;
+  gap: 2.5rem;
+  padding-top: 2rem;
+  padding-right: 2rem;
+  padding-bottom: 3rem;
+  padding-left: 2rem;
+  max-width: 60rem;
+  border-radius: 0.5rem;
+}
+
+body.sidemenu,
+main.sidemenu {
+  /* Places sidemenu next to the main content of the page */
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 0;
+}
+@media (width >= 24rem) {
+  body.sidemenu,
+  main.sidemenu {
+    flex-wrap: nowrap;
+  }
+}
+body.sidemenu,
+main.sidemenu {
+  /* main content of the page */
+}
+body.sidemenu > div,
+body.sidemenu > article,
+body.sidemenu > section,
+main.sidemenu > div,
+main.sidemenu > article,
+main.sidemenu > section {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+@media (width >= 24rem) {
+  body.sidemenu > div,
+  body.sidemenu > article,
+  body.sidemenu > section,
+  main.sidemenu > div,
+  main.sidemenu > article,
+  main.sidemenu > section {
+    padding-right: 2rem;
+    padding-left: 2rem;
+  }
+}
+body.sidemenu > nav,
+main.sidemenu > nav {
+  display: none;
+}
+@media (width >= 24rem) {
+  body.sidemenu > nav,
+  main.sidemenu > nav {
+    /* nav */
+    margin: 0;
+    display: block;
+    box-sizing: border-box;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding-top: 1rem;
+    padding-right: 2rem;
+    padding-bottom: 1rem;
+    padding-left: 2rem;
+    /* List */
+  }
+  body.sidemenu > nav .sticky-container,
+  main.sidemenu > nav .sticky-container {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    overflow: auto;
+    padding: 1rem 0;
+    /* Solves a bug in older safari versions where position sticky blocks overflow auto */
+    display: block;
+  }
+  body.sidemenu > nav button + ul,
+  main.sidemenu > nav button + ul {
+    /* Compensating for the reserved space for the icon.
+    Position sticky still reserves the space within the flow. */
+    margin-top: 0;
+  }
+  body.sidemenu > nav > ul li,
+  body.sidemenu > nav button + ul li,
+  main.sidemenu > nav > ul li,
+  main.sidemenu > nav button + ul li {
+    padding: 0.25rem 0;
+  }
+  body.sidemenu > nav,
+  main.sidemenu > nav {
+    /* Button */
+  }
+  body.sidemenu > nav .sidemenu-toggle,
+  main.sidemenu > nav .sidemenu-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: -webkit-sticky;
+    position: sticky;
+    gap: 0;
+    z-index: 2;
+    /* Needed to keep the button to stick to the top */
+    font-size: 0;
+    background-color: #ffffff;
+    padding: 0.5rem;
+    color: #1971c2;
+  }
+  body.sidemenu > nav .sidemenu-toggle::before,
+  main.sidemenu > nav .sidemenu-toggle::before {
+    mask-size: contain;
+    content: "";
+    background-color: #1971c2;
+    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOCA2IDYgMThNNiA2bDEyIDEyIi8+PC9zdmc+");
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  body.sidemenu > nav .sidemenu-toggle[aria-expanded=false],
+  main.sidemenu > nav .sidemenu-toggle[aria-expanded=false] {
+    margin-left: 2rem;
+  }
+  body.sidemenu > nav .sidemenu-toggle[aria-expanded=false]::before,
+  main.sidemenu > nav .sidemenu-toggle[aria-expanded=false]::before {
+    mask-size: contain;
+    content: "";
+    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik00IDZoMTZNNCAxMmgxNk00IDE4aDE2Ii8+PC9zdmc+");
+  }
+}
+@media (width >= 24rem) {
+  body.sidemenu.sidemenu-closed > nav,
+  main.sidemenu.sidemenu-closed > nav {
+    border: 0;
+    width: 0;
+    padding-left: 0;
+    padding-right: 0;
+  }
+  body.sidemenu.sidemenu-closed > nav > ul,
+  main.sidemenu.sidemenu-closed > nav > ul {
+    display: none;
+  }
+  body.sidemenu.sidemenu-closed > div,
+  main.sidemenu.sidemenu-closed > div {
+    max-width: 100%;
+  }
+}
+
+/* Use to set the width of the page content. */
+.page-content {
+  width: 100%;
+}
+
+a.slogan, .slogan {
+  color: #212529;
+  font-size: 1.25rem;
+  font-weight: bold;
+}
+
+a.slogan, .slogan a {
+  color: inherit;
+  text-decoration: none;
+}
+a.slogan:visited, .slogan a:visited {
+  color: inherit;
+}
+
+.tabs > ul li > *,
+manon-tabs > ul li > *, ul.tabs li > * {
+  white-space: nowrap;
+  display: inline-block;
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  color: #1971c2;
+  padding: 0.5rem 0;
+  text-decoration: none;
+}
+.tabs > ul li > :hover,
+manon-tabs > ul li > :hover, ul.tabs li > :hover {
+  color: #1864ab;
+}
+
+.tabs [aria-selected=true],
+manon-tabs [aria-selected=true], .tabs > ul li[aria-current=true] > *,
+manon-tabs > ul li[aria-current=true] > *, ul.tabs li[aria-current=true] > *, .tabs > ul li a[aria-current=page],
+manon-tabs > ul li a[aria-current=page], ul.tabs li a[aria-current=page] {
+  cursor: pointer;
+  border-width: 0 0 2px 0;
+  border-color: #1971c2;
+  font-weight: bold;
+}
+.tabs,
+manon-tabs {
+  overflow: hidden;
+  overflow-x: auto;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.tabs > ul,
+manon-tabs > ul, ul.tabs {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  padding-left: 0;
+  width: 100%;
+  gap: 1rem;
+}
+.tabs > ul li,
+manon-tabs > ul li, ul.tabs li {
+  list-style: none;
+  padding: 0;
+}
+.tabs *:focus,
+.tabs *.focus,
+manon-tabs *:focus,
+manon-tabs *.focus {
+  outline-offset: -2px;
+}
+
+manon-tabs [role=tabpanel][hidden] {
+  display: none;
+}
+
+table input[type=checkbox] {
+  padding: 0;
+}
+table input[type=checkbox] + label {
+  width: auto;
+  cursor: pointer;
+  margin-top: 0;
+}
+table th input[type=checkbox]:only-child,
+table td input[type=checkbox]:only-child {
+  margin: 0 auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  overflow: auto;
+  text-align: left;
+  margin: 0;
+}
+table thead th {
+  background-color: #f1f3f5;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #f1f3f5;
+  padding: 0.75rem 1rem;
+  text-align: left;
+}
+table thead a,
+table thead a:visited,
+table thead a:hover {
+  color: inherit;
+}
+table thead a::before,
+table thead a:visited::before,
+table thead a:hover::before {
+  color: inherit;
+}
+table td {
+  padding: 0.75rem 1rem;
+  gap: 0.25rem;
+}
+table tr {
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: #f1f3f5;
+  /* Zebra striping with opacity to keep background color. e.g for warnings or errors */
+}
+table {
+  /* Form within table */
+}
+table .sortable {
+  background-color: transparent;
+  padding: unset;
+  min-width: unset;
+  height: unset;
+  min-height: unset;
+  border: unset;
+  border-radius: unset;
+  margin: unset;
+  color: inherit;
+}
+table .sortable .icon {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+table.action-buttons button,
+table.action-buttons a.button,
+table.action-buttons input[type=button],
+table.action-buttons input[type=submit],
+table.action-buttons input[type=reset], table button.action-button,
+table a.button.action-button,
+table input[type=button].action-button,
+table input[type=submit].action-button,
+table input[type=reset].action-button {
+  /* Resetting button styling */
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-height: unset;
+  color: inherit;
+}
+table.action-buttons button::before,
+table.action-buttons a.button::before,
+table.action-buttons input[type=button]::before,
+table.action-buttons input[type=submit]::before,
+table.action-buttons input[type=reset]::before, table button.action-button::before,
+table a.button.action-button::before,
+table input[type=button].action-button::before,
+table input[type=submit].action-button::before,
+table input[type=reset].action-button::before {
+  color: inherit;
+}
+table.action-buttons button:hover,
+table.action-buttons a.button:hover,
+table.action-buttons input[type=button]:hover,
+table.action-buttons input[type=submit]:hover,
+table.action-buttons input[type=reset]:hover, table button.action-button:hover,
+table a.button.action-button:hover,
+table input[type=button].action-button:hover,
+table input[type=submit].action-button:hover,
+table input[type=reset].action-button:hover {
+  border: 0;
+}
+/* Style a specific button within a table */
+table {
+  /* Resetting form styling */
+}
+table form {
+  padding: 0;
+  background-color: transparent;
+}
+table {
+  /* Style all buttons within a parent */
+}
+table caption {
+  text-align: left;
+  padding: 1rem 0;
+}
+
+table.condensed {
+  font-size: 0.875rem;
+}
+table.condensed thead th {
+  padding: 0.25rem 1rem;
+}
+table.condensed td {
+  padding: 0.25rem 1rem;
+}
+table button.expando-button {
+  display: none;
+}
+table tr.expando-row {
+  display: table-layout;
+}
+table tr.expando-row td {
+  position: relative;
+}
+.js-expando-rows-loaded table button.expando-button {
+  display: inline-flex;
+}
+
+.expanded-row {
+  /* Zebra striping with opacity to keep background color. e.g for warnings or errors */
+}
+.number {
+  font-variant-numeric: monospace;
+  text-align: right;
+}
+
+table td[rowspan] {
+  border: 1px solid #f1f3f5;
+}
+
+.sticky-header {
+  position: relative;
+  max-height: 100vh;
+}
+.sticky-header thead {
+  position: relative;
+  z-index: 1;
+}
+.sticky-header th {
+  position: sticky;
+  top: -1px;
+}
+
+table.summary {
+  max-width: 30rem;
+}
+.horizontal-scroll.summary {
+  width: auto;
+  margin: 0;
+}
+
+.tags > p,
+.tags > span, table.tags td p,
+table.tags td span,
+table .tags td p,
+table .tags td span, ul.tags > li,
+.tag {
+  max-width: max-content;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.75;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  border-width: 1px;
+}
+.tags > p.plain,
+.tags > span.plain, table.tags td p.plain,
+table.tags td span.plain,
+table .tags td p.plain,
+table .tags td span.plain, ul.tags > li.plain, .tags > p.solid,
+.tags > span.solid, table.tags td p.solid,
+table.tags td span.solid,
+table .tags td p.solid,
+table .tags td span.solid, ul.tags > li.solid, .tags > p.dashed,
+.tags > span.dashed, table.tags td p.dashed,
+table.tags td span.dashed,
+table .tags td p.dashed,
+table .tags td span.dashed, ul.tags > li.dashed, .tags > p.dotted,
+.tags > span.dotted, table.tags td p.dotted,
+table.tags td span.dotted,
+table .tags td p.dotted,
+table .tags td span.dotted, ul.tags > li.dotted,
+.tag.plain,
+.tag.solid,
+.tag.dashed,
+.tag.dotted {
+  border-width: 1px;
+}
+.tags > p.plain,
+.tags > span.plain, table.tags td p.plain,
+table.tags td span.plain,
+table .tags td p.plain,
+table .tags td span.plain, ul.tags > li.plain,
+.tag.plain {
+  border-style: solid;
+  border-color: transparent;
+}
+.tags > p.solid,
+.tags > span.solid, table.tags td p.solid,
+table.tags td span.solid,
+table .tags td p.solid,
+table .tags td span.solid, ul.tags > li.solid,
+.tag.solid {
+  border-style: solid;
+}
+.tags > p.dashed,
+.tags > span.dashed, table.tags td p.dashed,
+table.tags td span.dashed,
+table .tags td p.dashed,
+table .tags td span.dashed, ul.tags > li.dashed,
+.tag.dashed {
+  border-style: dashed;
+}
+.tags > p.dotted,
+.tags > span.dotted, table.tags td p.dotted,
+table.tags td span.dotted,
+table .tags td p.dotted,
+table .tags td span.dotted, ul.tags > li.dotted,
+.tag.dotted {
+  border-style: dotted;
+}
+
+.tags {
+  /* render each div directly within a tags group as a tag */
+}
+ul.tags {
+  padding: 0;
+}
+ul.tags > li {
+  list-style: none;
+}
+
+.tags.horizontal {
+  flex-direction: row;
+  align-items: center;
+  justify-content: left;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  padding-top: 0.25rem;
+  padding-right: 0.5rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+}
+
+/* Color 1 */
+.tags-color-1 {
+  background-color: #eef8fe;
+  color: #006fb3;
+  border-color: #006fb3;
+}
+
+.tags-color-1-light {
+  background-color: #eef8fe;
+  color: #006fb3;
+  border-color: #006fb3;
+}
+
+.tags-color-1-medium {
+  background-color: #abdbf8;
+  color: #005c94;
+  border-color: #005c94;
+}
+
+.tags-color-1-dark {
+  background-color: #40adef;
+  color: #003e64;
+  border-color: #003e64;
+}
+
+/* Color 2 */
+.tags-color-2 {
+  background-color: #ebfaef;
+  color: #157b31;
+  border-color: #157b31;
+}
+
+.tags-color-2-light {
+  background-color: #ebfaef;
+  color: #157b31;
+  border-color: #157b31;
+}
+
+.tags-color-2-medium {
+  background-color: #94e6ab;
+  color: #116629;
+  border-color: #1b9d3f;
+}
+
+.tags-color-2-dark {
+  background-color: #20bd4c;
+  color: #134421;
+  border-color: #116629;
+}
+
+/* Color 3 */
+.tags-color-3 {
+  background-color: #fff7cf;
+  color: #7d6900;
+  border-color: #7d6900;
+}
+
+.tags-color-3-light {
+  background-color: #fff7cf;
+  color: #7d6900;
+  border-color: #7d6900;
+}
+
+.tags-color-3-medium {
+  background-color: #fecf48;
+  color: #685700;
+  border-color: #a08700;
+}
+
+.tags-color-3-dark {
+  background-color: #ddb900;
+  color: #584a00;
+  border-color: #685700;
+}
+
+/* Color 4 */
+.tags-color-4 {
+  background-color: #fff5ed;
+  color: #a75312;
+  border-color: #a75312;
+}
+
+.tags-color-4-light {
+  background-color: #fff5ed;
+  color: #a75312;
+  border-color: #a75312;
+}
+
+.tags-color-4-medium {
+  background-color: #ffcaa1;
+  color: #8b450f;
+  border-color: #d66a17;
+}
+
+.tags-color-4-dark {
+  background-color: #ffa865;
+  color: #5e2f0a;
+  border-color: #a75312;
+}
+
+/* Color 5 */
+.tags-color-5 {
+  background-color: #fff4f3;
+  color: #c3372c;
+  border-color: #ffa49d;
+}
+
+.tags-color-5-light {
+  background-color: #fff4f3;
+  color: #c3372c;
+  border-color: #ffa49d;
+}
+
+.tags-color-5-medium {
+  background-color: #ffc7c3;
+  color: #a22e25;
+  border-color: #f84638;
+}
+
+.tags-color-5-dark {
+  background-color: #ff7d73;
+  color: #6e1f19;
+  border-color: #a22e25;
+}
+
+/* Color 6 */
+.tags-color-6 {
+  background-color: #f7f6fc;
+  color: #6e5fae;
+  border-color: #bfb6e6;
+}
+
+.tags-color-6-light {
+  background-color: #f7f6fc;
+  color: #6e5fae;
+  border-color: #bfb6e6;
+}
+
+.tags-color-6-medium {
+  background-color: #d6d1ef;
+  color: #5b4f90;
+  border-color: #8c7cd2;
+}
+
+.tags-color-6-dark {
+  background-color: #a89cdd;
+  color: #3d3560;
+  border-color: #5b4f90;
+}
+
+.tile {
+  box-sizing: border-box;
+  align-items: flex-start;
+  background-color: #ffffff;
+  color: #212529;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #dee2e6;
+  border-radius: 0.5rem;
+}
+
+.tiles {
+  align-items: flex-start;
+  /* render each div, nav or section directly within a tiles group as a tile */
+}
+.tiles > div,
+.tiles > nav,
+.tiles > section {
+  box-sizing: border-box;
+  align-items: flex-start;
+  background-color: #ffffff;
+  color: #212529;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #dee2e6;
+  border-radius: 0.5rem;
+}
+
+ul.tiles {
+  padding-left: 0;
+}
+ul.tiles > li {
+  align-items: flex-start;
+  background-color: #ffffff;
+  color: #212529;
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #dee2e6;
+  border-radius: 0.5rem;
+}
+ul.tiles > li > a {
+  text-decoration: none;
+}
+
+ul.tiles > li > div, .tiles > div > div,
+ul.tiles > li > section,
+.tiles > div > section,
+.tile > div,
+.tile > section {
+  display: flex;
+  gap: 1rem;
+}
+
+.tiles {
+  /* render each div directly within a tiles group as a tile */
+}
+.tiles.image-covers > div img,
+.tiles.image-covers li img, .tile.image-cover img {
+  object-fit: cover;
+  max-width: unset;
+  width: 100%;
+  border-radius: 0.5rem 0.5rem 0 0;
+  margin-bottom: 1rem;
+  width: calc(100% + 1rem + 1rem);
+  margin-top: -1rem;
+  margin-right: -1rem;
+  margin-left: -1rem;
+}
+
+.tile.image-cover img {
+  height: unset;
+}
+
+.tiles.image-covers > div img,
+.tiles.image-covers li img {
+  height: unset;
+}
+
+.skip-to-content,
+a.button.skip-to-content {
+  /* Visually removing the objects height. Without removing the object
+  from the flow. */
+  display: block;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  max-width: 100%;
+  font-size: 0;
+}
+.skip-to-content:focus,
+a.button.skip-to-content:focus {
+  position: static;
+  display: flex;
+  height: auto;
+  padding: 0.5rem;
+  margin: 0 1rem 0 0;
+  align-self: center;
+  order: 1;
+  font-size: inherit;
+  text-align: center;
+}
+form div.radio {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+form div.radio > div {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+form div.radio p.error,
+form div.radio p.warning,
+form div.radio p.confirmation,
+form div.radio p.explanation,
+form div.radio p.primary {
+  margin: 0;
+}
+form div.radio input[type=radio] {
+  padding: 0;
+  cursor: pointer;
+  margin-left: 0;
+  margin-right: 0;
+  height: 1rem;
+  accent-color: #1971c2;
+  width: 1rem;
+  min-width: 1rem;
+}
+form div.radio input[type=radio] + label {
+  width: auto;
+  margin-top: 0;
+  font-weight: normal;
+  cursor: pointer;
+}
+form div.radio input[type=radio] + label:focus {
+  outline: 2px solid #1971c2;
+}
+form div.radio input[type=radio]:disabled {
+  cursor: not-allowed;
+}
+form div.radio input[type=radio]:disabled + label {
+  cursor: not-allowed;
+}
+form div.radio.required {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+form div.radio.required > div {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.centered {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+.centered > div,
+.centered > section,
+.centered > article {
+  width: auto;
+}
+
+.column-2,
+.column-3,
+.column-4 {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 2.5rem;
+  width: 100%;
+  box-sizing: border-box;
+}
+.column-2 > *,
+.column-3 > *,
+.column-4 > * {
+  width: 100%;
+  box-sizing: border-box;
+}
+.column-2 img,
+.column-3 img,
+.column-4 img {
+  max-width: 100%;
+}
+
+@media (width >= 42rem) {
+  .column-2,
+  .column-3,
+  .column-4 {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (width >= 60rem) {
+  .column-3,
+  .column-4 {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+@media (width >= 70rem) {
+  .column-4 {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+  }
+}
+.container-s,
+.container-m,
+.container-l {
+  width: 100%;
+  box-sizing: border-box;
+  margin: 0 auto;
+}
+
+.container-s {
+  max-width: 40rem;
+}
+
+.container-m {
+  max-width: 50rem;
+}
+
+.container-l {
+  max-width: 80rem;
+}
+
+*.focus-only,
+*.button.focus-only {
+  transform: scale(1, 1);
+  font-size: inherit;
+  padding: inherit;
+}
+*.focus-only:not(:focus),
+*.button.focus-only:not(:focus) {
+  transform: scale(1, 0);
+  font-size: 0;
+  padding: 0;
+  min-height: 0;
+  min-width: 0;
+  border: 0;
+}
+
+.visually-hidden {
+  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
+  white-space: nowrap;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  border: 0 !important;
+  padding: 0 !important;
+  position: absolute !important;
+}
+
+.horizontal-group > div, .horizontal {
+  display: flex;
+  /* Preventing specificity issues */
+  flex-direction: row !important;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+@media (width >= 50rem) {
+  .horizontal-group > div, .horizontal {
+    flex-wrap: nowrap;
+  }
+}
+
+.horizontal-scroll {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+*[hidden],
+.hidden {
+  display: none !important; /* !important added to solve/prevent any specificity issues. */
+}
+
+table tr.nowrap, table th.nowrap, table td.nowrap, table tfoot.nowrap th,
+table tfoot.nowrap td, table tbody.nowrap th,
+table tbody.nowrap td, table thead.nowrap th, table.nowrap th,
+table.nowrap td,
+.nowrap {
+  white-space: nowrap;
+}
+table tr.nowrap a, table th.nowrap a, table td.nowrap a, table tfoot.nowrap th a,
+table tfoot.nowrap td a, table tbody.nowrap th a,
+table tbody.nowrap td a, table thead.nowrap th a, table.nowrap th a,
+table.nowrap td a,
+.nowrap a {
+  white-space: nowrap;
+}
+
+.one-third-two-thirds {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  width: 100%;
+  box-sizing: border-box;
+  gap: 2.5rem;
+}
+.one-third-two-thirds > * {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+.one-third-two-thirds img {
+  max-width: 100%;
+}
+.one-third-two-thirds > section,
+.one-third-two-thirds > article,
+.one-third-two-thirds > div {
+  padding: 0;
+}
+@media (width >= 42rem) {
+  .one-third-two-thirds {
+    gap: 2.5rem;
+  }
+  .one-third-two-thirds > * {
+    width: calc(66.66% - 1.25rem);
+  }
+  .one-third-two-thirds > *:nth-child(odd) {
+    width: calc(33.33% - 1.25rem);
+  }
+}
+
+.overlay::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  top: 0;
+  left: 0;
+  opacity: 0.35;
+  z-index: -1;
+}
+.overlay ~ .image-background {
+  z-index: -2;
+}
+
+*:has(> .overlay) {
+  position: relative;
+  z-index: 0;
+  color: #fff;
+}
+
+.two-thirds-one-third {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: 2.5rem;
+  width: 100%;
+}
+.two-thirds-one-third > * {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+.two-thirds-one-third img {
+  max-width: 100%;
+}
+.two-thirds-one-third > section,
+.two-thirds-one-third > article,
+.two-thirds-one-third > div {
+  padding: 0;
+}
+@media (width >= 42rem) {
+  .two-thirds-one-third {
+    gap: 2.5rem;
+  }
+  .two-thirds-one-third > * {
+    width: calc(33.33% - 1.25rem);
+  }
+  .two-thirds-one-third > *:nth-child(odd) {
+    width: calc(66.66% - 1.25rem);
+  }
+}
+
+.background-color-offset {
+  background-color: #f1f3f5;
+}
+
+.background-color-offset-1 {
+  background-color: #f0f0f0;
+}