*, :before, :after {
    box-sizing: border-box;
    background-repeat: no-repeat
}

:before, :after {
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5
}

:where(body) {
    margin: 0
}

:where(h1) {
    margin: .67em 0;
    font-size: 2em
}

:where(dl,ol,ul) :where(dl,ol,ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol,ul) {
    padding: 0;
    list-style-type: none
}

:where(nav li):before {
    content: "​";
    float: left
}

:where(pre) {
    font-family: monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b,strong) {
    font-weight: bolder
}

:where(code,kbd,samp) {
    font-family: 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) {
    resize: vertical;
    margin: 0
}

:where([type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(dialog) {
    color: #000;
    height: -moz-fit-content;
    width: -moz-fit-content;
    height: fit-content;
    background-color: #fff;
    border: solid;
    width: fit-content;
    margin: auto;
    padding: 1em;
    position: absolute;
    left: 0;
    right: 0
}

: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
}

:root {
    box-sizing: border-box;
    font: var(--hds-typography-body);
    fill: var(--hds-ui-colors-black);
    color: var(--hds-ui-colors-black);
    cursor: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4
}

body {
    background: var(--hds-ui-colors-white);
    font: var(--hds-typography-body)
}

h1 {
    font: var(--hds-typography-h1)
}

h2 {
    font: var(--hds-typography-h2)
}

h3 {
    font: var(--hds-typography-h3)
}

h4, h5, h6 {
    font: var(--hds-typography-body-title)
}

:where(p,a,button,h1,h2,h3,h4,h5,h6) {
    margin: 0;
    padding: 0
}

input, textarea, select, button {
    font-family: var(--hds-fonts-posten-sans);
    font-size: var(--hds-font-size-body);
    line-height: var(--hds-line-height-body)
}

b, strong {
    font-family: var(--hds-fonts-posten-sans);
    font-weight: 500
}

:root {
    --hds-posten-colors-signature-red: #e32d22;
    --hds-posten-colors-darker-red: #4a1011;
    --hds-posten-colors-dark-red: #980000;
    --hds-posten-colors-light-red: #ff8a5f;
    --hds-posten-colors-lighter-red: #fff5f0;
    --hds-posten-colors-signature-red-hover: #d62722;
    --hds-posten-colors-light-red-hover: #ff7d55;
    --hds-bring-colors-signature-green: #56b529;
    --hds-bring-colors-darker-green: #002f19;
    --hds-bring-colors-dark-green: #00643a;
    --hds-bring-colors-light-green: #b5e099;
    --hds-bring-colors-lighter-green: #f1f7e9;
    --hds-bring-colors-signature-green-hover: #6ec943;
    --hds-bring-colors-light-green-hover: #d3e593;
    --hds-ui-colors-black: #000;
    --hds-ui-colors-dark-grey: #6e6e6e;
    --hds-ui-colors-grey: #d6d6d6;
    --hds-ui-colors-light-grey-stroke: #e4e4e4;
    --hds-ui-colors-light-grey-fill: #f2f2f2;
    --hds-ui-colors-white: #fff;
    --hds-ui-colors-warning-yellow: #fdbb2f;
    --hds-ui-colors-warning-yellow-stroke: #d68000;
    --hds-ui-colors-warning-yellow-light-fill: #fff5e0;
    --hds-ui-colors-warning-yellow-hover: #ffc340;
    --hds-ui-colors-black-hover: #1e1e1e;
    --hds-dark-mode-colors-obsidian: #121212;
    --hds-dark-mode-colors-coal: #252525;
    --hds-dark-mode-colors-dusk: #2c2c2c;
    --hds-dark-mode-colors-spider: #333;
    --hds-dark-mode-colors-ash: #999;
    --hds-breakpoint-small: 460px;
    --hds-breakpoint-medium: 720px;
    --hds-breakpoint-large: 940px;
    --hds-breakpoint-xlarge: 1200px;
    --hds-spacing-4: 4px;
    --hds-spacing-8: 8px;
    --hds-spacing-12: 12px;
    --hds-spacing-16: 16px;
    --hds-spacing-20: 20px;
    --hds-spacing-24: 24px;
    --hds-spacing-32: 32px;
    --hds-spacing-40: 40px;
    --hds-spacing-48: 48px;
    --hds-spacing-64: 64px;
    --hds-spacing-80: 80px;
    --hds-spacing-120: 120px;
    --hds-spacing-160: 160px;
    --hds-navbar-height: 112px;
    --hds-fonts-posten-sans: "Posten Sans", Arial, sans-serif;
    --hds-fonts-posten-sans-bold: "Posten Sans Bold", Arial, sans-serif;
    --hds-fonts-posten-sans-medium: "Posten Sans Medium", Arial, sans-serif;
    --hds-fonts-posten-sans-regular: "Posten Sans Regular", Arial, sans-serif;
    --hds-typography-posten-h1-display: 700 clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px)/clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px) "Posten Sans", Arial, sans-serif;
    --hds-typography-posten-h1: 700 clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px)/clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px) "Posten Sans", Arial, sans-serif;
    --hds-typography-posten-h2: 500 clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px)/clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px) "Posten Sans", Arial, sans-serif;
    --hds-typography-bring-h1-display: 500 clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px)/clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px) "Posten Sans", Arial, sans-serif;
    --hds-typography-bring-h1: 500 clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px)/clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px) "Posten Sans", Arial, sans-serif;
    --hds-typography-bring-h2: 500 clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px)/clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h3: 400 clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px)/clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h3-title: 500 clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px)/clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px) "Posten Sans", Arial, sans-serif;
    --hds-typography-body: 400 clamp(18px, calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))), 20px)/clamp(26px, calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))), 28px) "Posten Sans", Arial, sans-serif;
    --hds-typography-body-title: 500 clamp(18px, calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))), 20px)/clamp(26px, calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))), 28px) "Posten Sans", Arial, sans-serif;
    --hds-typography-body-small: 400 clamp(16px, calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))), 18px)/clamp(24px, calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))), 26px) "Posten Sans", Arial, sans-serif;
    --hds-typography-body-small-title: 500 clamp(16px, calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))), 18px)/clamp(24px, calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))), 26px) "Posten Sans", Arial, sans-serif;
    --hds-typography-technical: 400 clamp(14px, calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))), 16px)/clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px) "Posten Sans", Arial, sans-serif;
    --hds-typography-technical-title: 500 clamp(14px, calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))), 16px)/clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px) "Posten Sans", Arial, sans-serif;
    --hds-typography-caption: 400 13px/18px "Posten Sans", Arial, sans-serif;
    --hds-typography-caption-title: 500 13px/18px "Posten Sans", Arial, sans-serif;
    --hds-border-radius-8: 8px;
    --hds-border-radius-16: 16px;
    --hds-border-radius-24: 24px;
    --hds-border-radius-32: 32px;
    --hds-border-radius: 2px;
    --hds-stroke-default: 1px;
    --hds-stroke-thick: 2px;
    --hds-shadow-default: 0px 1px 5px 0px rgba(0, 0, 0, .133);
    --hds-micro-animation-easing-in: cubic-bezier(.65, 0, 1, .1);
    --hds-micro-animation-easing-out: cubic-bezier(0, .45, .1, 1);
    --hds-micro-animation-easing-normal: cubic-bezier(.45, .1, .65, 1);
    --hds-micro-animation-duration-quick: .13s;
    --hds-micro-animation-duration-normal: .3s;
    --hds-micro-animation-duration-slow: .7s;
    --hds-opacity-7: .07;
    --hds-opacity-10: .1;
    --hds-opacity-20: .2;
    --hds-opacity-50: .5;
    --hds-font-size-posten-h1-display: clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px);
    --hds-font-size-posten-h1-display-min: 40px;
    --hds-font-size-posten-h1-display-max: 72px;
    --hds-font-size-posten-h1: clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px);
    --hds-font-size-posten-h1-min: 32px;
    --hds-font-size-posten-h1-max: 48px;
    --hds-font-size-posten-h2: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-font-size-posten-h2-min: 28px;
    --hds-font-size-posten-h2-max: 32px;
    --hds-font-size-bring-h1-display: clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px);
    --hds-font-size-bring-h1-display-min: 40px;
    --hds-font-size-bring-h1-display-max: 72px;
    --hds-font-size-bring-h1: clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px);
    --hds-font-size-bring-h1-min: 32px;
    --hds-font-size-bring-h1-max: 48px;
    --hds-font-size-bring-h2: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-font-size-bring-h2-min: 28px;
    --hds-font-size-bring-h2-max: 32px;
    --hds-font-size-h3: clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px);
    --hds-font-size-h3-min: 22px;
    --hds-font-size-h3-max: 24px;
    --hds-font-size-h3-title: clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px);
    --hds-font-size-h3-title-min: 22px;
    --hds-font-size-h3-title-max: 24px;
    --hds-font-size-body: clamp(18px, calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))), 20px);
    --hds-font-size-body-min: 18px;
    --hds-font-size-body-max: 20px;
    --hds-font-size-body-title: clamp(18px, calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))), 20px);
    --hds-font-size-body-title-min: 18px;
    --hds-font-size-body-title-max: 20px;
    --hds-font-size-body-small: clamp(16px, calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))), 18px);
    --hds-font-size-body-small-min: 16px;
    --hds-font-size-body-small-max: 18px;
    --hds-font-size-body-small-title: clamp(16px, calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))), 18px);
    --hds-font-size-body-small-title-min: 16px;
    --hds-font-size-body-small-title-max: 18px;
    --hds-font-size-technical: clamp(14px, calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))), 16px);
    --hds-font-size-technical-min: 14px;
    --hds-font-size-technical-max: 16px;
    --hds-font-size-technical-title: clamp(14px, calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))), 16px);
    --hds-font-size-technical-title-min: 14px;
    --hds-font-size-technical-title-max: 16px;
    --hds-font-size-caption: 13px;
    --hds-font-size-caption-title: 13px;
    --hds-line-height-posten-h1-display: clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px);
    --hds-line-height-posten-h1-display-min: 56px;
    --hds-line-height-posten-h1-display-max: 80px;
    --hds-line-height-posten-h1: clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px);
    --hds-line-height-posten-h1-min: 40px;
    --hds-line-height-posten-h1-max: 56px;
    --hds-line-height-posten-h2: clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px);
    --hds-line-height-posten-h2-min: 36px;
    --hds-line-height-posten-h2-max: 40px;
    --hds-line-height-bring-h1-display: clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px);
    --hds-line-height-bring-h1-display-min: 56px;
    --hds-line-height-bring-h1-display-max: 80px;
    --hds-line-height-bring-h1: clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px);
    --hds-line-height-bring-h1-min: 40px;
    --hds-line-height-bring-h1-max: 56px;
    --hds-line-height-bring-h2: clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px);
    --hds-line-height-bring-h2-min: 36px;
    --hds-line-height-bring-h2-max: 40px;
    --hds-line-height-h3: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-line-height-h3-min: 28px;
    --hds-line-height-h3-max: 32px;
    --hds-line-height-h3-title: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-line-height-h3-title-min: 28px;
    --hds-line-height-h3-title-max: 32px;
    --hds-line-height-body: clamp(26px, calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))), 28px);
    --hds-line-height-body-min: 26px;
    --hds-line-height-body-max: 28px;
    --hds-line-height-body-title: clamp(26px, calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))), 28px);
    --hds-line-height-body-title-min: 26px;
    --hds-line-height-body-title-max: 28px;
    --hds-line-height-body-small: clamp(24px, calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))), 26px);
    --hds-line-height-body-small-min: 24px;
    --hds-line-height-body-small-max: 26px;
    --hds-line-height-body-small-title: clamp(24px, calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))), 26px);
    --hds-line-height-body-small-title-min: 24px;
    --hds-line-height-body-small-title-max: 26px;
    --hds-line-height-technical: clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px);
    --hds-line-height-technical-min: 22px;
    --hds-line-height-technical-max: 24px;
    --hds-line-height-technical-title: clamp(22px, calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))), 24px);
    --hds-line-height-technical-title-min: 22px;
    --hds-line-height-technical-title-max: 24px;
    --hds-line-height-caption: 18px;
    --hds-line-height-caption-title: 18px;
    --hds-font-weight-posten-h1-display: 700;
    --hds-font-weight-posten-h1: 700;
    --hds-font-weight-posten-h2: 500;
    --hds-font-weight-bring-h1-display: 500;
    --hds-font-weight-bring-h1: 500;
    --hds-font-weight-bring-h2: 500;
    --hds-font-weight-h3: 400;
    --hds-font-weight-h3-title: 500;
    --hds-font-weight-body: 400;
    --hds-font-weight-body-title: 500;
    --hds-font-weight-body-small: 400;
    --hds-font-weight-body-small-title: 500;
    --hds-font-weight-technical: 400;
    --hds-font-weight-technical-title: 500;
    --hds-font-weight-caption: 400;
    --hds-font-weight-caption-title: 500
}

:root, .hds-theme-posten {
    --hds-typography-h1-display: 700 clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px)/clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h1: 700 clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px)/clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h2: 500 clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px)/clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px) "Posten Sans", Arial, sans-serif;
    --hds-font-size-h1-display: clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px);
    --hds-font-size-h1-display-min: 40px;
    --hds-font-size-h1-display-max: 72px;
    --hds-font-size-h1: clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px);
    --hds-font-size-h1-min: 32px;
    --hds-font-size-h1-max: 48px;
    --hds-font-size-h2: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-font-size-h2-min: 28px;
    --hds-font-size-h2-max: 32px;
    --hds-line-height-h1-display: clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px);
    --hds-line-height-h1-display-min: 56px;
    --hds-line-height-h1-display-max: 80px;
    --hds-line-height-h1: clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px);
    --hds-line-height-h1-min: 40px;
    --hds-line-height-h1-max: 56px;
    --hds-line-height-h2: clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px);
    --hds-line-height-h2-min: 36px;
    --hds-line-height-h2-max: 40px;
    --hds-font-weight-h1-display: 700;
    --hds-font-weight-h1: 700;
    --hds-font-weight-h2: 500;
    --hds-colors-signature: #e32d22;
    --hds-colors-darker: #4a1011;
    --hds-colors-dark: #980000;
    --hds-colors-light: #ff8a5f;
    --hds-colors-lighter: #fff5f0;
    --hds-colors-signature-hover: #d62722;
    --hds-colors-light-hover: #ff7d55;
    --hds-button-colors-text: #fff;
    --hds-link-colors-text: #000;
    --hds-link-colors-underline: #e32d22;
    --hds-link-colors-hover: #e32d22;
    --hds-link-colors-underline-hover: #e32d22
}

.hds-theme-bring {
    --hds-typography-h1-display: 500 clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px)/clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h1: 500 clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px)/clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px) "Posten Sans", Arial, sans-serif;
    --hds-typography-h2: 500 clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px)/clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px) "Posten Sans", Arial, sans-serif;
    --hds-font-size-h1-display: clamp(40px, calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))), 72px);
    --hds-font-size-h1-display-min: 40px;
    --hds-font-size-h1-display-max: 72px;
    --hds-font-size-h1: clamp(32px, calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))), 48px);
    --hds-font-size-h1-min: 32px;
    --hds-font-size-h1-max: 48px;
    --hds-font-size-h2: clamp(28px, calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))), 32px);
    --hds-font-size-h2-min: 28px;
    --hds-font-size-h2-max: 32px;
    --hds-line-height-h1-display: clamp(56px, calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))), 80px);
    --hds-line-height-h1-display-min: 56px;
    --hds-line-height-h1-display-max: 80px;
    --hds-line-height-h1: clamp(40px, calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))), 56px);
    --hds-line-height-h1-min: 40px;
    --hds-line-height-h1-max: 56px;
    --hds-line-height-h2: clamp(36px, calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))), 40px);
    --hds-line-height-h2-min: 36px;
    --hds-line-height-h2-max: 40px;
    --hds-font-weight-h1-display: 500;
    --hds-font-weight-h1: 500;
    --hds-font-weight-h2: 500;
    --hds-colors-signature: #56b529;
    --hds-colors-darker: #002f19;
    --hds-colors-dark: #00643a;
    --hds-colors-light: #b5e099;
    --hds-colors-lighter: #f1f7e9;
    --hds-colors-signature-hover: #6ec943;
    --hds-colors-light-hover: #d3e593;
    --hds-button-colors-text: #000;
    --hds-link-colors-text: #000;
    --hds-link-colors-underline: #56b529;
    --hds-link-colors-hover: #00643a;
    --hds-link-colors-underline-hover: #00643a
}

