.sds-header{background-color:var(--sds-color-layout-background-primary);color:var(--sds-color-text-primary);--header-height:48px;align-items:center;position:relative}@media (min-width:720px){.sds-header{--header-height:56px}}@media (min-width:1024px){.sds-header{--header-height:72px}}.sds-header__skip-link.sds-screen-reader-only--focusable:focus-within{background-color:var(--sds-color-layout-background-primary);z-index:1;position:absolute}.sds-header__logo-link{background-color:#0000;background-color:initial;color:inherit;width:fit-content;-webkit-text-decoration:none;text-decoration:none}.sds-header__logo-link:active,.sds-header__logo-link:focus-visible,.sds-header__logo-link:hover{background-color:#0000;background-color:initial}.sds-header__content{grid-gap:0 var(--sds-space-padding-small);align-items:center;gap:0 var(--sds-space-padding-small);min-height:var(--header-height);padding:0 var(--sds-space-padding-medium);grid-template-columns:1fr auto;display:grid}@media (min-width:1024px){.sds-header__content{grid-template-columns:1fr auto 1fr}}.sds-header__content-left{align-items:center;gap:var(--sds-space-padding-small);flex-direction:row-reverse;justify-self:start;display:flex}.sds-header__content-left .sds-header__logo-link:has(+.sds-header__content-left-item){padding-left:var(--sds-space-padding-small);border-left:1px solid #737373}.sds-header__content-mid{display:none}@media (min-width:1024px){.sds-header__content-mid{display:inline;display:initial}}.sds-header__content-right{justify-self:flex-end}
.sds-message{--message-icon-color:var(--sds-color-text-on-strong);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light)var(--message-icon-background-color);--message-border-color:var(--csstools-light-dark-toggle--0,transparent);--message-icon-padding:var(--sds-space-padding-minimal);background-color:var(--message-background-color);box-shadow:inset 0 0 0 var(--sds-space-border-weight-regular)var(--message-border-color);color:var(--sds-color-text-primary);font-size:var(--sds-typography-body-default-fontsize);font-weight:var(--sds-typography-body-default-fontweight);line-height:var(--sds-typography-body-default-lineheight);gap:var(--sds-space-gap-tiny);display:flex}@supports (color:light-dark(red, red)){.sds-message{--message-border-color:light-dark(transparent,var(--message-icon-background-color))}}@supports not (color:light-dark(tan, tan)){.sds-message *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light)var(--message-icon-background-color);--message-border-color:var(--csstools-light-dark-toggle--0,transparent)}}.sds-message:focus{outline:var(--sds-focus-outline)}.sds-message__icon{background-color:var(--message-icon-background-color);border-radius:var(--sds-space-border-radius-full);font-size:var(--sds-typography-fontsize-700);height:var(--sds-typography-fontsize-900);min-width:var(--sds-typography-fontsize-900);padding:var(--message-icon-padding);justify-content:center;align-items:center;display:flex}.sds-message__icon>.sds-icon{color:var(--message-icon-color)}.sds-message__message{gap:var(--sds-space-gap-tiny);padding:var(--sds-space-padding-minimal)0;flex-direction:column;display:flex}.sds-message__cta{--button-small-padding:var(--sds-space-padding-minimal);margin:calc(-1*var(--button-small-padding));padding:var(--sds-space-padding-minimal)0;margin-left:auto}.sds-message--info{--message-icon-background-color:var(--sds-color-support-info-strong);--message-background-color:var(--sds-color-support-info-subtle)}.sds-message--warning{--message-icon-color:var(--sds-color-text-primary);--message-icon-background-color:var(--sds-color-support-warning-default);--message-icon-padding:calc(var(--sds-space-padding-minimal) - 1px)var(--sds-space-padding-minimal)calc(var(--sds-space-padding-minimal) + 1px);--message-background-color:var(--sds-color-support-warning-subtle)}.sds-message--success{--message-icon-background-color:var(--sds-color-support-success-strong);--message-background-color:var(--sds-color-support-success-subtle)}.sds-message--critical{--message-icon-background-color:var(--sds-color-support-critical-strong);--message-background-color:var(--sds-color-support-critical-subtle)}.sds-message--bar{padding:var(--sds-space-padding-small)var(--sds-space-padding-large)}.sds-message--box{border-radius:var(--sds-space-border-radius-medium);padding:var(--sds-space-padding-small)}.sds-message--application-status{box-shadow:inset 0 calc(var(--sds-space-border-weight-regular)*-1)var(--message-border-color)}
html,body{background-color:var(--sds-color-layout-background-default);min-height:100%;margin:0}:root{--card-active-background-color:#f7f5fe;--card-active-outline:2px solid var(--sds-color-interaction-neutral-strong-pressed);--card-hover-box-shadow:0px 4px 12px 0px #00000040;--card-hover-outline:2px solid var(--sds-color-interaction-neutral-strong-highlight)}@keyframes fadeIn{to{opacity:1}}.fade-in{opacity:0;animation:.5s ease-in forwards fadeIn}.clickable-card>a:focus-visible,a.clickable-card:focus-visible{outline:var(--sds-focus-outline);border-radius:var(--sds-space-border-radius-medium)}.clickable-card>a:hover,a.clickable-card:hover{outline:var(--card-hover-outline);box-shadow:0 4px 12px #00000040;box-shadow:var(--card-hover-box-shadow);transition:all .2s}.clickable-card>a:active,a.clickable-card:active{outline:var(--card-active-outline);background-color:#f7f5fe;background-color:var(--card-active-background-color);box-shadow:none}.showOnMobile{display:none}.showOnDesktop{display:block}@media not (min-width:720px){.showOnMobile{display:block}.showOnDesktop{display:none}}:where(html[data-abomination=true]) p:has(div) div{--note:"🚫 <div> element cannot be inside a <p> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) button:has(div) div{--note:"🚫 <div> element cannot be inside a <button> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) button:has(p) p{--note:"🚫 <p> element cannot be inside a <button> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) button:has(a) a{--note:"🚫 <a> element cannot be inside a <button> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) a:has(button) button{--note:"🚫 <button> element cannot be inside <a> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) a[onclick],:where(html[data-abomination=true]) a[href*=javascript]{--note:"🚫 don‘t use <a> element to handle js events. Use event listeners instead.";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) ul:has(>:not(li))>:not(li){--note:"🚫 only <li> elements can be descendant of the <ul> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) ul.list-bullets:has(>:not(li))>:not(li){--note:"🚫 only <li> elements can be descendant of the <ul> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) label:not([for]):not(:has(input)):not(:has(textarea)):not(:has(select)){--note:"😢 <label> is missing <for> attribute, or <input>, <textarea> or <select> child element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) label:has(div) div{--note:"🚫 <div> element cannot be inside a <label> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) summary:has(div) div{--note:"🚫 <div> element cannot be inside a <summary> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) form:has(form) form{--note:"🚫 <form> element cannot be nested inside another <form> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) table:has(>:not(thead):not(tbody):not(tr))>:not(thead):not(tbody):not(tr){--note:"🚫 <table> must only contain <thead>, <tbody>, or <tr> as direct children";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) select:has(>:not(option):not(optgroup))>:not(option):not(optgroup){--note:"🚫 <select> must only contain <option> or <optgroup> as children";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) fieldset:not(:has(legend)){--note:"🚫 <fieldset> must contain a <legend> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) ol:has(>:not(li))>:not(li){--note:"🚫 only <li> elements can be descendants of the <ol> element";outline:2px solid var(--sds-color-interaction-danger-strong-highlight);background-color:var(--sds-color-interaction-danger-strong-highlight)}:where(html[data-abomination=true]) p:has(div) div:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) button:has(div) div:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) button:has(p) p:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) button:has(a) a:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) a:has(button) button:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) a[onclick]:not(does-not-exist):not(does-not-exist):not(does-not-exist):hover:after,:where(html[data-abomination=true]) a[href*=javascript]:not(does-not-exist):not(does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) ul:has(>:not(li))>:not(li):not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) ul.list-bullets:has(>:not(li))>:not(li):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) label:not([for]):not(:has(input)):not(:has(textarea)):not(:has(select)):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) label:has(div) div:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) summary:has(div) div:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) form:has(form) form:not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) table:has(>:not(thead):not(tbody):not(tr))>:not(thead):not(tbody):not(tr):not(.does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) select:has(>:not(option):not(optgroup))>:not(option):not(optgroup):not(.does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) fieldset:not(:has(legend)):not(.does-not-exist):not(does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}:where(html[data-abomination=true]) ol:has(>:not(li))>:not(li):not(.does-not-exist):not(does-not-exist):hover:after{content:var(--note);border:2px solid var(--red);box-shadow:var(--shadow-dark);z-index:9999;background-color:#fff;padding:1rem;position:fixed;top:20rem;left:50%;transform:translate(-50%)}