.mds-main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--spacer-default, 1rem);
  align-items: center;
}
.mds-main-navigation li {
  margin: 0;
}
.mds-main-navigation a,
.mds-main-navigation button {
  display: inline-block;
  padding: var(--spacer-half, 0.5rem) var(--spacer-default, 1rem);
  text-decoration: none;
  color: var(--color-body, #333);
  font-size: var(--font-text--size, 1rem);
  font-weight: 500;
  transition: color 0.2s, background-color 0.2s;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
  border: none;
}
.mds-main-navigation a:hover,
.mds-main-navigation button:hover {
  color: var(--color-medi-magenta-100, #6a1b49);
  background-color: var(--color-medi-light-grey-25, #f5f5f5);
}
.mds-main-navigation a[aria-current=page],
.mds-main-navigation button[aria-current=page] {
  color: var(--color-medi-magenta-100, #6a1b49);
  font-weight: 700;
  background-color: var(--color-medi-light-grey-25, #f5f5f5);
}.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  font-size: 1.125rem;
}

.app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.app .app-main {
  flex: 1;
  overflow-y: auto;
}
.app .mds-main-navigation,
.app footer {
  flex-shrink: 0;
}

.auth-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  gap: 1rem;
}
.auth-container .auth-title {
  font-size: 1.5rem;
  font-weight: bold;
}
.auth-container .auth-message {
  font-size: 1rem;
}

.app-footer .mds-g-wrap {
  padding-top: 10px !important;
}

.mds-m-alert-no-margin {
  margin: 0 !important;
}

.mds-m-alert-as-hint {
  margin: 0 !important;
  opacity: 1 !important;
}/* Base styles and resets */
:root {
  --spacer: 1rem;
  --spacer-quarter: calc(var(--spacer) * .25);
  --spacer-half: calc(var(--spacer) * .5);
  --spacer-three-quarter: calc(var(--spacer) * .75);
  --spacer-single: var(--spacer);
  --spacer-bigger: calc(var(--spacer) * 1.5);
  --spacer-double: calc(var(--spacer) * 2);
  --spacer-two-and-half: calc(var(--spacer) * 2.5);
  --spacer-triple: calc(var(--spacer) * 3);
  --spacer-three-and-half: calc(var(--spacer) * 3.5);
  --spacer-quad: calc(var(--spacer) * 4);
  --spacer-four-and-half: calc(var(--spacer) * 4.5);
  --spacer-fivetimes: calc(var(--spacer) * 5);
  --spacer-sixtimes: calc(var(--spacer) * 6);
  --spacer-six-and-half: calc(var(--spacer) * 6.5);
  --spacer-seventimes: calc(var(--spacer) * 7);
  --stage-xl-max-width: 1120px;
  --stage-xxl-max-width: 1156px;
}
:root {
  --color-medi-magenta-50: #FF7EC0;
  --color-medi-magenta-100: #E20074;
  --color-medi-magenta-150: #C70066;
  --color-black-100: #000000;
  --color-black-75: #333333;
  --color-black-50: #767676;
  --color-black-25: #BFBFBF;
  --color-white-negative: #FFF;
  --color-medi-anthracite-50: #ADB2B6;
  --color-medi-anthracite-100: #333F48;
  --color-medi-anthracite-150: #1F272D;
  --color-medi-blue-50: #80B7CC;
  --color-medi-blue-100: #01709A;
  --color-medi-blue-150: #00507B;
  --color-medi-bordeaux-50: #B78492;
  --color-medi-bordeaux-100: #700926;
  --color-medi-bordeaux-150: #5A0416;
  --color-medi-bright-orange-50: #F6C57F;
  --color-medi-bright-orange-100: #ED8B00;
  --color-medi-bright-orange-150: #E46B00;
  --color-medi-bright-red-50: #F18099;
  --color-medi-bright-red-100: #E40134;
  --color-medi-bright-red-150: #B3001A;
  --color-medi-clear-bordeaux-50: #C67FA5;
  --color-medi-clear-bordeaux-100: #8D004C;
  --color-medi-clear-bordeaux-150: #70133D;
  --color-medi-clear-green-50: #C6D186;
  --color-medi-clear-green-100: #8EA40D;
  --color-medi-clear-green-150: #6E8607;
  --color-medi-clear-light-blue-50: #BFE3F1;
  --color-medi-clear-light-blue-100: #80C8E4;
  --color-medi-clear-light-blue-150: #60B2D8;
  --color-medi-cold-beige-50: #E5E3E3;
  --color-medi-cold-beige-100: #CBC8C7;
  --color-medi-cold-beige-150: #B3ADAB;
  --color-medi-cool-beige-50: #F4F2EF;
  --color-medi-cool-beige-100: #D4CCBD;
  --color-medi-cool-beige-150: #BFB29C;
  --color-medi-dark-blue-50: #8A9EC0;
  --color-medi-dark-blue-100: #163D82;
  --color-medi-dark-blue-150: #0C2662;
  --color-medi-dark-green-50: #93B396;
  --color-medi-dark-green-100: #27682E;
  --color-medi-dark-green-150: #16491B;
  --color-medi-grey-50: #B6C2CE;
  --color-medi-grey-100: #48586A;
  --color-medi-grey-150: #354E60;
  --color-medi-light-grey-25: #E9EDF0;
  --color-medi-light-grey-50: #D7DEE2;
  --color-medi-light-grey-100: #AEBCC5;
  --color-medi-light-grey-150: #84949E;
  --color-medi-medium-red-50: #AE8999;
  --color-medi-medium-red-100: #5D1333;
  --color-medi-medium-red-150: #3F0A1E;
  --color-medi-turquoise-50: #7FC5C9;
  --color-medi-turquoise-100: #008B93;
  --color-medi-turquoise-150: #006B74;
  --color-medi-warm-beige-50: #E6D4CA;
  --color-medi-warm-beige-100: #CEAA95;
  --color-medi-warm-beige-150: #B17E64;
  --color-signal-blue-50: #DCEEFF;
  --color-signal-blue-100: #0768CF;
  --color-signal-green-50: #DBF6CB;
  --color-signal-green-100: #1E7B46;
  --color-signal-red-50: #FEE2E3;
  --color-signal-red-100: #C32929;
  --color-signal-yellow-50: #FFE6CC;
  --color-signal-yellow-100: #995900;
  --color-trend-lilac-50: #A7AAC4;
  --color-trend-lilac-100: #757BB0;
  --color-trend-lilac-150: #4D5497;
  --color-trend-sage-green-50: #A8B3AE;
  --color-trend-sage-green-100: #788D82;
  --color-trend-sage-green-150: #3F6652;
  --color-trend-russet-red-50: #C28782;
  --color-trend-russet-red-100: #AB3C2B;
  --color-trend-russet-red-150: #7F352A;
  --color-trend-light-blue-50: #A3B8CB;
  --color-trend-light-blue-100: #688DAF;
  --color-trend-light-blue-150: #40698E;
  --color-stocking-sand: #D7B896;
  --color-stocking-cashmere: #BC9A79;
  --color-stocking-caramel: #9D826C;
  --color-stocking-beige: #957453;
  --color-stocking-brown: #3A2828;
  --color-stocking-anthracite: #282934;
  --color-stocking-marine: #191F36;
  --color-stocking-black: #191F36;
  --color-stocking-grey: #78757D;
  --color-brace-silver: #2E3846;
  --color-campaign-emotion-yellow-50: #D7C16D;
  --color-campaign-emotion-yellow-100: #D6B900;
  --color-campaign-emotion-yellow-150: #ACA500;
  --color-campaign-emotion-grey-50: #B3B3B3;
  --color-campaign-emotion-grey-100: #6F6F6E;
  --color-campaign-emotion-grey-150: #373737;
  --color-campaign-emotion-black-50: #333;
  --color-campaign-emotion-black-100: #000;
  --color-cep-green-50: #DEE28E;
  --color-cep-green-100: #CCD500;
  --color-cep-green-150: #808600;
  --color-black-transparency-50: rgba(0, 0, 0, 0.5);
  --color-black-transparency-70: rgba(0, 0, 0, 0.7);
  --color-white-transparency-80: rgba(255, 255, 255, 0.8);
  --color-body: var(--color-medi-grey-100);
  --color-focus-visible: #5E9ED6;
}
:root {
  --font-h1--size: 2.25rem;
  --font-h1--height: 2.5rem;
  --font-h1--top-margin: 3rem;
  --font-h1--bottom-margin: 2rem;
  --font-h2--size: 2rem;
  --font-h2--height: 2.5rem;
  --font-h2--top-margin: 2.5rem;
  --font-h2--bottom-margin: 1.5rem;
  --font-h3--size: 1.75rem;
  --font-h3--height: 2rem;
  --font-h3--top-margin: 2rem;
  --font-h3--bottom-margin: 1rem;
  --font-h4--size: 1.5rem;
  --font-h4--height: 2rem;
  --font-h4--top-margin: 1.5rem;
  --font-h4--bottom-margin: 1rem;
  --font-h5--size: 1.25rem;
  --font-h5--height: 1.5rem;
  --font-h5--top-margin: 1rem;
  --font-h5--bottom-margin: 0.5rem;
  --font-h6--size: 1rem;
  --font-h6--height: 1.5rem;
  --font-h6--top-margin: 1rem;
  --font-h6--bottom-margin: 0.5rem;
  --font-lead--size: var(--font-h5--size);
  --font-lead--height: var(--font-h5--height);
  --font-lead--top-margin: 2rem;
  --font-lead--bottom-margin: 1.5rem;
  --font-text--size: var(--font-h6--size);
  --font-text--height: var(--font-h6--height);
  --font-text--top-margin: 0.5rem;
  --font-text--bottom-margin: 1.5rem;
  --font-middle--size: 0.875rem;
  --font-middle--height: 1.25rem;
  --font-small--size: 0.75rem;
  --font-small--height: 1rem;
  --font-small--top-margin: 1rem;
  --font-small--bottom-margin: 1rem;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Lt-DPwmzzE9.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Rg-ClBo4elN.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Me-EEX_3QZs.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Sb-D5u9QmW1.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Sb-D5u9QmW1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-LtIt-bAjkqzP0.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-It-BZxSDXSI.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-MeIt-SpxBCA4v.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-SbIt-BgpY2ICn.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-SbIt-BgpY2ICn.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html:has(body[inert]), html:has(dialog[open]) {
  overflow: hidden;
  scrollbar-gutter: stable;
}
html:has(body[inert]) body, html:has(dialog[open]) body {
  min-height: 100vh;
}
html body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Skolar Sans PE", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-body);
}
html body ~ svg {
  height: 0 !important;
  width: 0 !important;
  position: absolute;
  z-index: -5;
}
html #mds-button-scroll-to-top {
  position: fixed;
  right: var(--spacer-single);
  bottom: var(--spacer-single);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s;
}
html #mds-button-scroll-to-top.is-visible {
  opacity: 1;
}
:root {
  --mds-breakpoint-xs: 0;
  --mds-breakpoint-sm: 576px;
  --mds-breakpoint-md: 768px;
  --mds-breakpoint-lg: 992px;
  --mds-breakpoint-xl: 1200px;
  --mds-breakpoint-xxl: 1600px;
}
html:focus-visible {
  outline-color: var(--color-focus-visible);
}
html p {
  font-size: var(--font-text--size);
  line-height: var(--font-text--height);
  font-weight: 400;
  margin-top: var(--font-text--top-margin);
  margin-bottom: var(--font-text--bottom-margin);
  word-break: break-word;
}
html lead {
  display: block;
  font-size: var(--font-lead--size);
  line-height: var(--font-lead--height);
  margin-top: var(--font-lead--top-margin);
  margin-bottom: var(--font-lead--bottom-margin);
}
html small {
  font-size: var(--font-small--size);
  line-height: var(--font-small--height);
  margin-top: var(--font-small--top-margin);
  margin-bottom: var(--font-small--bottom-margin);
  font-weight: 600;
}
html a {
  color: currentColor;
  text-decoration: underline;
}
html a:hover, html a:focus {
  text-decoration: none;
}
html mark {
  background-color: color-mix(in srgb, var(--color-medi-magenta-50) 60%, transparent);
  font-weight: 600;
}
html sub, html sup {
  line-height: 0;
}
html ul, html ol {
  font-size: var(--font-text--size);
  line-height: var(--font-text--height);
  padding-left: var(--spacer-bigger);
  margin: var(--spacer-single) 0;
}
html ul li, html ol li {
  margin-bottom: var(--spacer-half);
}
html ul li:last-child, html ol li:last-child {
  margin-bottom: 0;
}
html ul li ul, html ul li ol, html ol li ul, html ol li ol {
  margin: var(--spacer-half) 0 0;
  padding-left: calc(var(--spacer-single) * 1.2);
}
html ul li ul, html ol li ul {
  list-style-type: disc;
}
html ul li ol, html ol li ol {
  list-style-type: lower-alpha;
}
html ul.with-checkmarks {
  padding-left: 0;
}
html ul.with-checkmarks li {
  list-style-type: none;
  padding-left: calc(var(--spacer-bigger));
  line-height: var(--spacer-bigger);
  margin: 0 0 var(--spacer-half);
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M25.7924 9.20764C26.0692 9.48448 26.0692 9.93994 25.7924 10.2168L13.6468 22.3624C13.3699 22.6392 12.9145 22.6392 12.6376 22.3624L6.20764 15.9324C5.93079 15.6555 5.93079 15.2 6.20764 14.9232C6.48448 14.6463 6.93994 14.6463 7.21679 14.9232L13.1422 20.8486L24.7832 9.20764C25.0601 8.93079 25.5155 8.93079 25.7924 9.20764Z' fill='%236E8607'/></svg>");
  background-repeat: no-repeat;
}
html blockquote {
  margin-left: 0;
  padding: 0 0 0 var(--spacer-double);
  background-position: top left;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M26 18.2857C26 21.0491 23.7634 23.2857 21 23.2857H19.5714C19.1786 23.2857 18.8571 22.9643 18.8571 22.5714C18.8571 22.1786 19.1786 21.8571 19.5714 21.8571H21C22.9732 21.8571 24.5714 20.2589 24.5714 18.2857V17.1875C24.1518 17.4286 23.6652 17.5714 23.1429 17.5714H20.2857C18.7098 17.5714 17.4286 16.2902 17.4286 14.7143V11.8571C17.4286 10.2812 18.7098 9 20.2857 9H23.1429C24.7188 9 26 10.2812 26 11.8571V13.2857V14.7143V18.2857ZM14.5714 18.2857C14.5714 21.0491 12.3348 23.2857 9.57143 23.2857H8.14286C7.75 23.2857 7.42857 22.9643 7.42857 22.5714C7.42857 22.1786 7.75 21.8571 8.14286 21.8571H9.57143C11.5446 21.8571 13.1429 20.2589 13.1429 18.2857V17.1875C12.7232 17.4286 12.2366 17.5714 11.7143 17.5714H8.85714C7.28125 17.5714 6 16.2902 6 14.7143V11.8571C6 10.2812 7.28125 9 8.85714 9H11.7143C13.2902 9 14.5714 10.2812 14.5714 11.8571V13.2857V14.7143V18.2857Z' fill='%2348586A'/></svg>");
  background-repeat: no-repeat;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  html blockquote {
    font-size: 1.25rem;
  }
}
html blockquote strong, html blockquote b {
  display: block;
  font-size: 1rem;
  margin-top: var(--spacer-single);
  font-weight: 400;
}
[data-variant=medi-grey-100] blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M26 18.2857C26 21.0491 23.7634 23.2857 21 23.2857H19.5714C19.1786 23.2857 18.8571 22.9643 18.8571 22.5714C18.8571 22.1786 19.1786 21.8571 19.5714 21.8571H21C22.9732 21.8571 24.5714 20.2589 24.5714 18.2857V17.1875C24.1518 17.4286 23.6652 17.5714 23.1429 17.5714H20.2857C18.7098 17.5714 17.4286 16.2902 17.4286 14.7143V11.8571C17.4286 10.2812 18.7098 9 20.2857 9H23.1429C24.7188 9 26 10.2812 26 11.8571V13.2857V14.7143V18.2857ZM14.5714 18.2857C14.5714 21.0491 12.3348 23.2857 9.57143 23.2857H8.14286C7.75 23.2857 7.42857 22.9643 7.42857 22.5714C7.42857 22.1786 7.75 21.8571 8.14286 21.8571H9.57143C11.5446 21.8571 13.1429 20.2589 13.1429 18.2857V17.1875C12.7232 17.4286 12.2366 17.5714 11.7143 17.5714H8.85714C7.28125 17.5714 6 16.2902 6 14.7143V11.8571C6 10.2812 7.28125 9 8.85714 9H11.7143C13.2902 9 14.5714 10.2812 14.5714 11.8571V13.2857V14.7143V18.2857Z' fill='%23fff'/></svg>");
}
html q {
  display: block;
  font-size: var(--font-lead--size);
  line-height: var(--font-lead--height);
  font-weight: 600;
  margin-bottom: var(--spacer-bigger);
  border-left: 4px solid var(--color-medi-magenta-100);
  padding: var(--spacer-half) 0 var(--spacer-half) calc(var(--spacer-double) - 4px);
}
html q:before, html q:after {
  content: "";
}
label {
  position: relative;
  line-height: 0.875rem;
  font-size: var(--font-middle--size);
  font-weight: 600;
  display: inline-block;
}
label[for] {
  cursor: pointer;
}
label + input {
  margin-top: var(--spacer-quarter);
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  font-family: inherit;
  font-size: inherit;
  color: var(--color-medi-grey-100);
  height: 42px;
  line-height: 24px;
  padding: var(--spacer-half) var(--spacer-single);
  width: 100%;
}
textarea::placeholder,
input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder,
input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder {
  color: var(--color-medi-light-grey-100);
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  border: 1px solid var(--color-medi-grey-50);
}
textarea:invalid,
input[type=date]:invalid, input[type=datetime-local]:invalid, input[type=email]:invalid, input[type=month]:invalid, input[type=number]:invalid,
input[type=password]:invalid, input[type=search]:invalid, input[type=tel]:invalid, input[type=text]:invalid, input[type=time]:invalid, input[type=url]:invalid, input[type=week]:invalid {
  border-color: var(--color-signal-red-100);
}
textarea:invalid:not(:focus),
input[type=date]:invalid:not(:focus), input[type=datetime-local]:invalid:not(:focus), input[type=email]:invalid:not(:focus), input[type=month]:invalid:not(:focus), input[type=number]:invalid:not(:focus),
input[type=password]:invalid:not(:focus), input[type=search]:invalid:not(:focus), input[type=tel]:invalid:not(:focus), input[type=text]:invalid:not(:focus), input[type=time]:invalid:not(:focus), input[type=url]:invalid:not(:focus), input[type=week]:invalid:not(:focus) {
  box-shadow: none;
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  background: var(--color-white-negative);
  display: inline-block;
  vertical-align: bottom;
}
textarea:focus-visible,
input[type=date]:focus-visible, input[type=datetime-local]:focus-visible, input[type=email]:focus-visible, input[type=month]:focus-visible, input[type=number]:focus-visible,
input[type=password]:focus-visible, input[type=search]:focus-visible, input[type=tel]:focus-visible, input[type=text]:focus-visible, input[type=time]:focus-visible, input[type=url]:focus-visible, input[type=week]:focus-visible {
  outline-color: var(--color-focus-visible);
}
textarea:focus-visible:invalid,
input[type=date]:focus-visible:invalid, input[type=datetime-local]:focus-visible:invalid, input[type=email]:focus-visible:invalid, input[type=month]:focus-visible:invalid, input[type=number]:focus-visible:invalid,
input[type=password]:focus-visible:invalid, input[type=search]:focus-visible:invalid, input[type=tel]:focus-visible:invalid, input[type=text]:focus-visible:invalid, input[type=time]:focus-visible:invalid, input[type=url]:focus-visible:invalid, input[type=week]:focus-visible:invalid {
  outline-color: var(--color-signal-red-100);
}
input[data-type=mds-password] {
  padding-right: 42px;
}
input[data-type=mds-password] + .password-toggle-icon {
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 -43px;
  cursor: pointer;
}
input[data-type=mds-password] + .password-toggle-icon:hover {
  opacity: 0.9;
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator {
  display: block;
  margin-top: var(--spacer-quarter);
  height: var(--spacer-half);
  background-color: var(--color-black-25);
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator:after {
  content: "";
  display: block;
  height: 100%;
  width: 33%;
  transition: width 0.3s;
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
input[data-type=mds-password]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  background-color: var(--color-signal-red-100);
}
input[data-type=mds-password][data-password-strength=middle]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  width: 66%;
  background-color: var(--color-signal-yellow-100);
}
input[data-type=mds-password][data-password-strength=strong]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  width: 100%;
  background-color: var(--color-signal-green-100);
}
label + input[data-type=mds-password] + .password-toggle-icon {
  margin-top: 9px;
}
input[type=radio],
input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin: 4.5px;
  vertical-align: top;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  filter: hue-rotate(8deg) brightness(0.81) saturate(0.17);
}
input[type=radio] + label,
input[type=checkbox] + label {
  line-height: 24px;
  margin-left: var(--spacer-half);
  padding-right: var(--spacer-half);
  display: inline-block;
  max-width: calc(100% - 36px);
}
input[type=radio] + label + input[type=checkbox],
input[type=radio] + label + input[type=radio],
input[type=checkbox] + label + input[type=checkbox],
input[type=checkbox] + label + input[type=radio] {
  margin-left: var(--spacer-bigger);
}
input[type=radio] + label,
input[type=checkbox] + label {
  position: relative;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before {
  display: block;
  width: calc(100% + 34px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  z-index: -1;
  left: -34px;
  top: -4px;
  border: 1px solid transparent;
}
input[type=radio] + label + .mds-m-alert,
input[type=checkbox] + label + .mds-m-alert {
  margin-top: var(--spacer-half);
}
input[type=radio] + label + br + input[type=checkbox],
input[type=radio] + label + br + input[type=radio],
input[type=checkbox] + label + br + input[type=checkbox],
input[type=checkbox] + label + br + input[type=radio] {
  margin-top: 12.5px;
}
input[type=radio] + label + br + input[type=checkbox] + label,
input[type=radio] + label + br + input[type=radio] + label,
input[type=checkbox] + label + br + input[type=checkbox] + label,
input[type=checkbox] + label + br + input[type=radio] + label {
  margin-top: 8px;
}
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}
input[type=radio]:focus + label:before,
input[type=checkbox]:focus + label:before {
  outline: 1px auto var(--color-focus-visible);
}
input[type=radio]:focus:required:invalid + label:before,
input[type=checkbox]:focus:required:invalid + label:before {
  border-color: transparent;
  outline-color: var(--color-signal-red-100);
}
:root {
  --checkbox-switch-size: 32px;
}
input[type=checkbox][data-variant=switch] {
  --checkbox-switch-width: calc(var(--checkbox-switch-size) * 52 / 32);
  appearance: none;
  margin: 0;
  vertical-align: middle;
  width: var(--checkbox-switch-width);
  height: var(--checkbox-switch-size);
  border-radius: calc(var(--checkbox-switch-size) / 2);
  background-color: var(--color-medi-light-grey-100);
  transition: background-color 0.3s;
}
input[type=checkbox][data-variant=switch]:before {
  content: "";
  display: block;
  width: calc(var(--checkbox-switch-size) * 24 / 32);
  height: calc(var(--checkbox-switch-size) * 24 / 32);
  border-radius: 50%;
  background: var(--color-white-negative);
  position: relative;
  top: calc(var(--checkbox-switch-size) * 4 / 32);
  left: calc(var(--checkbox-switch-size) * 4 / 32);
  transition: left 0.3s;
}
input[type=checkbox][data-variant=switch]:checked {
  filter: none;
  background-color: var(--color-medi-magenta-100);
}
input[type=checkbox][data-variant=switch]:checked:before {
  left: calc(var(--checkbox-switch-size) * 24 / 32);
}
label:has(+ input[type=checkbox][data-variant=switch]) {
  --checkbox-switch-width: calc(var(--checkbox-switch-size) * 52 / 32);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: var(--checkbox-switch-size);
  padding-right: var(--spacer-half);
}
label:has(+ input[type=checkbox][data-variant=switch]):before {
  display: block;
  width: calc(100% + var(--checkbox-switch-width) + var(--spacer-half) + var(--spacer-half));
  height: calc(100% + var(--spacer-half));
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(-1 * var(--spacer-half));
  top: calc(-1 * var(--spacer-quarter));
  border: 1px solid transparent;
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus) {
  outline: none;
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus):before {
  outline: 1px auto var(--color-focus-visible);
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus:required:invalid):before {
  border-color: transparent;
  outline-color: var(--color-signal-red-100);
}
textarea {
  height: auto;
  resize: vertical;
}
select {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--color-medi-grey-100);
  height: 42px;
  line-height: 24px;
  padding: var(--spacer-half) var(--spacer-double) var(--spacer-half) var(--spacer-single);
  width: 100%;
  border: 1px solid var(--color-medi-grey-50);
  display: inline-block;
  vertical-align: bottom;
  background: var(--color-white-negative) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'><path fill='%2348586A' d='M16.4496 20.8304C16.2029 21.0565 15.7971 21.0565 15.5504 20.8304L9.185 14.994C8.93834 14.7678 8.93834 14.3958 9.185 14.1696C9.43166 13.9435 9.83745 13.9435 10.0841 14.1696L16 19.5938L21.9159 14.1696C22.1625 13.9435 22.5683 13.9435 22.815 14.1696C23.0617 14.3958 23.0617 14.7678 22.815 14.994L16.4496 20.8304Z'></path></svg>") no-repeat center right var(--spacer-half);
}
select:focus-visible {
  outline-color: var(--color-focus-visible);
}
select[required]:invalid {
  border-color: var(--color-signal-red-100);
}
select[required]:invalid:focus-visible {
  outline-color: var(--color-signal-red-100);
}
form input + .mds-m-alert,
form input + small + .mds-m-alert, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert,
form input + label + .mds-m-alert {
  opacity: 0;
  max-height: 0;
  margin: 0;
  transition: opacity 0.3s linear, max-height 0.3s linear;
}
form input + .mds-m-alert .mds-m-alert__wrap,
form input + small + .mds-m-alert .mds-m-alert__wrap, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap,
form input + label + .mds-m-alert .mds-m-alert__wrap {
  gap: var(--spacer-quarter);
}
form input + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon,
form input + small + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon,
form input + label + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
form input + .mds-m-alert {
  margin-top: var(--spacer-quarter);
}
form input:invalid + .mds-m-alert,
form input:invalid + label + .mds-m-alert, form input:invalid[data-type=mds-password] + .password-toggle-icon + .mds-m-alert, form input:invalid[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert,
form input:invalid + small + .mds-m-alert {
  max-height: 100px;
  opacity: 1;
}
form:has(input:invalid) .mds-m-button[data-type=submit] {
  --mds-m-button--color: var(--color-white-negative);
  --mds-m-button--color--hover: var(--color-white-negative);
  --mds-m-button--background-color: var(--color-black-25);
  --mds-m-button--background-color--hover: var(--color-black-25);
  --mds-m-button--border-color: var(--color-black-25);
  --mds-m-button--border-color--hover: var(--color-black-25);
  pointer-events: none;
}.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.dialog-container {
  background-color: white;
  padding: 1.5rem;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-width: 400px;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.dialog-header .mds-a-headline {
  margin: 0;
}

.dialog-close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.dialog-close-button:hover {
  opacity: 0.7;
}

.dialog-content {
  overflow-y: auto;
}

.confirmation-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.5rem;
}