@font-face {
    font-family: Posten Sans;
    src: url(/assets/fonts/PostenSans-Regular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: Posten Sans;
    src: url(/assets/fonts/PostenSans-Medium.woff2) format("woff2");
    font-display: swap;
    font-weight: 500
}

@font-face {
    font-family: Posten Sans;
    src: url(/assets/fonts/PostenSans-Bold.woff2) format("woff2");
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: Posten Sans Regular;
    src: url(/assets/fonts/PostenSans-Regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Posten Sans Medium;
    src: url(/assets/fonts/PostenSans-Medium.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Posten Sans Bold;
    src: url(/assets/fonts/PostenSans-Bold.woff2) format("woff2");
    font-display: swap
}

.hds-accordion {
    --hds-accordion-icon-dimension: 24px;
    --hds-component-accordion-content-spacing: var(--hds-spacing-32);
    --hds-component-accordion-header-spacing-between: var(--hds-spacing-16);
    border: none;
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-stroke);
    font: var(--hds-typography-body);
    fill: var(--hds-ui-colors-black);
    color: var(--hds-ui-colors-black);
    display: block
}

@media (min-width: 720px) {
    .hds-accordion {
        --hds-component-accordion-content-spacing: var(--hds-spacing-48);
        --hds-component-accordion-header-spacing-between: var(--hds-spacing-24)
    }
}

.hds-accordion .hds-accordion-item {
    overflow: hidden
}

.hds-accordion .hds-accordion-item:first-child .hds-accordion-item-header {
    border: 0
}

.hds-accordion .hds-accordion-item .hds-accordion-item-header {
    cursor: pointer;
    grid-gap: var(--hds-spacing-16);
    width: 100%;
    padding: var(--hds-component-accordion-header-spacing-between) 0;
    border: 0;
    border-top: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-stroke);
    text-align: left;
    color: inherit;
    font: var(--hds-typography-body);
    background-color: transparent;
    grid-template-columns:24px auto;
    display: grid
}

.hds-accordion .hds-accordion-item .hds-accordion-item-header:hover {
    color: var(--hds-colors-dark);
    outline: 0
}

.hds-accordion .hds-accordion-item .hds-accordion-item-header:before {
    content: "";
    width: var(--hds-accordion-icon-dimension);
    height: var(--hds-accordion-icon-dimension);
    background-image: var(--_hds-icons-cheveron-down-dark)
}

.hds-accordion .hds-accordion-item .hds-accordion-item-header[data-state=open] {
    color: var(--hds-colors-dark)
}

.hds-accordion .hds-accordion-item .hds-accordion-item-header[data-state=open]:before {
    transform: rotate(180deg)
}

.hds-accordion .hds-accordion-item .hds-accordion-item-content {
    padding: 0 0 var(--hds-component-accordion-content-spacing) var(--hds-spacing-40);
    font: var(--hds-typography-body-small);
    transition-property: grid-template-rows, padding-bottom;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    grid-template-rows:1fr;
    display: grid
}

.hds-accordion .hds-accordion-item .hds-accordion-item-content:not([data-state=open]) {
    grid-template-rows:0fr;
    padding-bottom: 0
}

.hds-accordion .hds-accordion-item .hds-accordion-item-content .hds-accordion-item-content-inner {
    overflow: hidden
}

.hds-accordion.hds-accordion--no-indent .hds-accordion-item .hds-accordion-item-content {
    padding-left: 0
}

.hds-badge {
    border-radius: var(--hds-border-radius);
    text-transform: uppercase;
    font-family: var(--hds-fonts-posten-sans);
    -moz-osx-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    vertical-align: 10%;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
    padding: var(--hds-spacing-4) var(--hds-spacing-8)
}

.hds-badge.hds-badge--small {
    padding: var(--hds-spacing-4) var(--hds-spacing-8)
}

.hds-badge.hds-badge--smaller {
    padding: 2px 6px
}

.hds-badge, .hds-badge.hds-badge--lighter {
    background-color: var(--hds-colors-lighter);
    color: var(--hds-colors-dark)
}

.hds-badge.hds-badge--darker {
    background-color: var(--hds-colors-darker);
    color: var(--hds-ui-colors-white)
}

.hds-badge.hds-badge--white {
    background-color: var(--hds-ui-colors-white);
    color: var(--hds-colors-dark)
}

.hds-badge.hds-badge--warning {
    background-color: var(--hds-ui-colors-warning-yellow);
    color: var(--hds-link-colors-text)
}

.hds-blockquote {
    margin: var(--hds-spacing-24-32) 0;
    padding: 0 var(--hds-spacing-16-20)
}

.hds-blockquote :where(p) {
    font: var(--hds-typography-h2)
}

.hds-blockquote p:not(:last-child):before {
    content: "“";
    padding-right: 3px
}

.hds-blockquote p:not(:last-child):after {
    content: "”";
    padding-left: 0
}

.hds-blockquote.hds-blockquote--norwegian p:not(:last-child):before {
    content: "«";
    padding-right: 3px
}

.hds-blockquote.hds-blockquote--norwegian p:not(:last-child):after {
    content: "»";
    padding-left: 0
}

.hds-blockquote footer {
    margin-top: var(--hds-spacing-20-24);
    font: var(--hds-typography-technical)
}

.hds-blockquote footer:before {
    content: "- "
}

.hds-box {
    border-radius: var(--hds-border-radius);
    --hds-component-box-padding: var(--hds-spacing-24-32);
    padding: var(--hds-component-box-padding);
    position: relative;
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-box.hds-box--light-grey {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-box.hds-box--lighter {
    background-color: var(--hds-colors-lighter)
}

.hds-box.hds-box--white {
    background-color: var(--hds-ui-colors-white);
    box-shadow: var(--hds-shadow-default)
}

.hds-box.hds-box--warning {
    background-color: var(--hds-ui-colors-warning-yellow)
}

.hds-box.hds-box--closed {
    display: none
}

.hds-box .hds-box__close-button {
    --hds-close-button-padding: var(--hds-spacing-8);
    width: calc(24px + var(--hds-close-button-padding));
    height: calc(24px + var(--hds-close-button-padding));
    background-color: transparent;
    background-image: var(--_hds-icons-times);
    top: calc(var(--hds-spacing-16) - var(--hds-close-button-padding) / 2);
    right: calc(var(--hds-spacing-16) - var(--hds-close-button-padding) / 2);
    border-radius: var(--hds-border-radius);
    cursor: pointer;
    transition: filter var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);
    background-position: 50%;
    border: none;
    padding: 0;
    position: absolute
}

.hds-box .hds-box__close-button:hover {
    background-color: #0000001a
}

.hds-box .hds-box__close-button:active {
    background-color: #0003
}

.hds-box .hds-box__close-button:focus-visible {
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--hds-ui-colors-black-hover);
    outline: 2px solid transparent
}

.hds-breadcrumbs {
    padding: 0;
    list-style-type: none;
    display: flex;
    font: var(--hds-typography-caption)
}

.hds-breadcrumbs a {
    font: var(--hds-typography-caption)
}

.hds-breadcrumbs li .hds-link {
    text-underline-offset: calc(.25em + 3px)
}

.hds-breadcrumbs li:first-child:before {
    display: none
}

.hds-breadcrumbs li:last-child {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-breadcrumbs li:before {
    background-image: var(--_hds-icons-cheveron-right-dark-grey);
    width: 20px;
    height: 20px;
    margin: 0 var(--hds-spacing-4);
    display: inline-block
}

@media (max-width: 719.999px) {
    .hds-breadcrumbs li:not(:only-child) {
        display: none
    }

    .hds-breadcrumbs li:nth-last-of-type(2) {
        display: inherit
    }

    .hds-breadcrumbs li:nth-last-of-type(2):before {
        background-image: var(--_hds-icons-cheveron-left-black);
        margin-left: 0;
        display: inline-block
    }
}

.hds-button {
    --hds-component-button-border-width: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    box-sizing: border-box;
    border-radius: var(--hds-border-radius);
    border-style: solid;
    border-width: var(--hds-component-button-border-width);
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    cursor: pointer;
    word-break: normal;
    font: var(--hds-typography-body-small-title);
    text-align: center;
    text-decoration: none;
    transition-property: color, background-color, border-color, fill, outline;
    display: inline-block
}

.hds-button.hds-button--small {
    --hds-component-button-small-y-padding: 10px;
    font-size: var(--hds-font-size-technical-title-max);
    line-height: var(--hds-line-height-technical-title-max);
    padding: calc(var(--hds-component-button-small-y-padding) - var(--hds-component-button-border-width)) calc(var(--hds-spacing-16) - var(--hds-component-button-border-width));
    min-height: 44px
}

.hds-button.hds-button--medium {
    font-size: var(--hds-font-size-body-small-title-max);
    line-height: var(--hds-line-height-body-small-title-max);
    padding: calc(var(--hds-spacing-12) - var(--hds-component-button-border-width)) calc(var(--hds-spacing-20) - var(--hds-component-button-border-width));
    min-height: 50px
}

.hds-button.hds-button--large {
    font-size: var(--hds-font-size-body-small-title-max);
    line-height: var(--hds-line-height-body-small-title-max);
    padding: calc(var(--hds-spacing-16) - var(--hds-component-button-border-width)) calc(var(--hds-spacing-24) - var(--hds-component-button-border-width));
    min-height: 58px
}

.hds-button.hds-button--full {
    width: 100%
}

@media (max-width: 719.999px) {
    .hds-button.hds-button--mobile-full {
        width: 100%
    }
}

.hds-button.hds-button--primary {
    background-color: var(--hds-colors-signature);
    color: var(--hds-button-colors-text);
    fill: var(--hds-button-colors-text)
}

.hds-button.hds-button--primary:hover {
    background-color: var(--hds-colors-signature-hover);
    outline: 0 solid var(--hds-colors-signature-hover)
}

.hds-button.hds-button--primary:active {
    background-color: var(--hds-colors-signature);
    outline: 0 solid var(--hds-colors-signature-hover)
}

.hds-button.hds-button--secondary {
    background-color: var(--hds-colors-darker);
    color: var(--hds-ui-colors-white);
    fill: var(--hds-ui-colors-white)
}

.hds-button.hds-button--secondary:hover {
    background-color: var(--hds-ui-colors-black);
    outline: 0 solid var(--hds-ui-colors-black)
}

.hds-button.hds-button--secondary:active {
    background-color: var(--hds-colors-darker);
    outline: 0 solid var(--hds-ui-colors-black)
}

.hds-button.hds-button--primary-outline {
    --hds-component-button-border-width: var(--hds-stroke-default);
    border-color: var(--hds-colors-signature);
    color: var(--hds-ui-colors-black);
    fill: var(--hds-ui-colors-black);
    outline-offset: 3px;
    background-color: transparent
}

.hds-button.hds-button--primary-outline:hover, .hds-button.hds-button--primary-outline:active {
    color: var(--hds-colors-dark);
    fill: var(--hds-colors-dark);
    border-color: var(--hds-colors-dark)
}

.hds-button.hds-button--secondary-outline {
    --hds-component-button-border-width: var(--hds-stroke-default);
    border-color: var(--hds-colors-darker);
    color: var(--hds-colors-darker);
    fill: var(--hds-colors-darker);
    outline-offset: 3px;
    background-color: transparent
}

.hds-button.hds-button--secondary-outline:hover, .hds-button.hds-button--secondary-outline:active {
    color: var(--hds-ui-colors-black);
    fill: var(--hds-ui-colors-black);
    border-color: var(--hds-ui-colors-black)
}

.hds-button.hds-button--white-outline {
    --hds-component-button-border-width: var(--hds-stroke-default);
    border-color: var(--hds-colors-light);
    color: var(--hds-ui-colors-white);
    fill: var(--hds-ui-colors-white);
    outline-offset: 3px;
    background-color: transparent
}

.hds-button.hds-button--white-outline:hover, .hds-button.hds-button--white-outline:active {
    color: var(--hds-colors-light);
    fill: var(--hds-colors-light)
}

.hds-button:disabled.hds-button--primary {
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    background-color: var(--hds-ui-colors-grey);
    border-color: var(--hds-ui-colors-grey);
    box-shadow: none;
    cursor: default;
    outline: 0
}

.hds-button:disabled.hds-button--secondary {
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    background-color: var(--hds-ui-colors-grey);
    border-color: var(--hds-ui-colors-grey);
    box-shadow: none;
    cursor: default;
    outline: 0
}

.hds-button:disabled.hds-button--primary-outline {
    border-color: var(--hds-ui-colors-grey);
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    cursor: default;
    background-color: transparent
}

.hds-button:disabled.hds-button--secondary-outline {
    border-color: var(--hds-ui-colors-grey);
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    cursor: default;
    background-color: transparent
}

.hds-button[disabled].hds-button--primary, .hds-button[disabled].hds-button--secondary {
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    background-color: var(--hds-ui-colors-grey);
    border-color: var(--hds-ui-colors-grey);
    box-shadow: none;
    cursor: default;
    outline: 0
}

.hds-button[disabled].hds-button--primary-outline, .hds-button[disabled].hds-button--secondary-outline {
    border-color: var(--hds-ui-colors-grey);
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    cursor: default;
    background-color: transparent
}

.hds-button[disabled]:active.hds-button--primary, .hds-button[disabled]:active.hds-button--secondary {
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    background-color: var(--hds-ui-colors-grey);
    border-color: var(--hds-ui-colors-grey);
    box-shadow: none;
    cursor: default;
    outline: 0
}

.hds-button[disabled]:active.hds-button--primary-outline, .hds-button[disabled]:active.hds-button--secondary-outline {
    border-color: var(--hds-ui-colors-grey);
    color: var(--hds-ui-colors-dark-grey);
    fill: var(--hds-ui-colors-dark-grey);
    cursor: default;
    background-color: transparent
}

.hds-button.hds-button--icon-only {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex
}

.hds-button.hds-button--icon-only.hds-button--small {
    width: 44px;
    height: 44px
}

.hds-button.hds-button--icon-only.hds-button--small * {
    width: 24px;
    height: 24px
}

.hds-button.hds-button--icon-only.hds-button--medium {
    width: 50px;
    height: 50px
}

.hds-button.hds-button--icon-only.hds-button--medium * {
    width: 32px;
    height: 32px
}

.hds-button.hds-button--icon-only.hds-button--large {
    width: 58px;
    height: 58px
}

.hds-button.hds-button--icon-only.hds-button--large * {
    width: 32px;
    height: 32px
}

.hds-card {
    border-bottom: initial;
    -webkit-text-decoration: initial;
    text-decoration: initial;
    background-color: var(--hds-colors-lighter);
    border-radius: var(--hds-border-radius-16);
    color: var(--hds-ui-colors-black);
    padding: var(--hds-spacing-20-24);
    flex-direction: column;
    max-width: 560px;
    display: flex;
    position: relative
}

.hds-card .hds-card__media {
    border-radius: var(--hds-border-radius-8);
    min-height: 120px;
    max-height: 350px;
    margin-bottom: var(--hds-spacing-12-16);
    flex: 3 auto;
    overflow: hidden
}

.hds-card .hds-card__media__img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.hds-card .hds-card__body {
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: space-between;
    display: flex
}

.hds-card .hds-card__body-header {
    margin-top: 0;
    margin-bottom: 0
}

.hds-card .hds-card__body-header-overline {
    margin-bottom: var(--hds-spacing-4-8);
    color: var(--hds-colors-dark);
    font-size: var(--hds-font-size-body-title);
    font-weight: var(--hds-font-weight-body-title);
    line-height: var(--hds-line-height-body-title);
    display: block
}

.hds-card .hds-card__body-header-title {
    font-size: var(--hds-font-size-h2);
    font-weight: var(--hds-font-weight-h1);
    line-height: var(--hds-line-height-h2);
    color: var(--hds-ui-colors-black);
    text-decoration: none
}

.hds-card .hds-card__body-description {
    margin-top: var(--hds-spacing-8-12);
    font-size: var(--hds-font-size-body);
    font-weight: var(--hds-font-weight-body);
    line-height: var(--hds-line-height-body);
    margin-bottom: auto
}

.hds-card .hds-card__body-action {
    margin-top: var(--hds-spacing-8-12);
    display: inline-block
}

.hds-card .hds-card__body-action-arrow {
    display: inline-block
}

.hds-card .hds-card__body-action:hover .hds-card__body-action-arrow {
    background-image: var(--_hds-icons-arrow-right-dark);
    transform: translate(2px)
}

.hds-card .hds-card__body-action:hover .hds-card__body-action-arrow-up-right {
    transform: rotate(-45deg) translate(2px)
}

.hds-card .hds-card__body-action:first-child {
    margin-top: 0
}

.hds-card .hds-card__body-action-arrow {
    background-image: var(--_hds-icons-arrow-right);
    width: var(--hds-spacing-20);
    height: var(--hds-spacing-20);
    transition: transform var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);
    border-bottom: none;
    margin-right: 10px;
    transform: translate(0)
}

.hds-card .hds-card__body-action-arrow-up-right {
    transform: rotate(-45deg)
}

.hds-card--color-white {
    background-color: var(--hds-ui-colors-white)
}

.hds-card--color-light-grey-fill {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-card--color-darker {
    background-color: var(--hds-colors-darker)
}

.hds-card--focus, .hds-card--full-width {
    grid-template-rows:1fr 1fr;
    max-width: none;
    display: grid
}

@media (min-width: 460px) {
    :is(.hds-card--focus,.hds-card--full-width) {
        flex-direction: row;
        display: flex
    }
}

:is(.hds-card--focus,.hds-card--full-width) .hds-card__media {
    min-height: 220px;
    max-height: 500px;
    margin-bottom: 0;
    overflow: auto
}

@media (min-width: 460px) {
    :is(.hds-card--focus,.hds-card--full-width) .hds-card__media {
        min-height: none;
        max-height: none
    }
}

:is(.hds-card--focus,.hds-card--full-width) .hds-card__media__img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

:is(.hds-card--focus,.hds-card--full-width) .hds-card__body {
    padding: var(--hds-spacing-32-40);
    padding-top: calc(var(--hds-spacing-32-40) + var(--hds-spacing-12-16))
}

@media (min-width: 460px) {
    :is(.hds-card--focus,.hds-card--full-width) .hds-card__body {
        width: 50%;
        height: auto;
        padding-left: calc(var(--hds-spacing-32-40) + var(--hds-spacing-12-16));
        padding-top: var(--hds-spacing-32-40)
    }
}

:is(.hds-card--focus,.hds-card--full-width) .hds-card__body-description {
    margin-top: var(--hds-spacing-20-24)
}

:is(.hds-card--focus,.hds-card--full-width) .hds-card__body-action {
    margin-top: var(--hds-spacing-20-24)
}

.hds-card--focus .hds-card__body-header-overline {
    color: var(--hds-colors-light)
}

.hds-card--focus .hds-card__body-description, .hds-card--focus .hds-card__body-header-title {
    color: var(--hds-ui-colors-white)
}

.hds-card--miniature {
    flex-direction: row
}

.hds-card--miniature .hds-card__media {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: var(--hds-ui-colors-white);
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    margin-right: var(--hds-spacing-12-16);
    margin-bottom: 0
}

.hds-card--miniature .hds-card__body {
    flex-basis: min-content;
    padding-top: 0
}

.hds-card--miniature .hds-card__body .hds-card__body-header-title {
    font-size: var(--hds-font-size-body-title);
    font-weight: var(--hds-font-weight-body-title);
    line-height: var(--hds-line-height-body-title)
}

:where(.hds-description-list) {
    margin: 0
}

.hds-description-list {
    font: var(--hds-typography-body);
    padding-left: 0;
    list-style: none
}

.hds-description-list dt {
    font: var(--hds-typography-body-title)
}

.hds-description-list :is(dt,div):not(:first-of-type) {
    margin-top: var(--hds-spacing-12)
}

.hds-description-list dd {
    margin-left: 0;
    margin-top: 2px
}

.hds-description-list.hds-description-list--vertical dd {
    margin-top: 2px
}

.hds-description-list.hds-description-list--horizontal dt {
    margin-right: var(--hds-spacing-8);
    display: inline-block
}

.hds-description-list.hds-description-list--horizontal dd {
    margin-top: 0;
    display: inline
}

.hds-description-list.hds-description-list--horizontal dd:after {
    content: "\a";
    white-space: pre
}

.hds-description-list.hds-description-list--horizontal :is(dt,dd) * {
    display: inline
}

:where(.hds-figure) {
    margin: 0;
    padding: 0
}

.hds-figure img {
    width: 100%
}

.hds-figure .hds-figure__container {
    position: relative
}

.hds-figure .hds-figure__container:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(rgba(0, 0, 0, .1) 0%, transparent 20%, transparent 80%, rgba(0, 0, 0, .1) 100%);
    width: 100%;
    height: 100%;
    position: absolute
}

.hds-figure figcaption {
    margin-top: var(--hds-spacing-12);
    font-size: var(--hds-font-size-caption);
    text-align: left;
    color: var(--hds-ui-colors-black);
    line-height: 1.5;
    position: relative
}

.hds-footer {
    --footer-color: var(--hds-colors-lighter);
    --footer-color-hover: var(--hds-colors-light-hover);
    padding: var(--hds-spacing-48) 0;
    background-color: var(--hds-colors-darker);
    color: var(--footer-color)
}

.hds-footer.hds-footer--slim {
    padding: calc(var(--hds-spacing-48) + var(--hds-spacing-24)) 0
}

.hds-footer .hds-footer__links-and-buttons {
    gap: var(--hds-spacing-24);
    grid-template-columns:1fr;
    display: grid
}

@media (min-width: 940px) {
    .hds-footer .hds-footer__links-and-buttons {
        grid-template-columns:repeat(auto-fit, minmax(0, 1fr))
    }
}

.hds-footer .hds-footer__button-link-section {
    gap: var(--hds-spacing-12-16);
    flex-direction: column;
    order: 0;
    display: flex
}

@media (min-width: 940px) {
    .hds-footer .hds-footer__button-link-section {
        order: 1
    }
}

.hds-footer .hds-footer__button-link-section .hds-button {
    color: var(--footer-color);
    border-color: var(--footer-color-hover)
}

.hds-footer .hds-footer__button-link-section .hds-button:hover {
    color: var(--footer-color-hover)
}

.hds-footer .hds-footer__link-sections.hds-accordion:empty {
    display: none
}

.hds-footer .hds-footer__link-sections.hds-accordion .hds-footer__link-section.hds-accordion-item .hds-accordion-item-header {
    color: var(--footer-color)
}

.hds-footer .hds-footer__link-sections.hds-accordion .hds-footer__link-section.hds-accordion-item .hds-accordion-item-header:before {
    background-image: var(--_hds-icons-cheveron-down);
    filter: invert()
}

@media (min-width: 940px) {
    .hds-footer .hds-footer__link-sections.hds-accordion {
        display: contents
    }

    .hds-footer .hds-footer__link-sections.hds-accordion .hds-footer__link-section h2 {
        font: var(--hds-typography-body-title);
        color: var(--footer-color);
        margin-bottom: var(--hds-spacing-16)
    }

    .hds-footer .hds-footer__link-section.hds-accordion-item {
        display: none
    }
}

@media (max-width: 939.999px) {
    .hds-footer .hds-footer__link-section:not(.hds-accordion-item) {
        display: none
    }
}

.hds-footer .hds-footer__link-section .hds-list.hds-list--link-list a {
    color: var(--footer-color);
    text-decoration: none
}

.hds-footer .hds-footer__link-section .hds-list.hds-list--link-list a:active, .hds-footer .hds-footer__link-section .hds-list.hds-list--link-list a:hover {
    color: var(--footer-color-hover)
}

.hds-footer .hds-footer__logo {
    background-image: var(--_hds-logo-primary);
    width: var(--_hds-logo-primary-width);
    height: var(--_hds-logo-primary-height);
    display: block
}

.hds-footer .hds-footer__logo-row {
    row-gap: var(--hds-spacing-20);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.hds-footer .hds-footer__logo-row:not(:first-child) {
    margin-top: var(--hds-spacing-48)
}

@media (max-width: 939.999px) {
    .hds-footer .hds-footer__logo-row {
        flex-direction: column;
        align-items: flex-start
    }
}

.hds-footer .hds-footer__logo-row svg {
    fill: var(--footer-color)
}

.hds-footer .hds-footer__logo-row:not(:last-child) {
    padding-bottom: var(--hds-spacing-24);
    border-bottom: var(--hds-stroke-default) solid var(--hds-colors-dark);
    margin-bottom: var(--hds-spacing-24)
}

.hds-footer .hds-footer__copyright-and-links {
    font: var(--hds-typography-body-small);
    gap: var(--hds-spacing-20) var(--hds-spacing-40);
    flex-wrap: wrap;
    display: flex
}

.hds-footer .hds-footer__copyright-and-links a {
    color: var(--footer-color)
}

.hds-footer .hds-footer__copyright-and-links a:hover {
    color: var(--footer-color-hover);
    text-decoration-color: currentColor
}

.hds-footer .hds-footer__copyright-and-links .hds-link {
    color: var(--footer-color)
}

.hds-footer .hds-footer__copyright-and-links .hds-link:hover {
    color: var(--footer-color-hover);
    text-decoration-color: currentColor
}

@media (max-width: 939.999px) {
    .hds-footer .hds-footer__copyright-and-links {
        -moz-column-gap: var(--hds-spacing-12);
        column-gap: var(--hds-spacing-12)
    }

    .hds-footer .hds-footer__copyright-and-links .hds-footer__copyright {
        flex: 0 0 100%
    }
}

.hds-checkbox-wrapper {
    gap: var(--hds-spacing-8);
    flex-flow: column;
    display: flex
}

.hds-checkbox {
    --checkmark-width: 16px;
    --checkmark-margin: var(--hds-spacing-4);
    padding: 0 0 0 calc(var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));
    border-radius: var(--hds-border-radius);
    font: var(--hds-typography-body-small);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    position: relative
}

.hds-checkbox * {
    cursor: pointer
}

.hds-checkbox .hds-checkbox__title {
    font-weight: var(--hds-font-weight-body-title);
    padding-bottom: var(--hds-spacing-12)
}

.hds-checkbox label:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hds-checkbox input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.hds-checkbox .hds-checkbox__checkmark {
    margin: var(--checkmark-margin);
    height: var(--checkmark-width);
    width: var(--checkmark-width);
    border: solid 2px var(--hds-colors-darker);
    position: absolute;
    left: 0
}

.hds-checkbox input[type=checkbox]:checked ~ .hds-checkbox__checkmark:after {
    display: block
}

.hds-checkbox .hds-checkbox__checkmark:after {
    content: "";
    border: solid var(--hds-colors-dark);
    border-width: 0 2px 2px 0;
    width: 4px;
    height: 8px;
    display: none;
    position: absolute;
    top: 1px;
    left: 4px;
    transform: rotate(45deg)
}

.hds-checkbox.hds-checkbox--bounding-box {
    background-color: var(--hds-colors-lighter);
    padding: calc(var(--hds-spacing-16) - 1px) var(--hds-spacing-32) calc(var(--hds-spacing-16) - 1px) calc(var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));
    border: solid var(--hds-stroke-default) var(--hds-colors-lighter)
}

