/* src/index.pcss */
*,
::before,
::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
:where(:root) {
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}
:where(body) {
  margin: 0;
}
:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}
:where(hr) {
  color: inherit;
  height: 0;
}
:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}
:where(nav li)::before {
  content: "\200b";
  float: left;
}
:where(pre) {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}
:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
:where(b, strong) {
  font-weight: bolder;
}
:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: 1em;
}
:where(small) {
  font-size: 80%;
}
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}
:where(iframe) {
  border-style: none;
}
:where(svg:not([fill])) {
  fill: currentColor;
}
:where(table) {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
:where(button, input, select) {
  margin: 0;
}
:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: button;
}
:where(fieldset) {
  border: 1px solid #a0a0a0;
}
:where(progress) {
  vertical-align: baseline;
}
:where(textarea) {
  margin: 0;
  resize: vertical;
}
:where([type=search i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: fit-content;
}
:where(dialog:not([open])) {
  display: none;
}
:where(details > summary:first-of-type) {
  display: list-item;
}
:where([aria-busy=true i]) {
  cursor: progress;
}
:where([aria-controls]) {
  cursor: pointer;
}
:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}
:where([aria-hidden=false i][hidden]) {
  display: initial;
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
:where(iframe, img, input, video, select, textarea) {
  height: auto;
  max-width: 100%;
}
:where(button, input, select, textarea) {
  background-color: transparent;
  border: 1px solid WindowFrame;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.375em;
}
:where(select) {
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
  border-radius: 0;
  padding-right: 1em;
}
:where(select[multiple]) {
  background-image: none;
}
:where([type=color i], [type=range i]) {
  border-width: 0;
  padding: 0;
}
html {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    "Roboto",
    "Ubuntu",
    "Cantarell",
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    "Menlo",
    "Consolas",
    "Roboto Mono",
    "Ubuntu Monospace",
    "Noto Mono",
    "Oxygen Mono",
    "Liberation Mono",
    monospace,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
:root {
  --sds-base-breakpoint-tablet: 720px;
  --sds-base-breakpoint-desktop: 1024px;
  --sds-base-breakpoint-ultrawide: 1440px;
  --sds-base-size-xxxs: 2px;
  --sds-base-size-xxs: 4px;
  --sds-base-size-xs: 8px;
  --sds-base-size-s: 12px;
  --sds-base-size-s1: 16px;
  --sds-base-size-m: 24px;
  --sds-base-size-m1: 32px;
  --sds-base-size-l: 48px;
  --sds-base-size-xl: 96px;
  --sds-base-size-xxl: 192px;
  --sds-base-zindex-default: auto;
  --sds-base-zindex-drawer: 2000;
  --sds-base-zindex-menu: 1000;
  --sds-base-zindex-modal: 3000;
  --sds-effect-animation-duration-short: 100ms;
  --sds-effect-animation-duration-medium: 250ms;
  --sds-effect-animation-duration-long: 500ms;
  --sds-effect-animation-easing-default: ease-in-out;
  --sds-effect-shadow-elevated-default: 0 4px 24px var(--sds-color-shadow-elevated-default);
  --sds-effect-shadow-elevated-hover: 0 4px 12px var(--sds-color-shadow-elevated-hover);
  --sds-space-border-weight-thin: 1px;
  --sds-space-border-weight-regular: 2px;
  --sds-space-border-weight-bold: 4px;
  --sds-space-border-radius-minimal: 4px;
  --sds-space-border-radius-small: 8px;
  --sds-space-border-radius-medium: 12px;
  --sds-space-border-radius-large: 24px;
  --sds-space-border-radius-full: 99999px;
  --sds-space-gap-minimal: 4px;
  --sds-space-gap-tiny: 8px;
  --sds-space-gap-small: 12px;
  --sds-space-gap-medium: 24px;
  --sds-space-gap-large: 48px;
  --sds-space-grid-full: 100%;
  --sds-space-grid-max-width: 100%;
  --sds-space-padding-infinitesimal: 2px;
  --sds-space-padding-minimal: 4px;
  --sds-space-padding-tiny: 8px;
  --sds-space-padding-small: 12px;
  --sds-space-padding-medium: 12px;
  --sds-space-padding-large: 24px;
  --sds-space-padding-huge: 32px;
  --sds-typography-fontsize-100: 0.75rem;
  --sds-typography-fontsize-200: 0.875rem;
  --sds-typography-fontsize-300: 1rem;
  --sds-typography-fontsize-400: 1.125rem;
  --sds-typography-fontsize-500: 1.25rem;
  --sds-typography-fontsize-600: 1.375rem;
  --sds-typography-fontsize-700: 1.5rem;
  --sds-typography-fontsize-800: 1.75rem;
  --sds-typography-fontsize-900: 2rem;
  --sds-typography-fontsize-1000: 2.25rem;
  --sds-typography-fontsize-1100: 2.625rem;
  --sds-typography-fontsize-1200: 3rem;
  --sds-typography-fontsize-1300: 3.5rem;
  --sds-typography-fontsize-1400: 4rem;
  --sds-typography-fontsize-1500: 4.5rem;
  --sds-typography-fontweight-regular: 400;
  --sds-typography-fontweight-semibold: 600;
  --sds-typography-fontweight-bold: 700;
  --sds-typography-letterspacing-wide: 0.02em;
  --sds-typography-lineheight-xs: 1.15;
  --sds-typography-lineheight-s: 1.25;
  --sds-typography-lineheight-m: 1.35;
  --sds-typography-lineheight-l: 1.5;
  --sds-typography-lineheight-xl: 1.6;
  --sds-typography-body-s-fontsize: 0.875rem;
  --sds-typography-body-s-fontweight: 400;
  --sds-typography-body-s-lineheight: 1.6;
  --sds-typography-body-default-fontsize: 1rem;
  --sds-typography-body-default-fontweight: 400;
  --sds-typography-body-default-lineheight: 1.5;
  --sds-typography-body-l-fontsize: 1.125rem;
  --sds-typography-body-l-fontweight: 400;
  --sds-typography-body-l-lineheight: 1.35;
  --sds-typography-body-xl-fontsize: 1.25rem;
  --sds-typography-body-xl-fontweight: 400;
  --sds-typography-body-xl-lineheight: 1.5;
  --sds-typography-editorial-headline-xxs-fontsize: 1rem;
  --sds-typography-editorial-headline-xxs-fontweight: 600;
  --sds-typography-editorial-headline-xxs-lineheight: 1.5;
  --sds-typography-editorial-headline-xs-fontsize: 1.375rem;
  --sds-typography-editorial-headline-xs-fontweight: 600;
  --sds-typography-editorial-headline-xs-lineheight: 1.35;
  --sds-typography-editorial-headline-s-fontsize: 1.5rem;
  --sds-typography-editorial-headline-s-fontweight: 600;
  --sds-typography-editorial-headline-s-lineheight: 1.25;
  --sds-typography-editorial-headline-m-fontsize: 1.75rem;
  --sds-typography-editorial-headline-m-fontweight: 600;
  --sds-typography-editorial-headline-m-lineheight: 1.25;
  --sds-typography-editorial-headline-l-fontsize: 2rem;
  --sds-typography-editorial-headline-l-fontweight: 600;
  --sds-typography-editorial-headline-l-lineheight: 1.15;
  --sds-typography-editorial-headline-xl-fontsize: 2.625rem;
  --sds-typography-editorial-headline-xl-fontweight: 600;
  --sds-typography-editorial-headline-xl-lineheight: 1.15;
  --sds-typography-editorial-headline-xxl-fontsize: 3rem;
  --sds-typography-editorial-headline-xxl-fontweight: 600;
  --sds-typography-editorial-headline-xxl-lineheight: 1.15;
  --sds-typography-application-headline-xxs-fontsize: 1rem;
  --sds-typography-application-headline-xxs-fontweight: 600;
  --sds-typography-application-headline-xxs-lineheight: 1.35;
  --sds-typography-application-headline-xs-fontsize: 1.125rem;
  --sds-typography-application-headline-xs-fontweight: 600;
  --sds-typography-application-headline-xs-lineheight: 1.35;
  --sds-typography-application-headline-s-fontsize: 1.25rem;
  --sds-typography-application-headline-s-fontweight: 600;
  --sds-typography-application-headline-s-lineheight: 1.35;
  --sds-typography-application-headline-m-fontsize: 1.375rem;
  --sds-typography-application-headline-m-fontweight: 600;
  --sds-typography-application-headline-m-lineheight: 1.25;
  --sds-typography-application-headline-l-fontsize: 1.5rem;
  --sds-typography-application-headline-l-fontweight: 600;
  --sds-typography-application-headline-l-lineheight: 1.25;
  --sds-typography-application-headline-xl-fontsize: 1.75rem;
  --sds-typography-application-headline-xl-fontweight: 600;
  --sds-typography-application-headline-xl-lineheight: 1.25;
  --sds-typography-application-headline-xxl-fontsize: 2.25rem;
  --sds-typography-application-headline-xxl-fontweight: 600;
  --sds-typography-application-headline-xxl-lineheight: 1.25;
  --sds-typography-label-default-fontsize: 1rem;
  --sds-typography-label-default-fontweight: 600;
  --sds-typography-label-default-lineheight: 1.5;
  --sds-typography-label-l-fontsize: 1.125rem;
  --sds-typography-label-l-fontweight: 600;
  --sds-typography-label-l-lineheight: 1.35;
  --sds-typography-overline-default-fontsize: 0.875rem;
  --sds-typography-overline-default-fontweight: 600;
  --sds-typography-overline-default-lineheight: 1.15;
  --sds-typography-overline-default-texttransform: uppercase;
}
@media (min-width: 720px) {
  :root {
    --sds-typography-editorial-headline-s-fontsize: 28px;
    --sds-typography-editorial-headline-m-fontsize: 32px;
    --sds-typography-editorial-headline-l-fontsize: 42px;
    --sds-typography-editorial-headline-xl-fontsize: 48px;
    --sds-typography-editorial-headline-xxl-fontsize: 56px;
    --sds-typography-application-headline-xl-fontsize: 32px;
    --sds-typography-application-headline-xxl-fontsize: 42px;
    --sds-space-padding-medium: 16px;
    --sds-space-padding-large: 32px;
    --sds-space-padding-huge: 48px;
  }
}
@media (min-width: 1024px) {
  :root {
    --sds-typography-editorial-headline-m-fontsize: 36px;
    --sds-typography-editorial-headline-l-fontsize: 48px;
    --sds-typography-editorial-headline-xl-fontsize: 64px;
    --sds-typography-editorial-headline-xxl-fontsize: 72px;
    --sds-typography-application-headline-xs-fontsize: 20px;
    --sds-typography-application-headline-s-fontsize: 22px;
    --sds-typography-application-headline-m-fontsize: 24px;
    --sds-typography-application-headline-l-fontsize: 28px;
    --sds-typography-application-headline-xl-fontsize: 36px;
    --sds-typography-application-headline-xxl-fontsize: 48px;
    --sds-space-grid-max-width: 960px;
    --sds-space-padding-medium: 24px;
    --sds-space-padding-large: 48px;
    --sds-space-padding-huge: 96px;
  }
}
:root {
  color-scheme: light dark;
  --sds-color-brand-primary-strong: light-dark(#7351fb, #7351fb);
  --sds-color-brand-primary-subtle: light-dark(#ebe6fe, #4324c8);
  --sds-color-brand-accent-strong: light-dark(#0a0132, #1d1d1d);
  --sds-color-brand-accent-subtle: light-dark(#c2bfcb, #433a65);
  --sds-color-brand-neutral-strong: light-dark(#767676, #767676);
  --sds-color-brand-neutral-subtle: light-dark(#dedede, #dedede);
  --sds-color-interaction-primary-strong-default: light-dark(#7351fb, #7351fb);
  --sds-color-interaction-primary-strong-highlight: light-dark(#643ffa, #643ffa);
  --sds-color-interaction-primary-strong-pressed: light-dark(#5531e8, #5531e8);
  --sds-color-interaction-primary-subtle-default: light-dark(#d1cdff, #4324c8);
  --sds-color-interaction-primary-subtle-highlight: light-dark(#c2bcff, #351aad);
  --sds-color-interaction-primary-subtle-pressed: light-dark(#b4aeff, #260d92);
  --sds-color-interaction-primary-transparent-default: light-dark(#00000000, #00000000);
  --sds-color-interaction-primary-transparent-highlight: light-dark(#c2bcff, #351aad);
  --sds-color-interaction-primary-transparent-pressed: light-dark(#b4aeff, #260d92);
  --sds-color-interaction-neutral-strong-default: light-dark(#767676, #767676);
  --sds-color-interaction-neutral-strong-highlight: light-dark(#656565, #656565);
  --sds-color-interaction-neutral-strong-pressed: light-dark(#595959, #595959);
  --sds-color-interaction-neutral-subtle-default: light-dark(#dedede, #4f4f4f);
  --sds-color-interaction-neutral-subtle-highlight: light-dark(#d6d6d6, #454545);
  --sds-color-interaction-neutral-subtle-pressed: light-dark(#cccccc, #3d3d3d);
  --sds-color-interaction-neutral-transparent-default: light-dark(#00000000, #00000000);
  --sds-color-interaction-neutral-transparent-highlight: light-dark(#d6d6d6, #454545);
  --sds-color-interaction-neutral-transparent-pressed: light-dark(#cccccc, #3d3d3d);
  --sds-color-interaction-danger-strong-default: light-dark(#b60203, #cc1201);
  --sds-color-interaction-danger-strong-highlight: light-dark(#970002, #b60203);
  --sds-color-interaction-danger-strong-pressed: light-dark(#7f0001, #970002);
  --sds-color-layout-page-default: light-dark(#f7f7f7, #000000);
  --sds-color-layout-page-overlay: light-dark(#00000040, #00000040);
  --sds-color-layout-divider-strong: light-dark(#656565, #959595);
  --sds-color-layout-divider-subtle: light-dark(#dedede, #595959);
  --sds-color-layout-focus-border: light-dark(#004fcf, #005aea);
  --sds-color-layout-background-default: light-dark(#ffffff, #242424);
  --sds-color-layout-background-primary: light-dark(#ebe6fe, #313131);
  --sds-color-layout-background-neutral: light-dark(#ebebeb, #2a2a2a);
  --sds-color-layout-background-info: light-dark(#e6f0ff, #001d4d);
  --sds-color-layout-background-success: light-dark(#cff7e2, #032b17);
  --sds-color-layout-background-warning: light-dark(#fceed2, #000000);
  --sds-color-layout-background-critical: light-dark(#ffeae9, #470001);
  --sds-color-shadow-elevated-default: light-dark(#0000001a, #00000080);
  --sds-color-shadow-elevated-hover: light-dark(#00000040, #000000bf);
  --sds-color-support-info-strong: light-dark(#004fcf, #005aea);
  --sds-color-support-info-subtle: light-dark(#e6f0ff, #001d4d);
  --sds-color-support-success-strong: light-dark(#096638, #007638);
  --sds-color-support-success-subtle: light-dark(#cff7e2, #032b17);
  --sds-color-support-warning-default: light-dark(#ffb700, #ffb700);
  --sds-color-support-warning-subtle: light-dark(#fceed2, #000000);
  --sds-color-support-critical-strong: light-dark(#b60203, #cc1201);
  --sds-color-support-critical-subtle: light-dark(#ffeae9, #470001);
  --sds-color-text-primary: light-dark(#0a0132, #ffffff);
  --sds-color-text-on-strong: light-dark(#ffffff, #ffffff);
  --sds-color-text-secondary: light-dark(#595959, #dedede);
  --sds-color-text-critical: light-dark(#b60203, #cc1201);
}
[data-color-scheme=light] {
  color-scheme: only light;
}
[data-color-scheme=dark] {
  color-scheme: only dark;
}
:root {
  --sds-focus-outline-width: var(--sds-base-size-xxs);
  --sds-focus-outline: var(--sds-focus-outline-width) dashed var(--sds-color-layout-focus-border);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
dl,
ol,
ul {
  margin: 0;
}
fieldset {
  border: 0;
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
table,
thead,
tbody,
tr,
td,
th {
  margin: 0;
  padding: 0;
}
[hidden] {
  display: none;
}
.sds-figure {
  margin: 0;
}
.sds-figure__figure {
  width: 100%;
}
.sds-figure__figure--ratio-16x9 {
  aspect-ratio: 16 / 9;
}
.sds-figure__caption {
  font-size: var(--sds-typography-body-s-fontsize);
  font-weight: var(--sds-typography-body-s-fontweight);
  line-height: var(--sds-typography-body-s-lineheight);
}
@font-face {
  font-family: Haffer;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.sikt.no/Haffer-Regular.woff2) format("woff2"), url(https://static.sikt.no/Haffer-Regular.woff) format("woff");
}
@font-face {
  font-family: Haffer;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url(https://static.sikt.no/Haffer-SemiBold.woff2) format("woff2"), url(https://static.sikt.no/Haffer-SemiBold.woff) format("woff");
}
.sds-typography-editorial-headline--xxs {
  font-size: var(--sds-typography-editorial-headline-xxs-fontsize);
  font-weight: var(--sds-typography-editorial-headline-xxs-fontweight);
  line-height: var(--sds-typography-editorial-headline-xxs-lineheight);
}
.sds-typography-editorial-headline--xs {
  font-size: var(--sds-typography-editorial-headline-xs-fontsize);
  font-weight: var(--sds-typography-editorial-headline-xs-fontweight);
  line-height: var(--sds-typography-editorial-headline-xs-lineheight);
}
.sds-typography-editorial-headline--s {
  font-size: var(--sds-typography-editorial-headline-s-fontsize);
  font-weight: var(--sds-typography-editorial-headline-s-fontweight);
  line-height: var(--sds-typography-editorial-headline-s-lineheight);
}
.sds-typography-editorial-headline--m {
  font-size: var(--sds-typography-editorial-headline-m-fontsize);
  font-weight: var(--sds-typography-editorial-headline-m-fontweight);
  line-height: var(--sds-typography-editorial-headline-m-lineheight);
}
.sds-typography-editorial-headline--l {
  font-size: var(--sds-typography-editorial-headline-l-fontsize);
  font-weight: var(--sds-typography-editorial-headline-l-fontweight);
  line-height: var(--sds-typography-editorial-headline-l-lineheight);
}
.sds-typography-editorial-headline--xl {
  font-size: var(--sds-typography-editorial-headline-xl-fontsize);
  font-weight: var(--sds-typography-editorial-headline-xl-fontweight);
  line-height: var(--sds-typography-editorial-headline-xl-lineheight);
}
.sds-typography-editorial-headline--xxl {
  font-size: var(--sds-typography-editorial-headline-xxl-fontsize);
  font-weight: var(--sds-typography-editorial-headline-xxl-fontweight);
  line-height: var(--sds-typography-editorial-headline-xxl-lineheight);
}
.sds-typography-application-headline--xxs {
  font-size: var(--sds-typography-application-headline-xxs-fontsize);
  font-weight: var(--sds-typography-application-headline-xxs-fontweight);
  line-height: var(--sds-typography-application-headline-xxs-lineheight);
}
.sds-typography-application-headline--xs {
  font-size: var(--sds-typography-application-headline-xs-fontsize);
  font-weight: var(--sds-typography-application-headline-xs-fontweight);
  line-height: var(--sds-typography-application-headline-xs-lineheight);
}
.sds-typography-application-headline--s {
  font-size: var(--sds-typography-application-headline-s-fontsize);
  font-weight: var(--sds-typography-application-headline-s-fontweight);
  line-height: var(--sds-typography-application-headline-s-lineheight);
}
.sds-typography-application-headline--m {
  font-size: var(--sds-typography-application-headline-m-fontsize);
  font-weight: var(--sds-typography-application-headline-m-fontweight);
  line-height: var(--sds-typography-application-headline-m-lineheight);
}
.sds-typography-application-headline--l {
  font-size: var(--sds-typography-application-headline-l-fontsize);
  font-weight: var(--sds-typography-application-headline-l-fontweight);
  line-height: var(--sds-typography-application-headline-l-lineheight);
}
.sds-typography-application-headline--xl {
  font-size: var(--sds-typography-application-headline-xl-fontsize);
  font-weight: var(--sds-typography-application-headline-xl-fontweight);
  line-height: var(--sds-typography-application-headline-xl-lineheight);
}
.sds-typography-application-headline--xxl {
  font-size: var(--sds-typography-application-headline-xxl-fontsize);
  font-weight: var(--sds-typography-application-headline-xxl-fontweight);
  line-height: var(--sds-typography-application-headline-xxl-lineheight);
}
.sds-typography-label {
  font-size: var(--sds-typography-label-default-fontsize);
  font-weight: var(--sds-typography-label-default-fontweight);
  line-height: var(--sds-typography-label-default-lineheight);
}
.sds-typography-label--l {
  font-size: var(--sds-typography-label-l-fontsize);
  font-weight: var(--sds-typography-label-l-fontweight);
  line-height: var(--sds-typography-label-l-lineheight);
}
.sds-typography-overline {
  font-size: var(--sds-typography-overline-default-fontsize);
  font-weight: var(--sds-typography-overline-default-fontweight);
  line-height: var(--sds-typography-overline-default-lineheight);
  text-transform: uppercase;
}
.sds-typography-body {
  font-size: var(--sds-typography-body-default-fontsize);
  font-weight: var(--sds-typography-body-default-fontweight);
  line-height: var(--sds-typography-body-default-lineheight);
}
.sds-typography-body--s {
  font-size: var(--sds-typography-body-s-fontsize);
  font-weight: var(--sds-typography-body-s-fontweight);
  line-height: var(--sds-typography-body-s-lineheight);
}
.sds-typography-body--l {
  font-size: var(--sds-typography-body-l-fontsize);
  font-weight: var(--sds-typography-body-l-fontweight);
  line-height: var(--sds-typography-body-l-lineheight);
}
.sds-typography-body--xl {
  font-size: var(--sds-typography-body-xl-fontsize);
  font-weight: var(--sds-typography-body-xl-fontweight);
  line-height: var(--sds-typography-body-xl-lineheight);
}
.sds-typography--emphasis,
.sds-typography--quote {
  font-style: italic;
}
.sds-typography--strong {
  font-weight: 600;
}
.sds-typography--code {
  font-family: monospace;
}
.sds-typography--tabular-nums {
  font-variant-numeric: tabular-nums;
}
.sds-typography--color-primary {
  color: var(--sds-color-text-primary);
}
.sds-typography--color-secondary {
  color: var(--sds-color-text-secondary);
}
.sds-typography--color-critical {
  color: var(--sds-color-text-critical);
}
.sds-typography-blockquote {
  font-size: var(--sds-typography-body-fontsize-lead);
  font-weight: var(--sds-typography-weight-regular);
  line-height: var(--sds-typography-body-lineheight-lead);
  margin: 0;
  padding-left: 48px;
  position: relative;
  quotes: "\201c" "\201d";
}
.sds-typography-blockquote::before {
  content: open-quote;
  font-size: var(--sds-base-size-xl);
  position: absolute;
  top: calc(50% + 10px);
  margin-left: -48px;
}
.sds-typography-blockquote__quote {
  margin: 0;
}
.sds-typography-link {
  --link-icon-size: 1.3em;
  --link-icon-margin: var(--sds-space-gap-minimal);
  color: var(--sds-color-text-primary);
  gap: var(--link-icon-margin);
  text-decoration: underline;
  text-underline-position: under;
}
.sds-typography-link::after,
.sds-typography-link::before {
  background-color: var(--sds-color-text-primary);
}
.sds-typography-link:hover,
.sds-typography-link:focus-visible {
  background-color: var( --sds-color-interaction-primary-transparent-highlight );
}
.sds-typography-link:active {
  background-color: var( --sds-color-interaction-primary-transparent-pressed );
}
.sds-typography-link:focus-visible {
  outline: var(--sds-focus-outline);
  outline-offset: 0;
}
.sds-typography-link[target=_blank]::after,
.sds-typography-link--external::after,
.sds-typography-link--navigation::after {
  content: "";
  display: inline-block;
  -webkit-mask-position: center right;
  mask-position: center right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--link-icon-size);
  mask-size: var(--link-icon-size);
  min-width: var(--link-icon-size);
  min-height: var(--link-icon-size);
  width: var(--link-icon-size);
  height: var(--link-icon-size);
  margin-left: var(--link-icon-margin);
  vertical-align: sub;
}
.sds-typography-link[target=_blank]::after,
.sds-typography-link--external::after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M224,100a8,8,0,0,1-16,0V59.3l-58.4,58.4A8,8,0,0,1,144,120a8.3,8.3,0,0,1-5.7-2.3,8,8,0,0,1,0-11.3L196.7,48H156a8,8,0,0,1,0-16h60a8,8,0,0,1,8,8Zm-40,36a8,8,0,0,0-8,8v64H48V80h64a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V144A8,8,0,0,0,184,136Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M224,100a8,8,0,0,1-16,0V59.3l-58.4,58.4A8,8,0,0,1,144,120a8.3,8.3,0,0,1-5.7-2.3,8,8,0,0,1,0-11.3L196.7,48H156a8,8,0,0,1,0-16h60a8,8,0,0,1,8,8Zm-40,36a8,8,0,0,0-8,8v64H48V80h64a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V144A8,8,0,0,0,184,136Z"/></svg>');
}
.sds-typography-link--navigation::after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z"/></svg>');
}
.sds-typography-link[href^="mailto:"]::before,
.sds-typography-link[href^="tel:"]::before {
  content: "";
  display: inline-block;
  -webkit-mask-position: center left;
  mask-position: center left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--link-icon-size);
  mask-size: var(--link-icon-size);
  min-width: var(--link-icon-size);
  min-height: var(--link-icon-size);
  width: var(--link-icon-size);
  height: var(--link-icon-size);
  margin-right: var(--link-icon-margin);
  vertical-align: sub;
}
.sds-typography-link[href^="mailto:"]::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.4,64,128,133.1,52.6,64ZM216,192H40V74.2l82.6,75.7a8,8,0,0,0,10.8,0L216,74.2V192Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.4,64,128,133.1,52.6,64ZM216,192H40V74.2l82.6,75.7a8,8,0,0,0,10.8,0L216,74.2V192Z"/></svg>');
}
.sds-typography-link[href^="tel:"]::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M176,224C96.6,224,32,159.4,32,80A56.2,56.2,0,0,1,80.9,24.4,16.3,16.3,0,0,1,97.6,34l20.1,46.9A15.9,15.9,0,0,1,116.3,96L99.7,121.4h0a76.5,76.5,0,0,0,35.2,35L160,139.7a15.6,15.6,0,0,1,15.1-1.3l46.9,20a16.3,16.3,0,0,1,9.6,16.7A56.2,56.2,0,0,1,176,224ZM82.9,40.3A40,40,0,0,0,48,80,128.1,128.1,0,0,0,176,208a40,40,0,0,0,39.7-34.9l-46.9-20-25,16.7a16,16,0,0,1-15.7,1.1,92.5,92.5,0,0,1-42.8-42.6,16,16,0,0,1,1-15.7L103,87.2ZM135,156.5Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M176,224C96.6,224,32,159.4,32,80A56.2,56.2,0,0,1,80.9,24.4,16.3,16.3,0,0,1,97.6,34l20.1,46.9A15.9,15.9,0,0,1,116.3,96L99.7,121.4h0a76.5,76.5,0,0,0,35.2,35L160,139.7a15.6,15.6,0,0,1,15.1-1.3l46.9,20a16.3,16.3,0,0,1,9.6,16.7A56.2,56.2,0,0,1,176,224ZM82.9,40.3A40,40,0,0,0,48,80,128.1,128.1,0,0,0,176,208a40,40,0,0,0,39.7-34.9l-46.9-20-25,16.7a16,16,0,0,1-15.7,1.1,92.5,92.5,0,0,1-42.8-42.6,16,16,0,0,1,1-15.7L103,87.2ZM135,156.5Z"/></svg>');
}
.sds-typography-link--no-icon[target=_blank]::after {
  content: unset;
  -webkit-mask-image: unset;
  mask-image: unset;
  margin: unset;
  min-width: unset;
  min-height: unset;
  vertical-align: unset;
  width: unset;
  height: unset;
}
.sds-typography-link--no-icon[href^="mailto:"]::before,
.sds-typography-link--no-icon[href^="tel:"]::before {
  content: unset;
  -webkit-mask-image: unset;
  mask-image: unset;
  margin: unset;
  min-width: unset;
  min-height: unset;
  vertical-align: unset;
  width: unset;
  height: unset;
}
.sds-screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
}
.sds-screen-reader-only--focusable:focus,
.sds-screen-reader-only--focusable:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  white-space: normal;
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none !important; }
}
:root {
  background-color: var(--sds-color-layout-background-default);
  color: var(--sds-color-text-primary);
  font-family:
    Haffer,
    Arial,
    sans-serif;
  font-size: var(--sds-typography-body-default-fontsize);
  font-style: normal;
  font-variant-ligatures: no-contextual;
  font-weight: var(--sds-typography-body-default-fontweight);
  interpolate-size: allow-keywords;
  line-height: var(--sds-typography-body-default-lineheight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=index.css.map */