.hds-checkbox.hds-checkbox--bounding-box .hds-checkbox__checkmark {
    left: var(--hds-spacing-16)
}

.hds-checkbox.hds-checkbox--bounding-box.hds-checkbox--error {
    border: solid var(--hds-stroke-default) var(--hds-ui-colors-warning-yellow)
}

.hds-checkbox.hds-checkbox--error .hds-checkbox__checkmark {
    border-color: var(--hds-ui-colors-warning-yellow)
}

.hds-checkbox.hds-checkbox--error .hds-checkbox__checkmark:after {
    border-color: var(--hds-ui-colors-warning-yellow)
}

.hds-checkbox input[type=checkbox]:disabled ~ .hds-checkbox__checkmark {
    border-color: var(--hds-ui-colors-grey);
    cursor: default
}

.hds-checkbox input[type=checkbox]:disabled ~ .hds-checkbox__checkmark:after {
    border-color: var(--hds-ui-colors-grey);
    cursor: default
}

.hds-checkbox.hds-checkbox:has(input:disabled) {
    cursor: default;
    color: var(--hds-ui-colors-dark-grey)
}

.hds-checkbox.hds-checkbox:has(input:disabled).hds-checkbox--bounding-box {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-checkbox:has(input[type=checkbox]:focus-visible) {
    outline: 2px solid var(--hds-colors-dark);
    outline-offset: 2px
}

.hds-date-picker {
    --hds-date-picker-background-size: 24px
}

.hds-date-picker .hds-input-group__input-wrapper {
    position: relative
}

.hds-date-picker .hds-input-group__input-wrapper .hds-date-picker__calendar-button {
    opacity: .75;
    height: calc(var(--hds-date-picker-background-size) + var(--hds-spacing-20));
    width: calc(var(--hds-date-picker-background-size) + var(--hds-spacing-20));
    background-color: var(--hds-input-group-background-color);
    background-image: var(--_hds-icons-calendar-days);
    background-size: var(--hds-date-picker-background-size);
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    display: none;
    position: absolute;
    top: 6px;
    right: 6px
}

@supports selector(::-webkit-calendar-picker-indicator) {
    .hds-date-picker .hds-input-group__input-wrapper .hds-date-picker__calendar-button {
        display: block
    }
}

.hds-date-picker .hds-input-group__input-wrapper .hds-date-picker__calendar-button:hover {
    opacity: 1
}

.hds-date-picker .hds-input-group__input-wrapper:has(.hds-input-group__input:-moz-read-only) .hds-date-picker__calendar-button {
    display: none
}

.hds-date-picker .hds-input-group__input-wrapper:has(.hds-input-group__input:read-only) .hds-date-picker__calendar-button {
    display: none
}

.hds-date-picker .hds-input-group__input {
    padding-right: calc(var(--hds-date-picker-background-size) + var(--hds-spacing-16));
    height: calc(var(--hds-spacing-16) * 2 + var(--hds-line-height-body-small-min));
    cursor: text
}

.hds-date-picker .hds-input-group__input::-webkit-calendar-picker-indicator {
    display: none
}

.hds-error-message {
    font: var(--hds-typography-caption-title);
    color: var(--hds-ui-colors-black);
    padding: var(--hds-spacing-8) 0 0 var(--hds-spacing-40)
}

.hds-error-message:empty {
    width: 0;
    height: 0;
    padding: 0;
    position: fixed
}

.hds-error-message:not(:empty) {
    background-image: var(--_hds-warning-yellow);
    background-repeat: no-repeat;
    background-position-x: var(--hds-spacing-8);
    background-position-y: var(--hds-spacing-4)
}

:where(.hds-fieldset) {
    --hds-fieldset-spacing: var(--hds-spacing-8);
    margin: 0
}

.hds-fieldset {
    gap: var(--hds-fieldset-spacing);
    border: 0;
    flex-flow: column;
    padding: 0;
    display: flex
}

.hds-fieldset:focus-within .hds-fieldset__legend {
    color: var(--hds-colors-darker)
}

.hds-fieldset .hds-fieldset__legend, .hds-fieldset .hds-fieldset__legend--default {
    margin-bottom: var(--hds-fieldset-spacing);
    transition: color var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);
    font: var(--hds-typography-caption);
    padding: 0
}

.hds-fieldset .hds-fieldset__legend--large {
    font: var(--hds-typography-body-title)
}

.hds-input .hds-input-group__input {
    height: calc(var(--hds-spacing-16) * 2 + var(--hds-line-height-body-small-min))
}

.hds-input-group {
    --hds-input-group-background-color: var(--hds-ui-colors-light-grey-fill);
    gap: var(--hds-spacing-4);
    flex-flow: column;
    display: flex
}

.hds-input-group.hds-input-group--white {
    --hds-input-group-background-color: var(--hds-ui-colors-white)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only) {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only) {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only):not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only):not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper[data-readonly=true] {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper[data-readonly=true]:not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only):focus-within {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only):focus-within {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only):focus-within:not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only):focus-within:not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(.hds-input-group__input:disabled) {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper:has(.hds-input-group__input:disabled):not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper[data-disabled=true] {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group.hds-input-group--error .hds-input-group__input-wrapper[data-disabled=true]:not(:focus-within) {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow)
}

.hds-input-group:focus-within .hds-input-group__label {
    color: var(--hds-colors-dark)
}

.hds-input-group .hds-input-group__label {
    transition: color var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);
    font: var(--hds-typography-caption)
}

.hds-input-group:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only,.hds-input-group__input:disabled):not(:focus-within) .hds-input-group__label {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only,.hds-input-group__input:disabled):not(:focus-within) .hds-input-group__label {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input-wrapper {
    background-color: var(--hds-input-group-background-color);
    border: 0;
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-dark-grey);
    border-top-left-radius: var(--hds-border-radius);
    border-top-right-radius: var(--hds-border-radius);
    width: 100%;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    box-sizing: border-box;
    flex-flow: row;
    transition-property: border-color;
    display: flex
}

.hds-input-group .hds-input-group__input-wrapper:focus-within {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-colors-dark);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only):focus-within {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-colors-dark);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only):focus-within {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-colors-dark);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group .hds-input-group__input-wrapper[data-readonly=true]:focus-within {
    border-bottom: var(--hds-stroke-thick) solid var(--hds-colors-dark);
    margin-bottom: calc(-1 * var(--hds-stroke-default))
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only) {
    background-color: var(--hds-ui-colors-grey);
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only) {
    background-color: var(--hds-ui-colors-grey);
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:-moz-read-only,textarea.hds-input-group__input:-moz-read-only) .hds-input-group__input {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input-wrapper:has(input.hds-input-group__input:read-only,textarea.hds-input-group__input:read-only) .hds-input-group__input {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input-wrapper[data-readonly=true] {
    background-color: var(--hds-ui-colors-grey);
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input-wrapper[data-readonly=true] .hds-input-group__input {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input-wrapper:has(.hds-input-group__input:disabled) {
    background-color: var(--hds-ui-colors-grey);
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input-wrapper:has(.hds-input-group__input:disabled) .hds-input-group__input {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input-wrapper[data-disabled=true] {
    background-color: var(--hds-ui-colors-grey);
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input-wrapper[data-disabled=true] .hds-input-group__input {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input {
    color: var(--hds-ui-colors-black);
    width: 100%;
    padding: var(--hds-spacing-16);
    font: var(--hds-typography-body-small);
    background: 0 0;
    border: 0;
    line-height: normal
}

.hds-input-group .hds-input-group__input::-moz-placeholder {
    color: var(--hds-ui-colors-dark-grey);
    opacity: 1
}

.hds-input-group .hds-input-group__input::placeholder {
    color: var(--hds-ui-colors-dark-grey);
    opacity: 1
}

.hds-input-group .hds-input-group__input:focus {
    outline: 0
}

.hds-input-group .hds-input-group__input:focus::-moz-placeholder {
    color: var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input:focus::placeholder {
    color: var(--hds-ui-colors-grey)
}

.hds-input-group .hds-input-group__input:read-only:focus::-moz-placeholder {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input:-moz-read-only:focus::placeholder {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-input-group .hds-input-group__input:read-only:focus::placeholder {
    color: var(--hds-ui-colors-dark-grey)
}

.hds-radio-button {
    --checkmark-width: 16px;
    --checkmark-margin: var(--hds-spacing-4);
    padding: 0 0 0 calc(var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));
    border-radius: var(--hds-border-radius);
    font: var(--hds-typography-body-small);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    position: relative
}

.hds-radio-button * {
    cursor: pointer
}

.hds-radio-button .hds-radio-button__title {
    font-weight: var(--hds-font-weight-body-title);
    padding-bottom: var(--hds-spacing-12)
}

.hds-radio-button label:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hds-radio-button input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.hds-radio-button .hds-radio-button__checkmark {
    margin: var(--hds-spacing-4);
    height: var(--checkmark-width);
    width: var(--checkmark-width);
    border: solid 2px var(--hds-colors-darker);
    border-radius: 50%;
    position: absolute;
    left: 0
}

.hds-radio-button input[type=radio]:checked ~ .hds-radio-button__checkmark:after {
    display: block
}

.hds-radio-button .hds-radio-button__checkmark:after {
    content: "";
    background: var(--hds-colors-dark);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    display: none;
    position: absolute;
    top: 3px;
    left: 3px
}

.hds-radio-button.hds-radio-button--bounding-box {
    background-color: var(--hds-colors-lighter);
    padding: calc(var(--hds-spacing-16) - 1px) var(--hds-spacing-32) calc(var(--hds-spacing-16) - 1px) calc(var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));
    border: solid var(--hds-stroke-default) var(--hds-colors-lighter)
}

.hds-radio-button.hds-radio-button--bounding-box .hds-radio-button__checkmark {
    left: var(--hds-spacing-16)
}

.hds-radio-button.hds-radio-button--bounding-box.hds-radio-button--error {
    border: solid var(--hds-stroke-default) var(--hds-ui-colors-warning-yellow)
}

.hds-radio-button.hds-radio-button--error .hds-radio-button__checkmark {
    border-color: var(--hds-ui-colors-warning-yellow)
}

.hds-radio-button.hds-radio-button--error .hds-radio-button__checkmark:after {
    background: var(--hds-ui-colors-warning-yellow)
}

.hds-radio-button input[type=radio]:disabled ~ .hds-radio-button__checkmark {
    border-color: var(--hds-ui-colors-grey);
    cursor: default
}

.hds-radio-button input[type=radio]:disabled ~ .hds-radio-button__checkmark:after {
    border-color: var(--hds-ui-colors-grey);
    background: var(--hds-ui-colors-grey);
    cursor: default
}

.hds-radio-button.hds-radio-button:has(input:disabled) {
    cursor: default;
    color: var(--hds-ui-colors-dark-grey)
}

.hds-radio-button.hds-radio-button:has(input:disabled).hds-radio-button--bounding-box {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-radio-button:has(input[type=radio]:focus-visible) {
    outline: 2px solid var(--hds-colors-dark);
    outline-offset: 2px
}

.hds-select {
    --hds-select-background-size: 24px
}

.hds-select .hds-input-group__input-wrapper {
    background-image: var(--_hds-icons-cheveron-down);
    background-size: var(--hds-select-background-size);
    background-position: calc(100% - var(--hds-spacing-16)) 50%;
    background-repeat: no-repeat
}

.hds-select .hds-input-group__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: calc(var(--hds-select-background-size) + var(--hds-spacing-16));
    height: calc(var(--hds-spacing-16) * 2 + var(--hds-line-height-body-small-min))
}

.hds-textarea .hds-input-group__input {
    min-height: calc((var(--hds-spacing-16) + var(--hds-line-height-body-small-min)) * 2)
}

.hds-help-text-button {
    color: inherit;
    cursor: pointer;
    font: inherit;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-color: var(--hds-ui-colors-black);
    text-underline-offset: var(--hds-spacing-4-8);
    text-align: left;
    background: 0 0;
    border: none;
    padding: 0 2px 2px;
    text-decoration-thickness: 1px
}

.hds-help-text-button[data-state=open] {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-help-text-button:after {
    content: "";
    background-image: var(--_hds-info-square);
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    display: inline-block
}

.hds-help-text-button:not(:empty):after {
    margin-left: var(--hds-spacing-4)
}

.hds-help-text-box {
    min-width: var(--hds-spacing-160);
    max-width: min(100vw, 400px);
    animation-duration: var(--hds-micro-animation-duration-normal);
    animation-timing-function: var(--hds-micro-animation-easing-out);
    will-change: transform, opacity
}

.hds-help-text-box[data-state=open][data-side=top] {
    animation-name: hds-slide-down-and-fade
}

.hds-help-text-box[data-state=open][data-side=right] {
    animation-name: hds-slide-left-and-fade
}

.hds-help-text-box[data-state=open][data-side=bottom] {
    animation-name: hds-slide-up-and-fade
}

.hds-help-text-box[data-state=open][data-side=left] {
    animation-name: hds-slide-right-and-fade
}

@keyframes hds-slide-up-and-fade {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
}

@keyframes hds-slide-right-and-fade {
    0% {
        opacity: 0;
        transform: translate(10px)
    }
}

@keyframes hds-slide-down-and-fade {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes hds-slide-left-and-fade {
    0% {
        opacity: 0;
        transform: translate(-10px)
    }
}

.hds-container {
    padding: 0 var(--hds-spacing-16);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width: 720px) {
    .hds-container {
        max-width: 590px;
        padding: 0
    }
}

@media (min-width: 940px) {
    .hds-container {
        max-width: 1200px;
        padding: 0 var(--hds-spacing-32)
    }
}

@media (min-width: 720px) {
    .hds-container.hds-container--default {
        max-width: 590px;
        padding: 0
    }
}

@media (min-width: 940px) {
    .hds-container.hds-container--default {
        max-width: 1200px;
        padding: 0 var(--hds-spacing-32)
    }
}

@media (min-width: 720px) {
    .hds-container.hds-container--slim {
        max-width: 590px;
        padding: 0
    }
}

@media (min-width: 940px) {
    .hds-container.hds-container--slim {
        max-width: 762px;
        padding: 0 var(--hds-spacing-32)
    }
}

.hds-container.hds-container--pt {
    padding-top: var(--hds-spacing-12)
}

.hds-container.hds-container--pb {
    padding-bottom: var(--hds-spacing-12)
}

.hds-container.hds-container--mt {
    margin-top: var(--hds-spacing-12)
}

.hds-container.hds-container--mb {
    margin-bottom: var(--hds-spacing-12)
}

@media (min-width: 720px) {
    .hds-container.hds-container--pt {
        padding-top: var(--hds-spacing-32)
    }

    .hds-container.hds-container--pb {
        padding-bottom: var(--hds-spacing-32)
    }

    .hds-container.hds-container--mt {
        margin-top: var(--hds-spacing-32)
    }

    .hds-container.hds-container--mb {
        margin-bottom: var(--hds-spacing-32)
    }
}

@media (min-width: 940px) {
    .hds-container.hds-container--mt {
        margin-top: var(--hds-spacing-48)
    }

    .hds-container.hds-container--mb {
        margin-bottom: var(--hds-spacing-48)
    }
}

@media (min-width: 1200px) {
    .hds-container.hds-container--pt {
        padding-top: var(--hds-spacing-40)
    }

    .hds-container.hds-container--pb {
        padding-bottom: var(--hds-spacing-40)
    }
}

.hds-flex > * {
    margin-bottom: var(--hds-spacing-4)
}

@media (max-width: 939.999px) {
    .hds-flex > *:last-of-type {
        margin-bottom: 0
    }

    .hds-flex--gutter-large-mobile > * {
        margin-bottom: var(--hds-spacing-16)
    }

    .hds-flex--gutter-larger-mobile > * {
        margin-bottom: var(--hds-spacing-24)
    }

    .hds-flex--gutter-largest-mobile > * {
        margin-bottom: var(--hds-spacing-40)
    }
}

@media (min-width: 940px) {
    .hds-flex {
        display: flex
    }

    .hds-flex > * {
        margin-right: var(--hds-spacing-4);
        flex: 1;
        margin-bottom: 0
    }

    .hds-flex > *:last-of-type {
        margin-right: 0
    }
}

.hds-flex--variable-height {
    align-items: flex-start
}

.hds-flex--gutter-large-desktop > * {
    margin-right: var(--hds-spacing-16)
}

.hds-flex--gutter-larger-desktop > * {
    margin-right: var(--hds-spacing-24)
}

.hds-flex--gutter-largest-desktop > * {
    margin-right: var(--hds-spacing-40)
}

.hds-flex--gutter-medium-desktop > * {
    margin-right: var(--hds-spacing-8)
}

.hds-flex--twos, .hds-flex--thirds, .hds-flex--fourths, .hds-flex--two-one, .hds-flex--one-two {
    flex-wrap: wrap
}

:is(.hds-flex--twos,.hds-flex--thirds,.hds-flex--fourths,.hds-flex--two-one,.hds-flex--one-two) > * {
    margin-bottom: var(--hds-spacing-4)
}

.hds-flex--twos > * {
    min-width: calc(50% - (var(--hds-spacing-4) / 2));
    max-width: calc(50% - (var(--hds-spacing-4) / 2))
}

.hds-flex--twos > *:nth-of-type(2n) {
    margin-right: 0
}

.hds-flex--twos > *:nth-child(odd):nth-last-child(-n+2) {
    margin-bottom: 0
}

.hds-flex--twos > *:nth-child(odd):nth-last-child(-n+2) ~ * {
    margin-bottom: 0
}

.hds-flex--two-one > * {
    min-width: calc((200% / 3) - (var(--hds-spacing-4) / 2));
    max-width: calc((200% / 3) - (var(--hds-spacing-4) / 2))
}

.hds-flex--two-one > *:nth-of-type(2n) {
    min-width: calc((100% / 3) - (var(--hds-spacing-4) / 2));
    max-width: calc((100% / 3) - (var(--hds-spacing-4) / 2));
    margin-right: 0
}

.hds-flex--two-one > *:nth-child(odd):nth-last-child(-n+2) {
    margin-bottom: 0
}

.hds-flex--two-one > *:nth-child(odd):nth-last-child(-n+2) ~ * {
    margin-bottom: 0
}

.hds-flex--one-two > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-4) / 2));
    max-width: calc((100% / 3) - (var(--hds-spacing-4) / 2))
}

.hds-flex--one-two > *:nth-of-type(2n) {
    min-width: calc((200% / 3) - (var(--hds-spacing-4) / 2));
    max-width: calc((200% / 3) - (var(--hds-spacing-4) / 2));
    margin-right: 0
}

.hds-flex--one-two > *:nth-child(odd):nth-last-child(-n+2) {
    margin-bottom: 0
}

.hds-flex--one-two > *:nth-child(odd):nth-last-child(-n+2) ~ * {
    margin-bottom: 0
}

.hds-flex--thirds > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-4) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-4) * 2 / 3))
}

.hds-flex--thirds > *:nth-of-type(3n) {
    margin-right: 0
}

.hds-flex--thirds > *:nth-child(3n+1):nth-last-child(-n+3) {
    margin-bottom: 0
}

.hds-flex--thirds > *:nth-child(3n+1):nth-last-child(-n+3) ~ * {
    margin-bottom: 0
}

.hds-flex--fourths > * {
    min-width: calc(25% - (var(--hds-spacing-4) * 3 / 4));
    max-width: calc(25% - (var(--hds-spacing-4) * 3 / 4))
}

.hds-flex--fourths > *:nth-of-type(4n) {
    margin-right: 0
}

.hds-flex--fourths > *:nth-child(4n+1):nth-last-child(-n+4) {
    margin-bottom: 0
}

.hds-flex--fourths > *:nth-child(4n+1):nth-last-child(-n+4) ~ * {
    margin-bottom: 0
}

.hds-flex--gutter-medium-desktop.hds-flex--twos > * {
    min-width: calc(50% - (var(--hds-spacing-8) / 2));
    max-width: calc(50% - (var(--hds-spacing-8) / 2));
    margin-bottom: var(--hds-spacing-8)
}

.hds-flex--gutter-medium-desktop.hds-flex--thirds > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    margin-bottom: var(--hds-spacing-8)
}

.hds-flex--gutter-medium-desktop.hds-flex--fourths > * {
    min-width: calc(25% - (var(--hds-spacing-8) * 3 / 4));
    max-width: calc(25% - (var(--hds-spacing-8) * 3 / 4));
    margin-bottom: var(--hds-spacing-8)
}

.hds-flex--gutter-medium-desktop.hds-flex--two-one > * {
    min-width: calc((200% / 3) - (var(--hds-spacing-8) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-8) / 3));
    margin-bottom: var(--hds-spacing-8)
}

.hds-flex--gutter-medium-desktop.hds-flex--two-one > *:nth-of-type(2n) {
    min-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    margin-right: 0
}

.hds-flex--gutter-medium-desktop.hds-flex--one-two > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-8) * 2 / 3));
    margin-bottom: var(--hds-spacing-8)
}

.hds-flex--gutter-medium-desktop.hds-flex--one-two > *:nth-of-type(2n) {
    min-width: calc((200% / 3) - (var(--hds-spacing-8) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-8) / 3));
    margin-right: 0
}

.hds-flex--gutter-large-desktop.hds-flex--twos > * {
    min-width: calc(50% - (var(--hds-spacing-16) / 2));
    max-width: calc(50% - (var(--hds-spacing-16) / 2));
    margin-bottom: var(--hds-spacing-16)
}

.hds-flex--gutter-large-desktop.hds-flex--thirds > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    margin-bottom: var(--hds-spacing-16)
}

.hds-flex--gutter-large-desktop.hds-flex--fourths > * {
    min-width: calc(25% - (var(--hds-spacing-16) * 3 / 4));
    max-width: calc(25% - (var(--hds-spacing-16) * 3 / 4));
    margin-bottom: var(--hds-spacing-16)
}

.hds-flex--gutter-large-desktop.hds-flex--two-one > * {
    min-width: calc((200% / 3) - (var(--hds-spacing-16) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-16) / 3));
    margin-bottom: var(--hds-spacing-16)
}

.hds-flex--gutter-large-desktop.hds-flex--two-one > *:nth-of-type(2n) {
    min-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    margin-right: 0
}

.hds-flex--gutter-large-desktop.hds-flex--one-two > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-16) * 2 / 3));
    margin-bottom: var(--hds-spacing-16)
}

.hds-flex--gutter-large-desktop.hds-flex--one-two > *:nth-of-type(2n) {
    min-width: calc((200% / 3) - (var(--hds-spacing-16) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-16) / 3));
    margin-right: 0
}

.hds-flex--gutter-larger-desktop.hds-flex--twos > * {
    min-width: calc(50% - (var(--hds-spacing-24) / 2));
    max-width: calc(50% - (var(--hds-spacing-24) / 2));
    margin-bottom: var(--hds-spacing-24)
}

.hds-flex--gutter-larger-desktop.hds-flex--thirds > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    margin-bottom: var(--hds-spacing-24)
}

.hds-flex--gutter-larger-desktop.hds-flex--fourths > * {
    min-width: calc(25% - (var(--hds-spacing-24) * 3 / 4));
    max-width: calc(25% - (var(--hds-spacing-24) * 3 / 4));
    margin-bottom: var(--hds-spacing-24)
}

.hds-flex--gutter-larger-desktop.hds-flex--two-one > * {
    min-width: calc((200% / 3) - (var(--hds-spacing-24) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-24) / 3));
    margin-bottom: var(--hds-spacing-24)
}

.hds-flex--gutter-larger-desktop.hds-flex--two-one > *:nth-of-type(2n) {
    min-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    margin-right: 0
}

.hds-flex--gutter-larger-desktop.hds-flex--one-two > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-24) * 2 / 3));
    margin-bottom: var(--hds-spacing-24)
}

.hds-flex--gutter-larger-desktop.hds-flex--one-two > *:nth-of-type(2n) {
    min-width: calc((200% / 3) - (var(--hds-spacing-24) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-24) / 3));
    margin-right: 0
}

.hds-flex--gutter-largest-desktop.hds-flex--twos > * {
    min-width: calc(50% - (var(--hds-spacing-40) / 2));
    max-width: calc(50% - (var(--hds-spacing-40) / 2));
    margin-bottom: var(--hds-spacing-40)
}

.hds-flex--gutter-largest-desktop.hds-flex--thirds > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    margin-bottom: var(--hds-spacing-40)
}

.hds-flex--gutter-largest-desktop.hds-flex--fourths > * {
    min-width: calc(25% - (var(--hds-spacing-40) * 3 / 4));
    max-width: calc(25% - (var(--hds-spacing-40) * 3 / 4));
    margin-bottom: var(--hds-spacing-40)
}

.hds-flex--gutter-largest-desktop.hds-flex--two-one > * {
    min-width: calc((200% / 3) - (var(--hds-spacing-40) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-40) / 3));
    margin-bottom: var(--hds-spacing-40)
}

.hds-flex--gutter-largest-desktop.hds-flex--two-one > *:nth-of-type(2n) {
    min-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    margin-right: 0
}

.hds-flex--gutter-largest-desktop.hds-flex--one-two > * {
    min-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    max-width: calc((100% / 3) - (var(--hds-spacing-40) * 2 / 3));
    margin-bottom: var(--hds-spacing-40)
}

.hds-flex--gutter-largest-desktop.hds-flex--one-two > *:nth-of-type(2n) {
    min-width: calc((200% / 3) - (var(--hds-spacing-40) / 3));
    max-width: calc((200% / 3) - (var(--hds-spacing-40) / 3));
    margin-right: 0
}

.hds-grid {
    --hds-grid-gap-initial: initial;
    --hds-grid-gap-small: var(--hds-grid-gap-initial);
    --hds-grid-gap-medium: var(--hds-grid-gap-small);
    --hds-grid-gap-large: var(--hds-grid-gap-medium);
    --hds-grid-gap-xlarge: var(--hds-grid-gap-large);
    --hds-grid-gap: var(--hds-grid-gap-initial);
    --hds-grid-gap-x-initial: var(--hds-grid-gap);
    --hds-grid-gap-x-small: var(--hds-grid-gap-x-initial);
    --hds-grid-gap-x-medium: var(--hds-grid-gap-x-small);
    --hds-grid-gap-x-large: var(--hds-grid-gap-x-medium);
    --hds-grid-gap-x-xlarge: var(--hds-grid-gap-x-large);
    --hds-grid-gap-x: var(--hds-grid-gap-x-initial);
    --hds-grid-gap-y-initial: var(--hds-grid-gap);
    --hds-grid-gap-y-small: var(--hds-grid-gap-y-initial);
    --hds-grid-gap-y-medium: var(--hds-grid-gap-y-small);
    --hds-grid-gap-y-large: var(--hds-grid-gap-y-medium);
    --hds-grid-gap-y-xlarge: var(--hds-grid-gap-y-large);
    --hds-grid-gap-y: var(--hds-grid-gap-y-initial);
    --hds-grid-span-initial: 12;
    --hds-grid-span-small: var(--hds-grid-span-initial);
    --hds-grid-span-medium: var(--hds-grid-span-small);
    --hds-grid-span-large: var(--hds-grid-span-medium);
    --hds-grid-span-xlarge: var(--hds-grid-span-large);
    --hds-grid-span: var(--hds-grid-span-initial);
    --hds-grid-center-initial: unset;
    --hds-grid-center-small: var(--hds-grid-center-initial);
    --hds-grid-center-medium: var(--hds-grid-center-small);
    --hds-grid-center-large: var(--hds-grid-center-medium);
    --hds-grid-center-xlarge: var(--hds-grid-center-large);
    --hds-grid-center: var(--hds-grid-center-initial);
    -moz-column-gap: var(--hds-grid-gap-x);
    column-gap: var(--hds-grid-gap-x);
    row-gap: var(--hds-grid-gap-y);
    --hds-grid-start: calc(var(--hds-grid-center) * ((12 - var(--hds-grid-span)) / 2 + 1));
    grid-template-columns:repeat(12, minmax(0, 1fr));
    display: grid
}

.hds-grid > * {
    grid-column: span var(--hds-grid-span)/span var(--hds-grid-span);
    grid-column-start: var(--hds-grid-start)
}

@media (min-width: 460px) {
    .hds-grid {
        --hds-grid-gap: var(--hds-grid-gap-small);
        --hds-grid-gap-x: var(--hds-grid-gap-x-small);
        --hds-grid-gap-y: var(--hds-grid-gap-y-small);
        --hds-grid-span: var(--hds-grid-span-small);
        --hds-grid-center: var(--hds-grid-center-small)
    }
}

@media (min-width: 720px) {
    .hds-grid {
        --hds-grid-gap: var(--hds-grid-gap-medium);
        --hds-grid-gap-x: var(--hds-grid-gap-x-medium);
        --hds-grid-gap-y: var(--hds-grid-gap-y-medium);
        --hds-grid-span: var(--hds-grid-span-medium);
        --hds-grid-center: var(--hds-grid-center-medium)
    }
}

@media (min-width: 940px) {
    .hds-grid {
        --hds-grid-gap: var(--hds-grid-gap-large);
        --hds-grid-gap-x: var(--hds-grid-gap-x-large);
        --hds-grid-gap-y: var(--hds-grid-gap-y-large);
        --hds-grid-span: var(--hds-grid-span-large);
        --hds-grid-center: var(--hds-grid-center-large)
    }
}

@media (min-width: 1200px) {
    .hds-grid {
        --hds-grid-gap: var(--hds-grid-gap-xlarge);
        --hds-grid-gap-x: var(--hds-grid-gap-x-xlarge);
        --hds-grid-gap-y: var(--hds-grid-gap-y-xlarge);
        --hds-grid-span: var(--hds-grid-span-xlarge);
        --hds-grid-center: var(--hds-grid-center-xlarge)
    }
}

.hds-grid > .hds-grid__item {
    --hds-grid-item-span-initial: var(--hds-grid-span);
    --hds-grid-item-span-small: var(--hds-grid-item-span-initial);
    --hds-grid-item-span-medium: var(--hds-grid-item-span-small);
    --hds-grid-item-span-large: var(--hds-grid-item-span-medium);
    --hds-grid-item-span-xlarge: var(--hds-grid-item-span-large);
    --hds-grid-item-span: var(--hds-grid-item-span-initial);
    --hds-grid-item-center-initial: var(--hds-grid-center);
    --hds-grid-item-center-small: var(--hds-grid-item-center-initial);
    --hds-grid-item-center-medium: var(--hds-grid-item-center-small);
    --hds-grid-item-center-large: var(--hds-grid-item-center-medium);
    --hds-grid-item-center-xlarge: var(--hds-grid-item-center-large);
    --hds-grid-item-center: var(--hds-grid-item-center-initial);
    --hds-grid-item-start: calc(var(--hds-grid-item-center) * ((12 - var(--hds-grid-item-span)) / 2 + 1));
    grid-column: span var(--hds-grid-item-span)/span var(--hds-grid-item-span);
    grid-column-start: var(--hds-grid-item-start)
}

@media (min-width: 460px) {
    .hds-grid > .hds-grid__item {
        --hds-grid-item-span: var(--hds-grid-item-span-small);
        --hds-grid-item-center: var(--hds-grid-item-center-small)
    }
}

@media (min-width: 720px) {
    .hds-grid > .hds-grid__item {
        --hds-grid-item-span: var(--hds-grid-item-span-medium);
        --hds-grid-item-center: var(--hds-grid-item-center-medium)
    }
}

@media (min-width: 940px) {
    .hds-grid > .hds-grid__item {
        --hds-grid-item-span: var(--hds-grid-item-span-large);
        --hds-grid-item-center: var(--hds-grid-item-center-large)
    }
}

@media (min-width: 1200px) {
    .hds-grid > .hds-grid__item {
        --hds-grid-item-span: var(--hds-grid-item-span-xlarge);
        --hds-grid-item-center: var(--hds-grid-item-center-xlarge)
    }
}

.hds-stack {
    --hds-stack-gap-initial: initial;
    --hds-stack-gap-small: var(--hds-stack-gap-initial);
    --hds-stack-gap-medium: var(--hds-stack-gap-small);
    --hds-stack-gap-large: var(--hds-stack-gap-medium);
    --hds-stack-gap-xlarge: var(--hds-stack-gap-large);
    --hds-stack-gap: var(--hds-stack-gap-initial);
    --hds-stack-gap-x-initial: var(--hds-stack-gap);
    --hds-stack-gap-x-small: var(--hds-stack-gap-x-initial);
    --hds-stack-gap-x-medium: var(--hds-stack-gap-x-small);
    --hds-stack-gap-x-large: var(--hds-stack-gap-x-medium);
    --hds-stack-gap-x-xlarge: var(--hds-stack-gap-x-large);
    --hds-stack-gap-x: var(--hds-stack-gap-x-initial);
    --hds-stack-gap-y-initial: var(--hds-stack-gap);
    --hds-stack-gap-y-small: var(--hds-stack-gap-y-initial);
    --hds-stack-gap-y-medium: var(--hds-stack-gap-y-small);
    --hds-stack-gap-y-large: var(--hds-stack-gap-y-medium);
    --hds-stack-gap-y-xlarge: var(--hds-stack-gap-y-large);
    --hds-stack-gap-y: var(--hds-stack-gap-y-initial);
    --hds-stack-direction-initial: initial;
    --hds-stack-direction-small: var(--hds-stack-direction-initial);
    --hds-stack-direction-medium: var(--hds-stack-direction-small);
    --hds-stack-direction-large: var(--hds-stack-direction-medium);
    --hds-stack-direction-xlarge: var(--hds-stack-direction-large);
    --hds-stack-direction: var(--hds-stack-direction-initial);
    --hds-stack-wrap-initial: nowrap;
    --hds-stack-wrap-small: var(--hds-stack-wrap-initial);
    --hds-stack-wrap-medium: var(--hds-stack-wrap-small);
    --hds-stack-wrap-large: var(--hds-stack-wrap-medium);
    --hds-stack-wrap-xlarge: var(--hds-stack-wrap-large);
    --hds-stack-wrap: var(--hds-stack-wrap-initial);
    --hds-stack-align-initial: initial;
    --hds-stack-align-small: var(--hds-stack-align-initial);
    --hds-stack-align-medium: var(--hds-stack-align-small);
    --hds-stack-align-large: var(--hds-stack-align-medium);
    --hds-stack-align-xlarge: var(--hds-stack-align-large);
    --hds-stack-align: var(--hds-stack-align-initial);
    --hds-stack-justify-initial: initial;
    --hds-stack-justify-small: var(--hds-stack-justify-initial);
    --hds-stack-justify-medium: var(--hds-stack-justify-small);
    --hds-stack-justify-large: var(--hds-stack-justify-medium);
    --hds-stack-justify-xlarge: var(--hds-stack-justify-large);
    --hds-stack-justify: var(--hds-stack-justify-initial);
    -moz-column-gap: var(--hds-stack-gap-x);
    column-gap: var(--hds-stack-gap-x);
    row-gap: var(--hds-stack-gap-y);
    flex-direction: var(--hds-stack-direction);
    flex-wrap: var(--hds-stack-wrap);
    align-items: var(--hds-stack-align);
    justify-content: var(--hds-stack-justify);
    display: flex
}

@media (min-width: 460px) {
    .hds-stack {
        --hds-stack-gap: var(--hds-stack-gap-small);
        --hds-stack-gap-x: var(--hds-stack-gap-x-small);
        --hds-stack-gap-y: var(--hds-stack-gap-y-small);
        --hds-stack-direction: var(--hds-stack-direction-small);
        --hds-stack-wrap: var(--hds-stack-wrap-small);
        --hds-stack-align: var(--hds-stack-align-small);
        --hds-stack-justify: var(--hds-stack-justify-small)
    }
}

@media (min-width: 720px) {
    .hds-stack {
        --hds-stack-gap: var(--hds-stack-gap-medium);
        --hds-stack-gap-x: var(--hds-stack-gap-x-medium);
        --hds-stack-gap-y: var(--hds-stack-gap-y-medium);
        --hds-stack-direction: var(--hds-stack-direction-medium);
        --hds-stack-wrap: var(--hds-stack-wrap-medium);
        --hds-stack-align: var(--hds-stack-align-medium);
        --hds-stack-justify: var(--hds-stack-justify-medium)
    }
}

@media (min-width: 940px) {
    .hds-stack {
        --hds-stack-gap: var(--hds-stack-gap-large);
        --hds-stack-gap-x: var(--hds-stack-gap-x-large);
        --hds-stack-gap-y: var(--hds-stack-gap-y-large);
        --hds-stack-direction: var(--hds-stack-direction-large);
        --hds-stack-wrap: var(--hds-stack-wrap-large);
        --hds-stack-align: var(--hds-stack-align-large);
        --hds-stack-justify: var(--hds-stack-justify-large)
    }
}

@media (min-width: 1200px) {
    .hds-stack {
        --hds-stack-gap: var(--hds-stack-gap-xlarge);
        --hds-stack-gap-x: var(--hds-stack-gap-x-xlarge);
        --hds-stack-gap-y: var(--hds-stack-gap-y-xlarge);
        --hds-stack-direction: var(--hds-stack-direction-xlarge);
        --hds-stack-wrap: var(--hds-stack-wrap-xlarge);
        --hds-stack-align: var(--hds-stack-align-xlarge);
        --hds-stack-justify: var(--hds-stack-justify-xlarge)
    }
}

.hds-link {
    color: var(--hds-link-colors-text);
    fill: currentColor;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-thickness: var(--hds-stroke-default);
    text-decoration-color: var(--hds-link-colors-underline);
    text-underline-offset: .25em;
    transition-property: color, fill, text-decoration-color
}

.hds-link:hover, .hds-link:active {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-link.hds-link--inverted {
    color: var(--hds-ui-colors-white);
    text-decoration-color: currentColor
}

.hds-link.hds-link--inverted:hover, .hds-link.hds-link--inverted:active {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-link.hds-link--inverted:disabled {
    color: var(--hds-ui-colors-dark-grey);
    fill: currentColor;
    cursor: default;
    text-decoration-color: currentColor;
    box-shadow: none !important;
    outline: 0 !important
}

.hds-link.hds-link--no-underline {
    color: var(--hds-colors-dark);
    font-weight: 500;
    text-decoration: none
}

.hds-link.hds-link--no-underline:hover, .hds-link.hds-link--no-underline:active {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-link.hds-link--solid {
    color: var(--hds-ui-colors-black);
    text-decoration-color: currentColor
}

.hds-link.hds-link--solid:hover, .hds-link.hds-link--solid:active {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-link.hds-link--small {
    font: var(--hds-typography-body-small)
}

.hds-link.hds-link--large {
    font: var(--hds-typography-h3)
}

.hds-link:is(button) {
    background: 0 0;
    border: 0;
    padding: 0
}

.hds-link:is(button):not(:is(.hds-link--small,.hds-link--large)) {
    font: var(--hds-typography-body)
}

:where(.hds-list) {
    margin: 0
}

.hds-list {
    --_hds-list-marker-color: var(--hds-colors-dark);
    padding-left: var(--hds-spacing-32)
}

.hds-list li {
    padding-left: var(--hds-spacing-8)
}

.hds-list li::marker {
    color: var(--_hds-list-marker-color)
}

.hds-list:is(ol) {
    list-style: decimal
}

.hds-list:is(ul) {
    list-style: disc
}

.hds-list:is(ul) ul {
    list-style: circle
}

.hds-list:is(ol) ol {
    list-style: decimal
}

.hds-list.hds-list--small {
    font: var(--hds-typography-body-small)
}

.hds-list.hds-list--small * + * {
    margin-top: var(--hds-spacing-4)
}

.hds-list.hds-list--small ul, .hds-list.hds-list--small ol {
    margin-top: var(--hds-spacing-4)
}

.hds-list * + * {
    margin-top: var(--hds-spacing-8)
}

.hds-list ul, .hds-list ol {
    margin-top: var(--hds-spacing-8)
}

.hds-list.hds-list--medium * + * {
    margin-top: var(--hds-spacing-8)
}

.hds-list.hds-list--medium ul, .hds-list.hds-list--medium ol {
    margin-top: var(--hds-spacing-8)
}

.hds-list.hds-list--large {
    font: var(--hds-typography-h3)
}

.hds-list.hds-list--large * + * {
    margin-top: var(--hds-spacing-12)
}

.hds-list.hds-list--large ul, .hds-list.hds-list--large ol {
    margin-top: var(--hds-spacing-12)
}

.hds-list.hds-list--link-list {
    padding-left: 0;
    list-style: none
}

.hds-list.hds-list--link-list * + * {
    margin-top: var(--hds-spacing-16)
}

.hds-list.hds-list--link-list li {
    padding-left: 0
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)) {
    color: var(--hds-link-colors-text);
    fill: currentColor;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-thickness: var(--hds-stroke-default);
    text-decoration-color: var(--hds-link-colors-underline);
    text-underline-offset: .25em;
    transition-property: color, fill, text-decoration-color
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)):hover {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)):active {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted {
    color: var(--hds-ui-colors-white);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled {
    color: var(--hds-ui-colors-dark-grey);
    fill: currentColor;
    cursor: default;
    text-decoration-color: currentColor;
    box-shadow: none !important;
    outline: 0 !important
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline {
    color: var(--hds-colors-dark);
    font-weight: 500;
    text-decoration: none
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--solid {
    color: var(--hds-ui-colors-black);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--small {
    font: var(--hds-typography-body-small)
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)).hds-link--large {
    font: var(--hds-typography-h3)
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)):is(button) {
    background: 0 0;
    border: 0;
    padding: 0
}

.hds-list.hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)) {
    font: var(--hds-typography-body)
}

.hds-box.hds-message {
    --hds-component-message-icon-width: var(--hds-spacing-32);
    --hds-component-message-spacing-between: var(--hds-spacing-16);
    --hds-component-message-padding: var(--hds-component-box-padding);
    padding-left: calc(var(--hds-component-message-padding) + var(--hds-component-message-icon-width) + var(--hds-component-message-spacing-between))
}

@media (min-width: 720px) {
    .hds-box.hds-message {
        --hds-component-message-spacing-between: var(--hds-spacing-24)
    }
}

.hds-box.hds-message:before {
    content: "";
    top: var(--hds-component-message-padding);
    left: var(--hds-component-message-padding);
    width: var(--hds-component-message-icon-width);
    height: var(--hds-component-message-icon-width);
    position: absolute
}

.hds-box.hds-message.hds-message--success {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-box.hds-message.hds-message--success:before {
    background-image: var(--_hds-success-green)
}

.hds-box.hds-message.hds-message--attention {
    background-color: var(--hds-ui-colors-warning-yellow-light-fill)
}

.hds-box.hds-message.hds-message--attention:before {
    background-image: var(--_hds-warning-hollow)
}

.hds-box.hds-message.hds-message--warning {
    background-color: var(--hds-ui-colors-warning-yellow)
}

.hds-box.hds-message.hds-message--warning:before {
    background-image: var(--_hds-warning-black)
}

.hds-box.hds-message.hds-message--info {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-box.hds-message.hds-message--info:before {
    background-size: 32px;
    background-image: var(--_hds-info-circle)
}

.hds-box.hds-message.hds-message--neutral {
    background-color: var(--hds-ui-colors-light-grey-fill)
}

.hds-box.hds-message.hds-message--neutral .hds-message--neutral__icon {
    top: var(--hds-component-message-padding);
    left: var(--hds-component-message-padding);
    width: var(--hds-component-message-icon-width);
    position: absolute
}

.hds-box.hds-message .hds-message__title, .hds-box.hds-message .hds-message__description {
    margin: 0
}

.hds-box.hds-message :is(.hds-message__title,.hds-message__description):first-of-type {
    margin-top: 2px
}

.hds-box.hds-message .hds-message__title {
    font: var(--hds-typography-body-title)
}

.hds-box.hds-message .hds-message__title ~ .hds-message__description {
    margin-top: var(--hds-spacing-12-16)
}

.hds-modal {
    max-width: var(--hds-breakpoint-small);
    border: none;
    position: fixed
}

.hds-modal::backdrop {
    background-color: #0006;
    animation: .3s cubic-bezier(0, .45, .1, 1) hds-modal-backdrop-fade-in
}

.hds-modal[open] {
    animation: hds-modal-fade-in var(--hds-micro-animation-duration-normal) var(--hds-micro-animation-easing-out)
}

@media (max-width: 475.999px) {
    .hds-modal {
        margin-left: var(--hds-spacing-8);
        margin-right: var(--hds-spacing-8)
    }
}

.hds-modal .hds-modal__header {
    font: var(--hds-typography-body-title);
    padding-right: 16px
}

.hds-modal .hds-modal__content, .hds-modal .hds-modal__footer {
    margin-top: var(--hds-spacing-24)
}

.hds-modal-scroll-lock {
    overflow: hidden
}

@keyframes hds-modal-backdrop-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes hds-modal-fade-in {
    0% {
        opacity: 0;
        transform: translateY(calc(5% + 4px))
    }
    50% {
        opacity: 1
    }
    to {
        transform: none
    }
}

:root, .hds-theme-posten {
    --_hds-logo-primary-width: 158px;
    --_hds-logo-primary-height: 48px;
    --_hds-logo-primary: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="158" height="48" viewBox="0 0 158 48" fill="none"><path d="M58.9618 22.2838C56.8082 22.1586 54.6815 22.8131 52.971 24.1277V22.618H48.9451V48H53.4002V40.4114C54.6908 41.7941 56.3496 42.1012 58.4396 42.1012C65.8751 42.1012 66.7045 36.8777 66.7045 32.2385C66.7045 26.1196 65.8131 22.3448 58.9618 22.2838ZM58.2555 38.1683C54.4457 38.1683 53.3702 37.0318 53.3702 32.2385C53.3702 27.4452 54.4477 26.2197 58.2545 26.2197C61.5731 26.2197 62.2794 27.7564 62.2794 32.2415C62.2514 36.6936 61.542 38.1683 58.2545 38.1683H58.2555ZM77.4276 22.2838C74.3261 22.2838 71.989 22.8371 70.3612 24.4348C68.6714 26.0356 68.3022 28.5208 68.3022 32.1775C68.3022 35.8342 68.6704 38.3224 70.3612 39.9202C72.02 41.5489 74.3251 42.0712 77.4276 42.0712C80.5 42.0712 82.8662 41.5179 84.4939 39.9202C86.1837 38.3194 86.5529 35.8342 86.5529 32.1775C86.5529 28.5208 86.2148 26.0326 84.4939 24.4348C82.8612 22.8361 80.499 22.2838 77.4266 22.2838H77.4276ZM77.4276 38.1683C73.1255 38.1683 72.7574 36.5095 72.7574 32.1775C72.7574 27.8454 73.1576 26.1866 77.4276 26.1866C81.7296 26.1866 82.0978 27.8454 82.0978 32.1775C82.1278 36.5085 81.7286 38.1683 77.4266 38.1683H77.4276ZM130.397 22.2838C122.685 22.2838 121.579 26.6779 121.579 32.4226C121.579 38.0143 122.807 42.1012 130.52 42.1012C134.146 42.1012 138.939 41.2098 138.939 36.0483H134.637C134.606 38.1994 132.302 38.4495 130.673 38.4495C126.863 38.4495 126.034 37.1589 126.034 33.8713H139.188C139.153 27.1991 138.754 22.2838 130.397 22.2838ZM126.095 30.2726C126.095 27.7224 126.495 25.9405 130.397 25.9405C134.514 25.9405 134.76 27.5073 134.76 30.2726H126.095ZM150.398 22.2838C148.387 22.1721 146.409 22.8316 144.868 24.1277V22.618H141.027V41.7941H145.482V32.8528C145.482 29.5042 145.114 26.2167 149.937 26.2167C153.778 26.2167 153.439 27.9985 153.439 31.6853V41.7901H157.897V31.3161C157.834 27.1381 158.141 22.2838 150.398 22.2838ZM114.235 38.4755C112.084 38.4445 111.808 37.3389 111.808 35.8943V26.4618H120.534V22.618H111.808V16.415H107.353V22.618H104.772V26.4588H107.353V35.8943C107.353 40.1963 109.903 42.0972 114.356 42.0972C118.166 42.0972 120.593 40.6535 120.593 36.0443H116.568C116.509 37.2769 116.232 38.5065 114.235 38.4755ZM95.4311 30.1795C93.4952 30.0565 92.2356 30.0565 92.3297 27.9055C92.3607 26.6459 92.6988 25.7544 96.5086 25.8465C99.0899 25.9385 99.9193 26.4608 99.9193 28.3357H104.005C104.005 23.7575 101.24 22.3448 96.4776 22.2828C91.3752 22.1908 87.9666 23.2663 87.9056 28.0285C87.7825 33.9313 92.2076 33.7743 96.4776 34.0194C98.6897 34.1424 100.011 34.1734 99.9493 36.4465C99.9183 37.8292 99.458 38.6896 95.6472 38.5665C92.5137 38.4745 91.9295 37.7061 91.9295 36.0473H87.8435C87.8435 40.7786 90.855 42.0382 95.7093 42.1002C100.871 42.1922 104.313 40.9637 104.373 36.2314C104.434 30.0875 99.8562 30.4567 95.4321 30.1795H95.4311Z" fill="%23E32D22"/><path d="M41.7548 22.6211C41.5325 25.3489 40.2918 27.8932 38.2795 29.7482C36.2672 31.6032 33.6305 32.633 30.8937 32.633C28.1568 32.633 25.5201 31.6032 23.5078 29.7482C21.4955 27.8932 20.2548 25.3489 20.0325 22.6211H0C0.228572 28.2373 2.62039 33.5474 6.67493 37.4403C10.7295 41.3332 16.1325 43.5071 21.7533 43.5071C27.3742 43.5071 32.7772 41.3332 36.8317 37.4403C40.8863 33.5474 43.2781 28.2373 43.5067 22.6211H41.7548Z" fill="%23E32D22"/><path d="M20.0325 20.8703C20.2502 18.1433 21.4873 15.5984 23.4972 13.7425C25.5072 11.8867 28.1425 10.8561 30.8782 10.8561C33.6139 10.8561 36.2491 11.8867 38.2591 13.7425C40.269 15.5984 41.5061 18.1433 41.7238 20.8703H43.4746C43.2462 15.2583 40.8561 9.95216 36.8045 6.06221C32.753 2.17226 27.354 0 21.7373 0C16.1207 0 10.7217 2.17226 6.67013 6.06221C2.61858 9.95216 0.228486 15.2583 0 20.8703H20.0325Z" fill="%23BFC0C4"/></svg>');
    --_hds-logo-secondary-width: 43px;
    --_hds-logo-secondary-height: 58px;
    --_hds-logo-secondary: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA0MyA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvc3RlbiBMb2dvIFNlY29uZGFyeSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3NzBfMTUwOTApIj4KPHBhdGggaWQ9InBhdGgxNCIgZD0iTTE4LjQ1NDEgNTAuODQ5MUMxNy43MjM5IDUwLjgwNSAxNy4yNDY0IDUwLjgwNSAxNy4yNzU5IDQ5Ljk5NDJDMTcuMjkxIDQ5LjUyMjcgMTcuNDEzOSA0OS4xODQgMTguODYwNiA0OS4yMjgzQzE5Ljg0NDYgNDkuMjU4MyAyMC4xNTI4IDQ5LjQ2MzcgMjAuMTUyOCA1MC4xNTY2SDIxLjcwNDJDMjEuNzA0MiA0OC40NDczIDIwLjY1IDQ3LjkxNjYgMTguODQ1NCA0Ny44ODdDMTYuOTA3IDQ3Ljg1ODIgMTUuNjIxMSA0OC4yNTU3IDE1LjU5MTEgNTAuMDM4OEMxNS41NDYyIDUyLjI0OTQgMTcuMjE2MSA1Mi4xODk4IDE4Ljg0MTggNTIuMjc4MkMxOS42NzcyIDUyLjMyMjIgMjAuMTgzNSA1Mi4zMzcgMjAuMTU0MSA1My4xOTE5QzIwLjEzODkgNTMuNzA3IDE5Ljk2ODQgNTQuMDMxNCAxOC41MjE3IDUzLjk4NzdDMTcuMzI5MyA1My45NTc5IDE3LjExMDUgNTMuNjYzIDE3LjExMDUgNTMuMDQ0N0gxNS41NTg2QzE1LjU1ODYgNTQuODEyNiAxNi43MDIyIDU1LjI4NDEgMTguNTM2NiA1NS4zMTMzQzIwLjQ5MDIgNTUuMzQyNyAyMS43OTQzIDU0Ljg4NjIgMjEuODI0MyA1My4xMTg1QzIxLjg2OTIgNTAuODE5NyAyMC4xMjM3IDUwLjk1MjEgMTguNDU0MSA1MC44NDkxWk0yNS41NzYyIDUzLjk1NzlDMjQuNzU1OSA1My45NDI3IDI0LjY1NyA1My41MzI5IDI0LjY1NyA1Mi45ODU3VjQ5LjQ1NThIMjcuOTcwNVY0OC4wMTgzSDI0LjY1N1Y0NS42OTVIMjIuOTcyMlY0OC4wMTgzSDIxLjk5MTVWNDkuNDU1OEgyMi45NzIyVjUyLjk4NTdDMjIuOTcyMiA1NC41OTEzIDIzLjk0MTEgNTUuMzEzMyAyNS42MjYyIDU1LjMxMzNDMjcuMDcyNiA1NS4zMTMzIDI3Ljk5MDUgNTQuNzY4NCAyNy45OTA1IDUzLjA0NDdIMjYuNDYwNEMyNi40NDI4IDUzLjUwMzMgMjYuMzM3MyA1My45NzI3IDI1LjU3NjIgNTMuOTU3OVpNMzkuMjkyMiA0Ny44ODdDMzguMjYzOCA0Ny44ODcgMzcuNjA3NyA0OC4yMTE2IDM3LjE4OTkgNDguNThWNDguMDE4M0gzNS43Mjg0VjU1LjE5NTVIMzcuNDEzOFY1MS44NTExQzM3LjQxMzggNTAuNTk4NSAzNy4yNzg4IDQ5LjM2MDUgMzkuMDk4OSA0OS4zNjA1QzQwLjU1OTYgNDkuMzYwNSA0MC40MjU1IDUwLjAyMzggNDAuNDI1NSA1MS40MDg2VjU1LjE5NTVINDIuMTExMlY1MS4yNzY0QzQyLjExMTIgNDkuNzE0NSA0Mi4yMzA0IDQ3Ljg4NyAzOS4yOTIyIDQ3Ljg4N1pNMzAuMDgwNiA1MC44Nzg3QzMwLjA4MDYgNDkuOTIwOCAzMC4yMjk2IDQ5LjI1ODMgMzEuNzA2IDQ5LjI1ODNDMzMuMjcxOSA0OS4yNTgzIDMzLjM2MDcgNDkuODQ3MyAzMy4zNjA3IDUwLjg3ODdIMzAuMDgwNlpNMzEuNzA2IDQ3Ljg4N0MyOC43ODI5IDQ3Ljg4NyAyOC4zNjU1IDQ5LjUzNzcgMjguMzY1NSA1MS42ODg2QzI4LjM2NTUgNTMuNzgwNiAyOC44Mjc4IDU1LjMxMzMgMzEuNzUwNiA1NS4zMTMzQzMzLjEyMiA1NS4zMTMzIDM0Ljk0MTggNTQuOTc0NyAzNC45NDE4IDUzLjA0NDdIMzMuMzExQzMzLjI5NjcgNTMuODU0OSAzMi40MjEzIDUzLjk0MjcgMzEuODEgNTMuOTQyN0MzMC4zNjM2IDUzLjk0MjcgMzAuMDUwMyA1My40NTcgMzAuMDUwMyA1Mi4yMzQySDM1LjAzMUMzNS4wMzEgNDkuNzI5NSAzNC44ODI0IDQ3Ljg4NyAzMS43MDYgNDcuODg3Wk0xMS42MzE0IDUzLjg0MDVDMTAuMDA1OCA1My44NDA1IDkuODU2NTEgNTMuMjIxMiA5Ljg1NjUxIDUxLjYwMDJDOS44NTY1MSA0OS45Nzk1IDEwLjAwNTggNDkuMzYwNSAxMS42MzE0IDQ5LjM2MDVDMTMuMjU2NSA0OS4zNjA1IDEzLjQwNiA0OS45Nzk1IDEzLjQwNiA1MS42MDAyQzEzLjQwNiA1My4yMjEyIDEzLjI1NjUgNTMuODQwNSAxMS42MzE0IDUzLjg0MDVaTTExLjYzMTQgNDcuODg3QzEwLjQ1MzIgNDcuODg3IDkuNTczNDggNDguMDk0MSA4Ljk0NzA2IDQ4LjY5NzhDOC4zMDYxMSA0OS4zMDE4IDguMTcxNjEgNTAuMjMgOC4xNzE2MSA1MS42MDAyQzguMTcxNjEgNTIuOTcxMiA4LjMwNjExIDUzLjg5OSA4Ljk0NzA2IDU0LjUwMjZDOS41NzM0OCA1NS4xMDY5IDEwLjQ1MzIgNTUuMzEzMyAxMS42MzE0IDU1LjMxMzNDMTIuNzk0NSA1NS4zMTMzIDEzLjY4OTMgNTUuMTA2OSAxNC4zMTU4IDU0LjUwMjZDMTQuOTU2NyA1My44OTkgMTUuMDkwNSA1Mi45NzEyIDE1LjA5MDUgNTEuNjAwMkMxNS4wOTA1IDUwLjIzIDE0Ljk1NjcgNDkuMzAxOCAxNC4zMTU4IDQ4LjY5NzhDMTMuNjg5MyA0OC4wOTQxIDEyLjc5NDUgNDcuODg3IDExLjYzMTQgNDcuODg3Wk00LjM1NjM5IDUzLjg0MDVDMi45MTAwMSA1My44NDA1IDIuNTA3MzUgNTMuNDEyNCAyLjUwNzM1IDUxLjYxNThDMi41MDczNSA0OS44MTc2IDIuOTEwMDEgNDkuMzYwNSA0LjM1NjM5IDQ5LjM2MDVDNS42MDg5OSA0OS4zNjA1IDUuODc3MjcgNDkuOTM1MSA1Ljg3NzI3IDUxLjYxNThDNS44NzcyNyA1My4yOTQ2IDUuNjA4OTkgNTMuODQwNSA0LjM1NjM5IDUzLjg0MDVaTTQuNjI0ODkgNDcuODg3QzMuODQ5MzQgNDcuODcyNiAyLjk2OTg0IDQ4LjA0OTIgMi4zNTgwNyA0OC41OFY0OC4wMTgzSDAuODM3MTU4VjU3LjUyMUgyLjUyMjA2VjU0LjY3OTRDMy4wMTQxNiA1NS4xOTU1IDMuNjQwNTUgNTUuMzEzMyA0LjQzMDkzIDU1LjMxMzNDNy4yNDgzIDU1LjMxMzMgNy41NjExMSA1My4zNTM3IDcuNTYxMTEgNTEuNjE1OEM3LjU2MTExIDQ5LjMzMTggNy4yMTgzIDQ3LjkxNjYgNC42MjQ4OSA0Ny44ODdaIiBmaWxsPSIjRTMyRDIyIi8+CjxwYXRoIGlkPSJwYXRoMTYiIGQ9Ik00MS4yMTU0IDIyLjMxNTZDNDAuNzc3IDI3Ljc4MzggMzYuMTUwOSAzMi4wODY4IDMwLjUwNDMgMzIuMDg2OEMyNC44NTc1IDMyLjA4NjggMjAuMjMxNCAyNy43ODM4IDE5Ljc5MyAyMi4zMTU2SDBDMC40NTE4MTEgMzMuNjUzIDkuODkxMzMgNDIuNzA3OSAyMS40NzU0IDQyLjcwNzlDMzMuMDU5OCA0Mi43MDc5IDQyLjQ5OTEgMzMuNjUzIDQyLjk1MTEgMjIuMzE1Nkg0MS4yMTU0WiIgZmlsbD0iI0UzMkQyMiIvPgo8cGF0aCBpZD0icGF0aDE4IiBkPSJNMTkuNzkzIDIwLjM5MTVDMjAuMjMxNCAxNC45MjMzIDI0Ljg1NzUgMTAuNjIwMiAzMC41MDQzIDEwLjYyMDJDMzYuMTUwOSAxMC42MjAyIDQwLjc3NzMgMTQuOTIzMyA0MS4yMTU0IDIwLjM5MTVINDIuOTUxMUM0Mi40OTkxIDkuMDU0NjUgMzMuMDU5OCAtMC4wMDAyNDIyMzMgMjEuNDc1NCAtMC4wMDAyNDIyMzNDOS44OTEzMyAtMC4wMDAyNDIyMzMgMC40NTE4MTEgOS4wNTQ2NSAwIDIwLjM5MTVIMTkuNzkzWiIgZmlsbD0iI0JGQzBDNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY3NzBfMTUwOTAiPgo8cmVjdCB3aWR0aD0iNDMiIGhlaWdodD0iNTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}


.hds-navbar {
    background-color: var(--hds-ui-colors-white);
    height: var(--hds-navbar-height);
    justify-content: space-between;
    align-items: center;
    gap: var(--hds-spacing-32);
    font-family: var(--hds-fonts-posten-sans-regular);
    text-align: left;
    -webkit-font-smoothing: antialiased;
    padding: 0 var(--hds-spacing-24-32);
    display: flex;
    position: relative;
    --hds-navbar-height: 112px
}

.hds-navbar.hds-navbar--default {
    --hds-navbar-height: 112px
}

.hds-navbar.hds-navbar--service {
    --hds-navbar-height: 88px
}

@media (min-width: 940px) {
    .hds-navbar.hds-navbar--service {
        --hds-navbar-height: 112px
    }
}

.hds-navbar .hds-navbar__expandable-menu-content {
    z-index: 1;
    width: 100%;
    min-height: 0;
    top: var(--hds-navbar-height);
    --_animation-time: var(--hds-micro-animation-duration-quick);
    transition-property: grid-template-rows, min-height;
    transition-duration: var(--_animation-time);
    background-color: #fff;
    display: grid;
    position: absolute;
    left: 0
}

.hds-navbar .hds-navbar__expandable-menu-content .hds-navbar__expandable-menu-content-inner {
    transition-property: opacity;
    transition-duration: var(--_animation-time);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    overflow: hidden
}

.hds-navbar .hds-navbar__expandable-menu-content[data-state=open] {
    transition-timing-function: var(--hds-micro-animation-easing-out);
    grid-template-rows:1fr;
    min-height: calc(100vh - var(--hds-navbar-height));
    max-height: calc(100vh - var(--hds-navbar-height))
}

.hds-navbar .hds-navbar__expandable-menu-content[data-state=open] .hds-navbar__expandable-menu-content--fullscreen {
    min-height: calc(100vh - var(--hds-navbar-height));
    max-height: calc(100vh - var(--hds-navbar-height))
}

.hds-navbar .hds-navbar__expandable-menu-content[data-state=open] .hds-navbar__expandable-menu-content-inner {
    opacity: 1;
    transition-delay: var(--_animation-time);
    overflow-y: auto
}

.hds-navbar .hds-navbar__expandable-menu-content[data-state=closed] {
    transition-timing-function: var(--hds-micro-animation-easing-in);
    transition-delay: var(--_animation-time);
    grid-template-rows:0fr
}

.hds-navbar .hds-navbar__expandable-menu-content[data-state=closed] .hds-navbar__expandable-menu-content-inner {
    opacity: 0
}

.hds-navbar .hds-navbar__item {
    color: inherit;
    -moz-column-gap: var(--hds-spacing-8);
    column-gap: var(--hds-spacing-8);
    font: var(--hds-typography-body);
    padding: var(--hds-spacing-16);
    background-color: transparent;
    border: 0;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex
}

.hds-navbar .hds-navbar__item:last-child {
    padding-right: 0
}

.hds-navbar .hds-navbar__item:not(:has(~.hds-navbar__item)) {
    padding-right: 0
}

.hds-navbar .hds-navbar__item:hover {
    color: var(--hds-link-colors-hover)
}

.hds-navbar .hds-navbar__item .hds-navbar__item-icon {
    width: var(--hds-spacing-32);
    height: var(--hds-spacing-32)
}

.hds-navbar .hds-navbar__item .hds-navbar__item-icon > * {
    vertical-align: text-bottom
}

@media (max-width: 939.999px) {
    .hds-navbar .hds-navbar__item .hds-navbar__item-icon {
        width: var(--hds-spacing-24);
        height: var(--hds-spacing-24)
    }

    .hds-navbar .hds-navbar__item .hds-navbar__item-responsive-text {
        display: none
    }
}

.hds-navbar .hds-navbar__navigation {
    display: flex
}

.hds-navbar .hds-navbar__logo {
    background-image: var(--_hds-logo-primary);
    width: var(--_hds-logo-primary-width);
    height: var(--_hds-logo-primary-height);
    display: block
}

.hds-navbar .hds-navbar__logo-and-service-text {
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: stretch;
    align-items: center;
    height: 45px;
    margin-top: 21.5px;
    display: flex
}

@media (min-width: 940px) {
    .hds-navbar .hds-navbar__logo-and-service-text {
        height: 60px
    }
}

@media (min-width: 720px) {
    .hds-navbar .hds-navbar__logo-and-service-text {
        margin-top: 25.5px
    }
}

@media (min-width: 940px) {
    .hds-navbar .hds-navbar__logo-and-service-text {
        margin-top: 32px
    }
}

.hds-navbar .hds-navbar__logo-and-service-text:before {
    content: "";
    background-image: var(--_hds-logo-secondary);
    width: var(--_hds-logo-secondary-width);
    height: var(--_hds-logo-secondary-height);
    order: 1;
    align-self: flex-start;
    margin-top: -6.5px
}

@media (min-width: 720px) {
    .hds-navbar .hds-navbar__logo-and-service-text:before {
        background-image: var(--_hds-logo-primary);
        width: calc(var(--_hds-logo-primary-width) / 1.3333);
        height: calc(var(--_hds-logo-primary-height) / 1.3333);
        background-size: contain;
        margin-top: 0
    }
}

@media (min-width: 940px) {
    .hds-navbar .hds-navbar__logo-and-service-text:before {
        background-image: var(--_hds-logo-primary);
        width: var(--_hds-logo-primary-width);
        height: var(--_hds-logo-primary-height);
        margin-top: 0
    }
}

.hds-navbar .hds-navbar__logo-and-service-text, .hds-navbar .hds-navbar__logo-and-service-text a {
    color: inherit;
    text-decoration: none
}

.hds-navbar .hds-navbar__logo-and-service-text:after {
    content: "";
    border-right: 1px solid var(--hds-ui-colors-grey);
    margin-left: var(--hds-spacing-24);
    margin-right: var(--hds-spacing-24);
    align-self: stretch
}

.hds-navbar .hds-navbar__logo-and-service-text, .hds-navbar .hds-navbar__logo-and-service-text.hds-navbar__logo-and-service-text--service {
    font: var(--hds-typography-h3);
    color: var(--hds-ui-colors-black)
}

.hds-navbar .hds-navbar__logo-and-service-text.hds-navbar__logo-and-service-text--flagship {
    font: var(--hds-typography-h2);
    color: var(--hds-colors-darker)
}

.hds-navbar-scroll-lock {
    overflow: hidden
}

.hds-show-more {
    font: var(--hds-font-size-technical);
    width: 100%;
    color: inherit;
    cursor: pointer;
    transition: color var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);
    background: 0 0;
    border: 0;
    align-items: center;
    display: flex
}

.hds-show-more:hover {
    color: var(--hds-colors-dark)
}

.hds-show-more:before {
    content: "";
    background-color: var(--hds-ui-colors-light-grey-stroke);
    flex-grow: 1;
    height: 1px
}

.hds-show-more:after {
    content: "";
    background-color: var(--hds-ui-colors-light-grey-stroke);
    flex-grow: 1;
    height: 1px
}

.hds-show-more:before {
    margin-right: var(--hds-spacing-24)
}

.hds-show-more:after {
    margin-left: var(--hds-spacing-24)
}

.hds-show-more .hds-show-more__icon {
    margin-left: var(--hds-spacing-8);
    background-image: var(--_hds-plus-dark);
    width: 24px;
    height: 24px
}

.hds-show-more.hds-show-more--show-less .hds-show-more__icon {
    background-image: var(--_hds-icons-cheveron-down-dark)
}

.hds-show-more.hds-show-more--show-less[data-state=expanded] .hds-show-more__icon {
    transform: rotate(-180deg)
}

.hds-skeleton {
    background-color: var(--hds-ui-colors-grey);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    animation: hds-skeleton-animation 1.2s var(--hds-micro-animation-easing-normal) infinite alternate;
    color: transparent !important
}

.hds-skeleton.hds-skeleton--no-animation {
    animation: none
}

.hds-skeleton > * {
    background-color: transparent !important
}

.hds-skeleton:not(:empty) {
    width: -moz-fit-content;
    width: fit-content;
    height: auto
}

.hds-skeleton:empty:before {
    content: " "
}

.hds-skeleton.hds-skeleton--text {
    border-radius: var(--hds-border-radius);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    transform: scaleY(.7)
}

.hds-skeleton.hds-skeleton--circle {
    border-radius: 50%
}

.hds-skeleton.hds-skeleton--rectangle {
    border-radius: 0
}

.hds-skeleton.hds-skeleton--rounded {
    border-radius: var(--hds-border-radius)
}

@keyframes hds-skeleton-animation {
    0% {
        opacity: 1
    }
    to {
        opacity: .4
    }
}

.hds-step-indicator .hds-step-indicator__header {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.hds-step-indicator .hds-step-indicator__left-label {
    color: var(--hds-colors-dark)
}

.hds-step-indicator .hds-step-indicator__steps {
    margin-top: var(--hds-spacing-8);
    -moz-column-gap: var(--hds-spacing-4);
    column-gap: var(--hds-spacing-4);
    display: flex
}

.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step {
    border-radius: var(--hds-border-radius);
    width: 100%;
    height: var(--hds-spacing-4)
}

.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=previous], .hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=active] {
    background-color: var(--hds-colors-signature)
}

.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=next] {
    background-color: var(--hds-ui-colors-grey)
}

.hds-step-indicator .hds-step-indicator__title {
    font: var(--hds-typography-h1);
    color: var(--hds-colors-darker)
}

.hds-step-indicator .hds-step-indicator__title:not(:empty) {
    margin-top: var(--hds-spacing-24-32)
}

.hds-styled-html {
    font: var(--hds-typography-body)
}

.hds-styled-html > :first-child {
    margin-top: 0
}

.hds-styled-html > :last-child {
    margin-bottom: 0
}

.hds-styled-html h1, .hds-styled-html h2 {
    margin-top: var(--hds-spacing-48-64)
}

.hds-styled-html h3 {
    margin-top: var(--hds-spacing-40-48)
}

.hds-styled-html h4, .hds-styled-html h5 {
    margin-top: var(--hds-spacing-32-40)
}

.hds-styled-html a:where(:not(.hds-button)) {
    color: var(--hds-link-colors-text);
    fill: currentColor;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-thickness: var(--hds-stroke-default);
    text-decoration-color: var(--hds-link-colors-underline);
    text-underline-offset: .25em;
    transition-property: color, fill, text-decoration-color
}

.hds-styled-html a:where(:not(.hds-button)):hover {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-styled-html a:where(:not(.hds-button)):active {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted {
    color: var(--hds-ui-colors-white);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:disabled {
    color: var(--hds-ui-colors-dark-grey);
    fill: currentColor;
    cursor: default;
    text-decoration-color: currentColor;
    box-shadow: none !important;
    outline: 0 !important
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline {
    color: var(--hds-colors-dark);
    font-weight: 500;
    text-decoration: none
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:hover {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:active {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--solid {
    color: var(--hds-ui-colors-black);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--small {
    font: var(--hds-typography-body-small)
}

.hds-styled-html a:where(:not(.hds-button)).hds-link--large {
    font: var(--hds-typography-h3)
}

.hds-styled-html a:where(:not(.hds-button)):is(button) {
    background: 0 0;
    border: 0;
    padding: 0
}

.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)) {
    font: var(--hds-typography-body)
}

.hds-styled-html p {
    margin-top: var(--hds-spacing-16)
}

@media (min-width: 940px) {
    .hds-styled-html p {
        margin-top: var(--hds-spacing-24)
    }
}

.hds-styled-html p + h2 {
    margin-top: var(--hds-spacing-48-64)
}

.hds-styled-html p + figure {
    margin-top: var(--hds-spacing-48-64)
}

.hds-styled-html p + h3 {
    margin-top: var(--hds-spacing-40-48)
}

.hds-styled-html p + h4 {
    margin-top: var(--hds-spacing-32-40)
}

.hds-styled-html p + h5 {
    margin-top: var(--hds-spacing-32-40)
}

.hds-styled-html hr {
    margin-bottom: var(--hds-spacing-24)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) {
    margin-top: var(--hds-spacing-16);
    --_hds-list-marker-color: var(--hds-colors-dark);
    padding-left: var(--hds-spacing-32)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li {
    padding-left: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li::marker {
    color: var(--_hds-list-marker-color)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) {
    list-style: decimal
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) {
    list-style: disc
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul {
    list-style: circle
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol {
    list-style: decimal
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small {
    font: var(--hds-typography-body-small)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small * + * {
    margin-top: var(--hds-spacing-4)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul {
    margin-top: var(--hds-spacing-4)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol {
    margin-top: var(--hds-spacing-4)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) * + * {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium * + * {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol {
    margin-top: var(--hds-spacing-8)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large {
    font: var(--hds-typography-h3)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large * + * {
    margin-top: var(--hds-spacing-12)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul {
    margin-top: var(--hds-spacing-12)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol {
    margin-top: var(--hds-spacing-12)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list {
    padding-left: 0;
    list-style: none
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list * + * {
    margin-top: var(--hds-spacing-16)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li {
    padding-left: 0
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)) {
    color: var(--hds-link-colors-text);
    fill: currentColor;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-normal);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-thickness: var(--hds-stroke-default);
    text-decoration-color: var(--hds-link-colors-underline);
    text-underline-offset: .25em;
    transition-property: color, fill, text-decoration-color
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active {
    color: var(--hds-link-colors-hover);
    fill: currentColor;
    text-decoration-color: var(--hds-link-colors-underline-hover)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted {
    color: var(--hds-ui-colors-white);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled {
    color: var(--hds-ui-colors-dark-grey);
    fill: currentColor;
    cursor: default;
    text-decoration-color: currentColor;
    box-shadow: none !important;
    outline: 0 !important
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline {
    color: var(--hds-colors-dark);
    font-weight: 500;
    text-decoration: none
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active {
    color: var(--hds-colors-dark);
    text-decoration: underline
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid {
    color: var(--hds-ui-colors-black);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active {
    color: var(--hds-ui-colors-black-hover);
    text-decoration-color: currentColor
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small {
    font: var(--hds-typography-body-small)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large {
    font: var(--hds-typography-h3)
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button) {
    background: 0 0;
    border: 0;
    padding: 0
}

.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)) {
    font: var(--hds-typography-body)
}

.hds-styled-html figure {
    margin: 0;
    margin-top: var(--hds-spacing-32);
    padding: 0
}

.hds-styled-html figure img {
    width: 100%
}

.hds-styled-html figure .hds-figure__container {
    position: relative
}

.hds-styled-html figure .hds-figure__container:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(rgba(0, 0, 0, .1) 0%, transparent 20%, transparent 80%, rgba(0, 0, 0, .1) 100%);
    width: 100%;
    height: 100%;
    position: absolute
}

.hds-styled-html figure figcaption {
    margin-top: var(--hds-spacing-12);
    font-size: var(--hds-font-size-caption);
    text-align: left;
    color: var(--hds-ui-colors-black);
    line-height: 1.5;
    position: relative
}

.hds-styled-html blockquote {
    margin: var(--hds-spacing-24-32) 0;
    padding: 0 var(--hds-spacing-16-20)
}

.hds-styled-html blockquote :where(p) {
    font: var(--hds-typography-h2)
}

.hds-styled-html blockquote p:not(:last-child):before {
    content: "“";
    padding-right: 3px
}

.hds-styled-html blockquote p:not(:last-child):after {
    content: "”";
    padding-left: 0
}

.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):before {
    content: "«";
    padding-right: 3px
}

.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):after {
    content: "»";
    padding-left: 0
}

.hds-styled-html blockquote footer {
    margin-top: var(--hds-spacing-20-24);
    font: var(--hds-typography-technical)
}

.hds-styled-html blockquote footer:before {
    content: "- "
}

.hds-styled-html table {
    margin-top: var(--hds-spacing-32);
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    min-width: 460px;
    overflow-x: scroll
}

.hds-styled-html table th, .hds-styled-html table td {
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-stroke)
}

.hds-styled-html table th:first-child, .hds-styled-html table td:first-child {
    padding-left: var(--hds-spacing-4)
}

.hds-styled-html table th:last-child {
    padding-right: var(--hds-spacing-4)
}

.hds-styled-html table td:last-child {
    padding-right: var(--hds-spacing-4)
}

.hds-styled-html table th, .hds-styled-html table td {
    padding-top: var(--hds-spacing-24);
    padding-bottom: var(--hds-spacing-16)
}

.hds-styled-html table th {
    font: var(--hds-typography-body-small-title)
}

.hds-styled-html table td {
    font: var(--hds-typography-body-small)
}

.hds-styled-html table.hds-table--default th, .hds-styled-html table.hds-table--default td {
    padding-top: var(--hds-spacing-24);
    padding-bottom: var(--hds-spacing-16)
}

.hds-styled-html table.hds-table--default th {
    font: var(--hds-typography-body-small-title)
}

.hds-styled-html table.hds-table--default td {
    font: var(--hds-typography-body-small)
}

.hds-styled-html table.hds-table--compressed th, .hds-styled-html table.hds-table--compressed td {
    padding-top: var(--hds-spacing-12);
    padding-bottom: var(--hds-spacing-8)
}

.hds-styled-html table.hds-table--compressed th {
    font: var(--hds-typography-technical-title)
}

.hds-styled-html table.hds-table--compressed td {
    font: var(--hds-typography-technical)
}

@media (max-width: 719.999px) {
    .hds-styled-html table.hds-table--mobile-compressed th, .hds-styled-html table.hds-table--mobile-compressed td {
        padding-top: var(--hds-spacing-12);
        padding-bottom: var(--hds-spacing-8)
    }

    .hds-styled-html table.hds-table--mobile-compressed th {
        font: var(--hds-typography-technical-title)
    }

    .hds-styled-html table.hds-table--mobile-compressed td {
        font: var(--hds-typography-technical)
    }
}

.hds-styled-html table caption {
    font: var(--hds-typography-h3-title);
    text-align: left;
    caption-side: top;
    padding-bottom: var(--hds-spacing-12)
}

.hds-styled-html table p, .hds-styled-html table h1, .hds-styled-html table h2, .hds-styled-html table h3, .hds-styled-html table h4, .hds-styled-html table h5, .hds-styled-html table h6 {
    margin-bottom: 0
}

.hds-styled-html table a {
    color: unset;
    border-bottom: none
}

.hds-styled-html b, .hds-styled-html strong {
    font-weight: var(--hds-font-weight-body-title)
}

.hds-styled-html.hds-styled-html--small, .hds-styled-html.hds-styled-html--small p, .hds-styled-html.hds-styled-html--small li, .hds-styled-html.hds-styled-html--small a {
    font-size: var(--hds-font-size-body-small);
    line-height: var(--hds-line-height-body-small)
}

.hds-styled-html.hds-styled-html--small p {
    margin-top: var(--hds-spacing-12)
}

.hds-styled-html.hds-styled-html--darkmode {
    color: #ccc
}

.hds-styled-html.hds-styled-html--darkmode h1, .hds-styled-html.hds-styled-html--darkmode h2, .hds-styled-html.hds-styled-html--darkmode h3, .hds-styled-html.hds-styled-html--darkmode h4, .hds-styled-html.hds-styled-html--darkmode h5, .hds-styled-html.hds-styled-html--darkmode h6 {
    color: #fafafa
}

.hds-styled-html.hds-styled-html--darkmode a {
    color: var(--hds-ui-colors-white);
    text-decoration-color: currentColor
}

.hds-styled-html.hds-styled-html--darkmode a:hover, .hds-styled-html.hds-styled-html--darkmode a:active {
    color: var(--hds-colors-light);
    text-decoration-color: currentColor
}

.hds-styled-html.hds-styled-html--darkmode a:disabled {
    color: var(--hds-ui-colors-dark-grey);
    fill: currentColor;
    cursor: default;
    text-decoration-color: currentColor;
    box-shadow: none !important;
    outline: 0 !important
}

.hds-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    min-width: 460px;
    overflow-x: scroll
}

.hds-table th, .hds-table td {
    border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-stroke)
}

.hds-table th:first-child, .hds-table td:first-child {
    padding-left: var(--hds-spacing-4)
}

.hds-table th:last-child {
    padding-right: var(--hds-spacing-4)
}

.hds-table td:last-child {
    padding-right: var(--hds-spacing-4)
}

.hds-table th, .hds-table td {
    padding-top: var(--hds-spacing-24);
    padding-bottom: var(--hds-spacing-16)
}

.hds-table th {
    font: var(--hds-typography-body-small-title)
}

.hds-table td {
    font: var(--hds-typography-body-small)
}

.hds-table.hds-table--default th, .hds-table.hds-table--default td {
    padding-top: var(--hds-spacing-24);
    padding-bottom: var(--hds-spacing-16)
}

.hds-table.hds-table--default th {
    font: var(--hds-typography-body-small-title)
}

.hds-table.hds-table--default td {
    font: var(--hds-typography-body-small)
}

.hds-table.hds-table--compressed th, .hds-table.hds-table--compressed td {
    padding-top: var(--hds-spacing-12);
    padding-bottom: var(--hds-spacing-8)
}

.hds-table.hds-table--compressed th {
    font: var(--hds-typography-technical-title)
}

.hds-table.hds-table--compressed td {
    font: var(--hds-typography-technical)
}

@media (max-width: 719.999px) {
    .hds-table.hds-table--mobile-compressed th, .hds-table.hds-table--mobile-compressed td {
        padding-top: var(--hds-spacing-12);
        padding-bottom: var(--hds-spacing-8)
    }

    .hds-table.hds-table--mobile-compressed th {
        font: var(--hds-typography-technical-title)
    }

    .hds-table.hds-table--mobile-compressed td {
        font: var(--hds-typography-technical)
    }
}

.hds-table caption {
    font: var(--hds-typography-h3-title);
    text-align: left;
    caption-side: top;
    padding-bottom: var(--hds-spacing-12)
}

.hds-table + .hds-table-description {
    font: var(--hds-typography-caption);
    padding: var(--hds-spacing-12) 0
}

.hds-tabs {
    --_hds-tabs-border-active-size: var(--hds-stroke-thick);
    --_hds-tabs-marker-color: var(--hds-colors-signature);
    --_hds-tabs-marker-border-fallback-color: var(--_hds-tabs-marker-color);
    --_hds-tabs-marker-animated-color: transparent;
    --_hds-tabs-marker-top: 0;
    --_hds-tabs-marker-left: 0;
    --_hds-tabs-marker-height: 0;
    --_hds-tabs-marker-width: 0;
    font: var(--hds-typography-body)
}

.hds-tabs .hds-tabs__list {
    width: auto;
    padding-left: 0;
    display: inline-flex;
    position: relative
}

.hds-tabs .hds-tabs__list .hds-tabs__tab {
    cursor: pointer;
    font: var(--hds-typography-body);
    color: inherit;
    text-align: left;
    background: 0 0;
    border: 0
}

.hds-tabs .hds-tabs__list .hds-tabs__tab:hover, .hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active {
    color: var(--hds-colors-dark)
}

.hds-tabs .hds-tabs__list {
    border-left: 1px solid var(--hds-ui-colors-light-grey-fill);
    flex-direction: column
}

.hds-tabs .hds-tabs__list .hds-tabs__tab {
    width: auto;
    padding: var(--hds-spacing-8) var(--hds-spacing-16);
    border-left: var(--_hds-tabs-border-active-size) solid transparent
}

.hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active {
    border-color: var(--_hds-tabs-marker-border-fallback-color, var(--_hds-tabs-marker-color))
}

.hds-tabs .hds-tabs__list:before {
    content: "";
    height: 100%;
    width: var(--_hds-tabs-border-active-size);
    scale: 1 var(--_hds-tabs-marker-height);
    translate: 0 var(--_hds-tabs-marker-top);
    transform-origin: 0 0;
    transition-property: scale, translate;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-out);
    background-color: var(--_hds-tabs-marker-animated-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.hds-tabs .hds-tabs__list.hds-tabs__list--vertical {
    border-left: 1px solid var(--hds-ui-colors-light-grey-fill);
    flex-direction: column
}

.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab {
    width: auto;
    padding: var(--hds-spacing-8) var(--hds-spacing-16);
    border-left: var(--_hds-tabs-border-active-size) solid transparent
}

.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab.hds-tabs__tab--active {
    border-color: var(--_hds-tabs-marker-border-fallback-color, var(--_hds-tabs-marker-color))
}

.hds-tabs .hds-tabs__list.hds-tabs__list--vertical:before {
    content: "";
    height: 100%;
    width: var(--_hds-tabs-border-active-size);
    scale: 1 var(--_hds-tabs-marker-height);
    translate: 0 var(--_hds-tabs-marker-top);
    transform-origin: 0 0;
    transition-property: scale, translate;
    transition-duration: var(--hds-micro-animation-duration-quick);
    transition-timing-function: var(--hds-micro-animation-easing-out);
    background-color: var(--_hds-tabs-marker-animated-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width: 720px) {
    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal {
        border-left: 0;
        border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-fill);
        flex-direction: row
    }

    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab {
        padding: var(--hds-spacing-12) 0;
        border-bottom: var(--_hds-tabs-border-active-size) solid transparent;
        border-left: 0
    }

    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab.hds-tabs__tab--active {
        border-color: var(--_hds-tabs-marker-border-fallback-color, var(--_hds-tabs-marker-color))
    }

    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:first-child) {
        margin-left: var(--hds-spacing-16)
    }

    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:last-child) {
        margin-right: var(--hds-spacing-16)
    }

    .hds-tabs .hds-tabs__list.hds-tabs__list--horizontal:before {
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        top: unset;
        width: unset;
        height: var(--_hds-tabs-border-active-size);
        scale: var(--_hds-tabs-marker-width) 1;
        translate: var(--_hds-tabs-marker-left) 0;
        transform-origin: 0;
        transition-property: scale, translate;
        transition-duration: var(--hds-micro-animation-duration-quick);
        transition-timing-function: var(--hds-micro-animation-easing-out);
        background-color: var(--_hds-tabs-marker-animated-color);
        position: absolute
    }
}

.hds-tabs .hds-tabs__contents {
    margin-top: var(--hds-spacing-64)
}

.hds-text-h1-display {
    font: var(--hds-typography-h1-display)
}

.hds-text-h1-display.hds-text--min {
    font-size: var(--hds-font-size-h1-display-min);
    line-height: var(--hds-line-height-h1-display-min)
}

.hds-text-h1-display.hds-text--max {
    font-size: var(--hds-font-size-h1-display-max);
    line-height: var(--hds-line-height-h1-display-max)
}

.hds-text-h1 {
    font: var(--hds-typography-h1)
}

.hds-text-h1.hds-text--min {
    font-size: var(--hds-font-size-h1-min);
    line-height: var(--hds-line-height-h1-min)
}

.hds-text-h1.hds-text--max {
    font-size: var(--hds-font-size-h1-max);
    line-height: var(--hds-line-height-h1-max)
}

.hds-text-h2 {
    font: var(--hds-typography-h2)
}

.hds-text-h2.hds-text--min {
    font-size: var(--hds-font-size-h2-min);
    line-height: var(--hds-line-height-h2-min)
}

.hds-text-h2.hds-text--max {
    font-size: var(--hds-font-size-h2-max);
    line-height: var(--hds-line-height-h2-max)
}

.hds-text-h3 {
    font: var(--hds-typography-h3)
}

.hds-text-h3.hds-text--min {
    font-size: var(--hds-font-size-h3-min);
    line-height: var(--hds-line-height-h3-min)
}

.hds-text-h3.hds-text--max {
    font-size: var(--hds-font-size-h3-max);
    line-height: var(--hds-line-height-h3-max)
}

.hds-text-h3-title {
    font: var(--hds-typography-h3-title)
}

.hds-text-h3-title.hds-text--min {
    font-size: var(--hds-font-size-h3-title-min);
    line-height: var(--hds-line-height-h3-title-min)
}

.hds-text-h3-title.hds-text--max {
    font-size: var(--hds-font-size-h3-title-max);
    line-height: var(--hds-line-height-h3-title-max)
}

.hds-text-body {
    font: var(--hds-typography-body)
}

.hds-text-body.hds-text--min {
    font-size: var(--hds-font-size-body-min);
    line-height: var(--hds-line-height-body-min)
}

.hds-text-body.hds-text--max {
    font-size: var(--hds-font-size-body-max);
    line-height: var(--hds-line-height-body-max)
}

.hds-text-body-title {
    font: var(--hds-typography-body-title)
}

.hds-text-body-title.hds-text--min {
    font-size: var(--hds-font-size-body-title-min);
    line-height: var(--hds-line-height-body-title-min)
}

.hds-text-body-title.hds-text--max {
    font-size: var(--hds-font-size-body-title-max);
    line-height: var(--hds-line-height-body-title-max)
}

.hds-text-body-small {
    font: var(--hds-typography-body-small)
}

.hds-text-body-small.hds-text--min {
    font-size: var(--hds-font-size-body-small-min);
    line-height: var(--hds-line-height-body-small-min)
}

.hds-text-body-small.hds-text--max {
    font-size: var(--hds-font-size-body-small-max);
    line-height: var(--hds-line-height-body-small-max)
}

.hds-text-body-small-title {
    font: var(--hds-typography-body-small-title)
}

.hds-text-body-small-title.hds-text--min {
    font-size: var(--hds-font-size-body-small-title-min);
    line-height: var(--hds-line-height-body-small-title-min)
}

.hds-text-body-small-title.hds-text--max {
    font-size: var(--hds-font-size-body-small-title-max);
    line-height: var(--hds-line-height-body-small-title-max)
}

.hds-text-technical {
    font: var(--hds-typography-technical)
}

.hds-text-technical.hds-text--min {
    font-size: var(--hds-font-size-technical-min);
    line-height: var(--hds-line-height-technical-min)
}

.hds-text-technical.hds-text--max {
    font-size: var(--hds-font-size-technical-max);
    line-height: var(--hds-line-height-technical-max)
}

.hds-text-technical-title {
    font: var(--hds-typography-technical-title)
}

.hds-text-technical-title.hds-text--min {
    font-size: var(--hds-font-size-technical-title-min);
    line-height: var(--hds-line-height-technical-title-min)
}

.hds-text-technical-title.hds-text--max {
    font-size: var(--hds-font-size-technical-title-max);
    line-height: var(--hds-line-height-technical-title-max)
}

.hds-text-caption {
    font: var(--hds-typography-caption)
}

.hds-text-caption-title {
    font: var(--hds-typography-caption-title)
}

:is(.hds-text-h1,.hds-text-h2).hds-text--spacing:not(:first-child) {
    margin-top: var(--hds-spacing-48-64)
}

.hds-text-h1 + .hds-text-h2.hds-text--spacing {
    margin-top: var(--hds-spacing-32)
}

:is(.hds-text-h3,.hds-text-h3-title).hds-text--spacing {
    margin-top: var(--hds-spacing-40-48)
}

:is(.hds-text-body,.hds-text-body-title).hds-text--spacing:not(:first-child) {
    margin-top: var(--hds-spacing-16)
}

@media (min-width: 940px) {
    :is(.hds-text-body,.hds-text-body-title).hds-text--spacing:not(:first-child) {
        margin-top: var(--hds-spacing-24)
    }
}

:is(.hds-text-body,.hds-text-body-title).hds-text--spacing:not(:last-child) {
    margin-bottom: var(--hds-spacing-16)
}

@media (min-width: 940px) {
    :is(.hds-text-body,.hds-text-body-title).hds-text--spacing:not(:last-child) {
        margin-bottom: var(--hds-spacing-24)
    }
}

@keyframes hds-spinner-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes hds-spinner-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.hds-spinner {
    --hds-spinner-delay: .8s;
    --hds-spinner-fade-in: var(--hds-micro-animation-duration-slow);
    --_hds-spinner-animation: hds-spinner-spin 2s linear 0s infinite normal forwards;
    background-image: var(--_hds-spinner);
    animation: var(--_hds-spinner-animation);
    width: var(--hds-component-spinner-size);
    height: var(--hds-component-spinner-size)
}

.hds-spinner.hds-spinner--small {
    --hds-component-spinner-size: var(--hds-font-size-body)
}

.hds-spinner, .hds-spinner.hds-spinner--medium {
    --hds-component-spinner-size: var(--hds-font-size-h2)
}

.hds-spinner.hds-spinner--large {
    --hds-component-spinner-size: var(--hds-font-size-h1)
}

.hds-spinner.hds-spinner--delay {
    opacity: 0;
    animation: var(--_hds-spinner-animation), hds-spinner-fade-in var(--hds-spinner-fade-in) var(--hds-micro-animation-easing-in) var(--hds-spinner-delay) 1 normal forwards
}

:root {
    --_hds-icons-times: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z" fill="black"/></svg>');
    --_hds-icons-cheveron-left-black: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M11.0404 13.9322L11.3917 13.5887C11.462 13.4983 11.462 13.3537 11.3917 13.2814L8.21212 9.99096L11.3917 6.71864C11.462 6.64633 11.462 6.50169 11.3917 6.4113L11.0404 6.0678C10.9526 5.9774 10.8296 5.9774 10.7418 6.0678L7.0527 9.84633C6.98243 9.93672 6.98243 10.0633 7.0527 10.1537L10.7418 13.9322C10.8296 14.0226 10.9526 14.0226 11.0404 13.9322Z" fill="black"/></svg>');
    --_hds-icons-cheveron-right-dark-grey: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.9596 6.0678L7.60826 6.4113C7.53799 6.50169 7.53799 6.64633 7.60826 6.71864L10.7879 10.009L7.60826 13.2814C7.53799 13.3537 7.53799 13.4983 7.60826 13.5887L7.9596 13.9322C8.04743 14.0226 8.1704 14.0226 8.25823 13.9322L11.9473 10.1537C12.0176 10.0633 12.0176 9.93672 11.9473 9.84633L8.25823 6.0678C8.1704 5.9774 8.04743 5.9774 7.9596 6.0678Z" fill="%236E6E6E"/></svg>');
    --_hds-icons-cheveron-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="black" d="m19.629 9.656-.668-.703c-.176-.176-.457-.176-.598 0L12 15.316 5.602 8.953c-.141-.176-.422-.176-.598 0l-.668.703c-.176.14-.176.422 0 .598l7.348 7.348a.405.405 0 0 0 .597 0l7.348-7.348c.176-.176.176-.457 0-.598Z"/></svg>');
    --_hds-icons-cheveron-down-dark: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z" fill="%23980000"/></svg>');
    --_hds-icons-arrow-right: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z" fill="black"/></svg>');
    --_hds-icons-arrow-right-dark: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z" fill="%23980000"/></svg>');
    --_hds-icons-calendar-days: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.34375 3.84375C9.34375 3.37617 8.96758 3 8.5 3C8.03242 3 7.65625 3.37617 7.65625 3.84375V5.25H6.25C5.00898 5.25 4 6.25898 4 7.5V8.0625V9.75V18.75C4 19.991 5.00898 21 6.25 21H17.5C18.741 21 19.75 19.991 19.75 18.75V9.75V8.0625V7.5C19.75 6.25898 18.741 5.25 17.5 5.25H16.0938V3.84375C16.0938 3.37617 15.7176 3 15.25 3C14.7824 3 14.4062 3.37617 14.4062 3.84375V5.25H9.34375V3.84375ZM5.6875 9.75H8.5V11.7188H5.6875V9.75ZM5.6875 13.4062H8.5V15.6562H5.6875V13.4062ZM10.1875 13.4062H13.5625V15.6562H10.1875V13.4062ZM15.25 13.4062H18.0625V15.6562H15.25V13.4062ZM18.0625 11.7188H15.25V9.75H18.0625V11.7188ZM18.0625 17.3438V18.75C18.0625 19.0594 17.8094 19.3125 17.5 19.3125H15.25V17.3438H18.0625ZM13.5625 17.3438V19.3125H10.1875V17.3438H13.5625ZM8.5 17.3438V19.3125H6.25C5.94062 19.3125 5.6875 19.0594 5.6875 18.75V17.3438H8.5ZM13.5625 11.7188H10.1875V9.75H13.5625V11.7188Z" fill="black"/></svg>');
    --_hds-warning-yellow: url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect fill="black" height="12" rx="3" width="6" x="9" y="7" /><path d="M22.3552 18.4687C22.998 19.5938 22.1944 21 20.8685 21H3.7123C2.38641 21 1.58283 19.5938 2.22569 18.4687L10.8239 3.84375C11.4668 2.71875 13.1141 2.71875 13.7971 3.84375L22.3552 18.4687ZM11.3462 8.46429V13.6071C11.3462 14.1696 11.8284 14.5714 12.3105 14.5714C12.8328 14.5714 13.2748 14.1696 13.2748 13.6071V8.46429C13.2748 7.94196 12.8328 7.5 12.3105 7.5C11.748 7.5 11.3462 7.94196 11.3462 8.46429ZM12.3105 18.4286C12.9935 18.4286 13.556 17.8661 13.556 17.183C13.556 16.5 12.9935 15.9375 12.3105 15.9375C11.5873 15.9375 11.0248 16.5 11.0248 17.183C11.0248 17.8661 11.5873 18.4286 12.3105 18.4286Z" fill="%23FDBB2F" /></svg>');
    --_hds-warning-hollow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M29.0323 23.7656C29.8537 25.2031 28.8269 27 27.1327 27H5.21084C3.51664 27 2.48986 25.2031 3.25994 23.7656L14.2466 5.07812C14.7086 4.35938 15.4274 4 16.1974 4C16.9162 4 17.6349 4.35938 18.097 5.07812L29.0323 23.7656ZM5.72423 24.5357H26.6193L16.1461 6.72098L5.72423 24.5357ZM16.1974 19.7098C17.0702 19.7098 17.789 20.4286 17.789 21.3013C17.789 22.1741 17.0702 22.8929 16.1974 22.8929C15.2733 22.8929 14.5546 22.1741 14.5546 21.3013C14.5546 20.4286 15.2733 19.7098 16.1974 19.7098ZM14.9653 11.8036C14.9653 11.1362 15.4787 10.5714 16.1974 10.5714C16.8649 10.5714 17.4296 11.1362 17.4296 11.8036V16.7321C17.4296 17.4509 16.8649 17.9643 16.1974 17.9643C15.4787 17.9643 14.9653 17.4509 14.9653 16.7321V11.8036Z" fill="black"/></svg>');
    --_hds-warning-black: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect x="12" y="10" width="8" height="14.6667" rx="4" fill="%23FDBB2F"/><path d="M29.0094 24.7656C29.8308 26.2031 28.804 28 27.1098 28H5.18794C3.49374 28 2.46695 26.2031 3.28838 24.7656L14.275 6.07812C15.0964 4.64062 17.2013 4.64062 18.0741 6.07812L29.0094 24.7656ZM14.9424 11.9821V18.5536C14.9424 19.2723 15.5585 19.7857 16.1745 19.7857C16.842 19.7857 17.4067 19.2723 17.4067 18.5536V11.9821C17.4067 11.3147 16.842 10.75 16.1745 10.75C15.4558 10.75 14.9424 11.3147 14.9424 11.9821ZM16.1745 24.7143C17.0473 24.7143 17.7661 23.9955 17.7661 23.1228C17.7661 22.25 17.0473 21.5312 16.1745 21.5312C15.2504 21.5312 14.5317 22.25 14.5317 23.1228C14.5317 23.9955 15.2504 24.7143 16.1745 24.7143Z" fill="black"/></svg>');
    --_hds-success-green: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M27.6412 7.54758C28.3713 8.22153 28.3713 9.40094 27.6412 10.0749L13.2636 24.4524C12.5897 25.1825 11.4103 25.1825 10.7363 24.4524L3.54758 17.2637C2.81747 16.5897 2.81747 15.4103 3.54758 14.7363C4.22153 14.0062 5.40094 14.0062 6.07488 14.7363L11.9719 20.6334L25.1139 7.54758C25.7878 6.81747 26.9672 6.81747 27.6412 7.54758Z" fill="%237BC144"/></svg>');
    --_hds-plus-dark: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z" fill="%23980000"/></svg>');
    --_hds-info-square: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Size=Normal (24x24)"><path id="&%23239;&%23140;&%23143;" d="M18 3C19.3672 3 20.5 4.13281 20.5 5.5V18C20.5 19.4062 19.3672 20.5 18 20.5H5.5C4.09375 20.5 3 19.4062 3 18V5.5C3 4.13281 4.09375 3 5.5 3H18ZM11.75 6.75C11.0469 6.75 10.5 7.33594 10.5 8C10.5 8.70312 11.0469 9.25 11.75 9.25C12.4141 9.25 13 8.70312 13 8C13 7.33594 12.4141 6.75 11.75 6.75ZM13.3125 16.75C13.8203 16.75 14.25 16.3594 14.25 15.8125C14.25 15.3047 13.8203 14.875 13.3125 14.875H12.6875V11.4375C12.6875 10.9297 12.2578 10.5 11.75 10.5H10.5C9.95312 10.5 9.5625 10.9297 9.5625 11.4375C9.5625 11.9844 9.95312 12.375 10.5 12.375H10.8125V14.875H10.1875C9.64062 14.875 9.25 15.3047 9.25 15.8125C9.25 16.3594 9.64062 16.75 10.1875 16.75H13.3125Z" fill="black"/></g></svg>');
    --_hds-info-circle: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 4.5C22.6094 4.5 28 9.89062 28 16.5C28 23.1562 22.6094 28.5 16 28.5C9.34375 28.5 4 23.1562 4 16.5C4 9.89062 9.34375 4.5 16 4.5ZM16 26.25C21.3438 26.25 25.75 21.8906 25.75 16.5C25.75 11.1562 21.3438 6.75 16 6.75C10.6094 6.75 6.25 11.1562 6.25 16.5C6.25 21.8906 10.6094 26.25 16 26.25ZM17.875 20.25C18.4844 20.25 19 20.7656 19 21.375C19 22.0312 18.4844 22.5 17.875 22.5H14.125C13.4688 22.5 13 22.0312 13 21.375C13 20.7656 13.4688 20.25 14.125 20.25H14.875V17.25H14.5C13.8438 17.25 13.375 16.7812 13.375 16.125C13.375 15.5156 13.8438 15 14.5 15H16C16.6094 15 17.125 15.5156 17.125 16.125V20.25H17.875ZM16 13.5C15.1562 13.5 14.5 12.8438 14.5 12C14.5 11.2031 15.1562 10.5 16 10.5C16.7969 10.5 17.5 11.2031 17.5 12C17.5 12.8438 16.7969 13.5 16 13.5Z" fill="black"/></svg>');
    --_hds-spinner: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" /><path d="M15.0531 4.06725C15.2515 3.55182 14.9953 2.96765 14.4618 2.82453C13.3411 2.52382 12.1719 2.43025 11.0122 2.5515C9.52007 2.70749 8.08611 3.21466 6.82771 4.03147C5.56931 4.84828 4.52226 5.95152 3.77227 7.25085C3.18936 8.26072 2.79878 9.36673 2.61713 10.5128C2.53067 11.0583 2.95992 11.5301 3.51146 11.5588L3.81409 11.5745C4.36563 11.6032 4.82897 11.1768 4.93375 10.6346C5.08505 9.85159 5.3659 9.09685 5.76688 8.40217C6.33505 7.41783 7.12828 6.58204 8.08161 5.96325C9.03494 5.34445 10.1213 4.96023 11.2517 4.84205C12.0494 4.75865 12.8531 4.80943 13.6299 4.99003C14.1678 5.1151 14.7459 4.86549 14.9443 4.35007L15.0531 4.06725Z" fill="black"/></svg>')
}

.hds-theme-bring {
    --_hds-icons-cheveron-down-dark: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z" fill="%2300643A"/></svg>');
    --_hds-plus-dark: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z" fill="%2300643A"/></svg>');
    --_hds-icons-arrow-right-dark: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z" fill="%2300643A"/></svg>')
}

:root {
    --hds-spacing-4-8: var(--hds-spacing-4);
    --hds-spacing-8-12: var(--hds-spacing-8);
    --hds-spacing-12-16: var(--hds-spacing-12);
    --hds-spacing-16-20: var(--hds-spacing-16);
    --hds-spacing-20-24: var(--hds-spacing-20);
    --hds-spacing-24-32: var(--hds-spacing-24);
    --hds-spacing-32-40: var(--hds-spacing-32);
    --hds-spacing-40-48: var(--hds-spacing-40);
    --hds-spacing-48-64: var(--hds-spacing-48);
    --hds-spacing-64-80: var(--hds-spacing-64);
    --hds-spacing-80-120: var(--hds-spacing-80);
    --hds-spacing-120-160: var(--hds-spacing-120)
}

@media (min-width: 940px) {
    :root {
        --hds-spacing-4-8: var(--hds-spacing-8);
        --hds-spacing-8-12: var(--hds-spacing-12);
        --hds-spacing-12-16: var(--hds-spacing-16);
        --hds-spacing-16-20: var(--hds-spacing-20);
        --hds-spacing-20-24: var(--hds-spacing-24);
        --hds-spacing-24-32: var(--hds-spacing-32);
        --hds-spacing-32-40: var(--hds-spacing-40);
        --hds-spacing-40-48: var(--hds-spacing-48);
        --hds-spacing-48-64: var(--hds-spacing-64);
        --hds-spacing-64-80: var(--hds-spacing-80);
        --hds-spacing-80-120: var(--hds-spacing-120);
        --hds-spacing-120-160: var(--hds-spacing-160)
    }
}

.hds-mt-4 {
    margin-top: var(--hds-spacing-4)
}

.hds-mt-8 {
    margin-top: var(--hds-spacing-8)
}

.hds-mt-12 {
    margin-top: var(--hds-spacing-12)
}

.hds-mt-16 {
    margin-top: var(--hds-spacing-16)
}

.hds-mt-20 {
    margin-top: var(--hds-spacing-20)
}

.hds-mt-24 {
    margin-top: var(--hds-spacing-24)
}

.hds-mt-32 {
    margin-top: var(--hds-spacing-32)
}

.hds-mt-40 {
    margin-top: var(--hds-spacing-40)
}

.hds-mt-48 {
    margin-top: var(--hds-spacing-48)
}

.hds-mt-64 {
    margin-top: var(--hds-spacing-64)
}

.hds-mt-80 {
    margin-top: var(--hds-spacing-80)
}

.hds-mt-120 {
    margin-top: var(--hds-spacing-120)
}

.hds-mt-160 {
    margin-top: var(--hds-spacing-160)
}

.hds-mt-4-8 {
    margin-top: var(--hds-spacing-4-8)
}

.hds-mt-8-12 {
    margin-top: var(--hds-spacing-8-12)
}

.hds-mt-12-16 {
    margin-top: var(--hds-spacing-12-16)
}

.hds-mt-16-20 {
    margin-top: var(--hds-spacing-16-20)
}

.hds-mt-20-24 {
    margin-top: var(--hds-spacing-20-24)
}

.hds-mt-24-32 {
    margin-top: var(--hds-spacing-24-32)
}

.hds-mt-32-40 {
    margin-top: var(--hds-spacing-32-40)
}

.hds-mt-40-48 {
    margin-top: var(--hds-spacing-40-48)
}

.hds-mt-48-64 {
    margin-top: var(--hds-spacing-48-64)
}

.hds-mt-64-80 {
    margin-top: var(--hds-spacing-64-80)
}

.hds-mt-80-120 {
    margin-top: var(--hds-spacing-80-120)
}

.hds-mt-120-160 {
    margin-top: var(--hds-spacing-120-160)
}

.hds-mb-4 {
    margin-bottom: var(--hds-spacing-4)
}

.hds-mb-8 {
    margin-bottom: var(--hds-spacing-8)
}

.hds-mb-12 {
    margin-bottom: var(--hds-spacing-12)
}

.hds-mb-16 {
    margin-bottom: var(--hds-spacing-16)
}

.hds-mb-20 {
    margin-bottom: var(--hds-spacing-20)
}

.hds-mb-24 {
    margin-bottom: var(--hds-spacing-24)
}

.hds-mb-32 {
    margin-bottom: var(--hds-spacing-32)
}

.hds-mb-40 {
    margin-bottom: var(--hds-spacing-40)
}

.hds-mb-48 {
    margin-bottom: var(--hds-spacing-48)
}

.hds-mb-64 {
    margin-bottom: var(--hds-spacing-64)
}

.hds-mb-80 {
    margin-bottom: var(--hds-spacing-80)
}

.hds-mb-120 {
    margin-bottom: var(--hds-spacing-120)
}

.hds-mb-160 {
    margin-bottom: var(--hds-spacing-160)
}

.hds-mb-4-8 {
    margin-bottom: var(--hds-spacing-4-8)
}

.hds-mb-8-12 {
    margin-bottom: var(--hds-spacing-8-12)
}

.hds-mb-12-16 {
    margin-bottom: var(--hds-spacing-12-16)
}

.hds-mb-16-20 {
    margin-bottom: var(--hds-spacing-16-20)
}

.hds-mb-20-24 {
    margin-bottom: var(--hds-spacing-20-24)
}

.hds-mb-24-32 {
    margin-bottom: var(--hds-spacing-24-32)
}

.hds-mb-32-40 {
    margin-bottom: var(--hds-spacing-32-40)
}

.hds-mb-40-48 {
    margin-bottom: var(--hds-spacing-40-48)
}

.hds-mb-48-64 {
    margin-bottom: var(--hds-spacing-48-64)
}

.hds-mb-64-80 {
    margin-bottom: var(--hds-spacing-64-80)
}

.hds-mb-80-120 {
    margin-bottom: var(--hds-spacing-80-120)
}

.hds-mb-120-160 {
    margin-bottom: var(--hds-spacing-120-160)
}

.hds-warning-banner {
    --hds-warning-banner-icon-dimension: var(--hds-spacing-24);
    background-color: var(--hds-ui-colors-warning-yellow);
    text-align: center;
    width: 100%;
    position: relative
}

@media (min-width: 720px) {
    .hds-warning-banner .hds-warning-banner__title > * {
        max-width: 590px
    }
}

@media (min-width: 940px) {
    .hds-warning-banner .hds-warning-banner__title > * {
        max-width: 762px
    }
}

@media (min-width: 720px) {
    .hds-warning-banner .hds-warning-banner__description {
        max-width: 590px
    }
}

@media (min-width: 940px) {
    .hds-warning-banner .hds-warning-banner__description {
        max-width: 762px
    }
}

.hds-warning-banner .hds-warning-banner__description {
    font: var(--hds-typography-body-small);
    padding: 0 var(--hds-spacing-16) var(--hds-spacing-32);
    margin: 0 auto
}

.hds-warning-banner .hds-warning-banner__title {
    font: var(--hds-typography-body-small-title);
    padding: var(--hds-spacing-16);
    margin: 0
}

.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger {
    cursor: pointer;
    width: 100%;
    color: inherit;
    background-color: transparent;
    border: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger:after {
    content: "";
    width: var(--hds-warning-banner-icon-dimension);
    height: var(--hds-warning-banner-icon-dimension);
    background-image: var(--_hds-icons-cheveron-down);
    margin-left: var(--hds-spacing-16);
    transform: rotate(180deg)
}

.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed]:after {
    transform: rotate(0)
}

.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed] ~ .hds-warning-banner__description {
    display: none
}