@charset "utf-8";

blockquote, body, caption, div, dl, dt, dd, form, fieldset, h1, h2, h3, h4, h5, h6, html, li, ul, ol, p, pre, textarea, table, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

*, ::before, ::after { box-sizing: inherit; outline: none; }

a, button { position: relative; }

dt { font-weight: 700; }

dd::after { content: ""; display: block; }

fieldset, table, th, td { border: 0px; }

th, td { vertical-align: top; }

caption, th { font-weight: 700; text-align: start; }

a { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); background-color: rgba(0, 0, 0, 0); }

a:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: underline; }

a:focus, a:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

button, [type="submit"], [type="reset"] { cursor: pointer; }

i, em { font-style: italic; }

hr { border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); margin-top: 1.25rem; margin-bottom: 1.25rem; background: rgb(var(--colour-neutral-3, 223, 223, 223)); height: auto; }

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

html { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; line-height: 1.15; text-size-adjust: 100%; tab-size: 4; }

body { margin: 0px; }

b, strong { font-weight: bolder; }

code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { border-color: currentcolor; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }

button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }

legend { padding: 0px; }

progress { vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

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

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

summary { display: list-item; }

body { background: rgb(var(--colour-neutral-1, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); min-height: 100%; font-size: 0.875rem; line-height: 1.571; }

b, strong { font-weight: 700; }

button, input, optgroup, select, textarea { font-size: 1rem; line-height: 1.5; }

.theme-dark { --colour-neutral-1: 17, 17, 17; --colour-neutral-2: 51, 51, 51; --colour-neutral-3: 84, 84, 84; --colour-neutral-4: 112, 112, 112; --colour-neutral-5: 140, 140, 140; --colour-neutral-6: 183, 183, 183; --colour-neutral-7: 238, 238, 238; --colour-text-and-icon-1: 238, 238, 238; --colour-text-and-icon-2: 183, 183, 183; --colour-text-and-icon-3: 140, 140, 140; --colour-text-and-icon-4: 130, 130, 130; --colour-text-and-icon-5: 17, 17, 17; --colour-elevation-1: 51, 51, 51; --colour-elevation-2: 36, 36, 36; --colour-elevation-3: 51, 51, 51; --colour-elevation-1-border: 118, 118, 118; --colour-elevation-2-border: 118, 118, 118; --colour-semantic-informative: 72, 156, 227; --colour-semantic-positive: 126, 199, 109; --colour-semantic-caution: 236, 119, 62; --colour-semantic-caution-text: 236, 119, 62; --colour-semantic-negative: 251, 101, 121; --colour-static-white: 255, 255, 255; --colour-static-light-grey: 245, 245, 245; --colour-static-grey: 223, 223, 223; --colour-static-dark-grey: 118, 118, 118; --colour-static-black: 17, 17, 17; --colour-static-ikea-brand-blue: 0, 88, 163; --colour-static-ikea-brand-yellow: 255, 219, 0; --colour-static-ikea-family: 0, 124, 193; --colour-static-ikea-business-network: 222, 188, 156; --colour-commercial-message-new: 236, 119, 62; --colour-commercial-message-new-lower-price: 237, 90, 81; --colour-commercial-message-ikea-family: 64, 177, 225; --colour-commercial-message-bti-yellow: 255, 219, 0; --colour-commercial-message-bti-red: 204, 0, 8; --colour-campaign-sustainability: 55, 184, 134; --colour-interactive-primary-bg-default: 238, 238, 238; --colour-interactive-primary-bg-hover: 183, 183, 183; --colour-interactive-primary-bg-pressed: 255, 255, 255; --colour-interactive-secondary-bg-default: 51, 51, 51; --colour-interactive-secondary-bg-hover: 84, 84, 84; --colour-interactive-secondary-bg-pressed: 112, 112, 112; --colour-interactive-subtle-bg-default: 17, 17, 17; --colour-interactive-subtle-bg-hover: 51, 51, 51; --colour-interactive-subtle-bg-pressed: 84, 84, 84; --colour-interactive-subtle-border-default: 140, 140, 140; --colour-interactive-subtle-border-hover: 238, 238, 238; --colour-interactive-subtle-border-pressed: 238, 238, 238; --colour-interactive-subtle-border-selected: 238, 238, 238; --colour-interactive-emphasised-bg-default: 0, 97, 180; --colour-interactive-emphasised-bg-hover: 0, 79, 147; --colour-interactive-emphasised-bg-pressed: 0, 62, 114; --colour-interactive-emphasised-border-selected: 0, 97, 180; --colour-interactive-destructive-bg-default: 224, 7, 81; --colour-interactive-destructive-bg-hover: 204, 0, 61; --colour-interactive-destructive-bg-pressed: 184, 0, 41; --colour-interactive-disabled-1: 84, 84, 84; --colour-interactive-disabled-2: 146, 146, 146; --colour-interactive-disabled-3: 36, 36, 36; --colour-interactive-static-primary-bg-default: 17, 17, 17; --colour-interactive-static-primary-bg-hover: 51, 51, 51; --colour-interactive-static-secondary-bg-default: 245, 245, 245; --colour-interactive-static-secondary-bg-hover: 223, 223, 223; --colour-interactive-static-secondary-bg-pressed: 204, 204, 204; --colour-interactive-static-primary-bg-pressed: 0, 0, 0; --colour-extended-palette-01: 193, 207, 212; --colour-extended-palette-02: 163, 172, 176; --colour-extended-palette-03: 140, 221, 255; --colour-extended-palette-04: 0, 150, 210; --colour-extended-palette-05: 26, 106, 141; --colour-extended-palette-06: 217, 171, 255; --colour-extended-palette-07: 122, 80, 163; --colour-extended-palette-08: 255, 166, 218; --colour-extended-palette-09: 234, 89, 152; --colour-extended-palette-10: 255, 174, 102; --colour-extended-palette-11: 255, 187, 51; --colour-extended-palette-12: 236, 119, 62; --colour-extended-palette-13: 204, 177, 0; --colour-extended-palette-14: 199, 217, 0; --colour-extended-palette-15: 122, 181, 29; --colour-extended-palette-16: 80, 128, 32; --colour-extended-palette-17: 149, 229, 187; --colour-extended-palette-18: 51, 173, 157; --colour-extended-palette-19: 26, 117, 105; --colour-extended-palette-20: 215, 199, 162; --colour-extended-palette-21: 195, 178, 137; }

.hnf-btn.hnf-skip-to-content { position: absolute; top: 0px; inset-inline-start: 0px; transition: transform 200ms; transform: scale(0); margin: 0.5rem; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); z-index: 10000; }

.hnf-btn.hnf-skip-to-content:focus-visible:focus { transform: scale(1); }

.hnf-prompt__heading { margin-block-start: 1.5rem; }

.hnf-content-container { max-width: 112rem; margin-inline: auto; box-sizing: border-box; padding-inline: 1.25rem; }

@media (min-width: 37.5em) {
  .hnf-content-container { padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-content-container { padding-inline: 3rem; }
}

.hnf-content-container__breakout { margin-inline: -1.25rem; }

.hnf-content-container__breakout-revert { padding-inline: 1.25rem; }

@media (min-width: 37.5em) {
  .hnf-content-container__breakout { margin-inline: -2rem; }
  .hnf-content-container__breakout-revert { padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-content-container__breakout { margin-inline: 0px; }
  .hnf-content-container__breakout-revert { padding-inline: 0px; }
}

.hnf-content-container__carousel { --overflow-start: 1.25rem; --overflow-end: 1.25rem; }

@media (min-width: 37.5em) {
  .hnf-content-container__carousel { --overflow-start: 2rem; --overflow-end: 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-content-container__carousel { --overflow-start: 0; --overflow-end: 0; }
}

@keyframes modal-delayed-fade-in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.hnf-typography, .hnf-typography * { --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

[class*="hnf-typography-"] { font-size: calc(1rem*var(--skapa-base-multiplier, 1)*var(--skapa-font-size, 14)/16); font-weight: clamp(400,var(--skapa-font-weight, 400),700); line-height: var(--skapa-typography-line-height, 1.5); --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

.hnf-typography-margin-compensation [class*="hnf-typography-"] { margin-inline: calc(-0.095em + 1.33px); }

.hnf-typography-paragraph-spacing [class*="hnf-typography-"] { margin-bottom: calc(1em*(var(--skapa-typography-line-height, 1.5) - 1)); }

.hnf-typography-base-14 { --skapa-base-multiplier: calc(14 / 14); }

.hnf-typography-base-16 { --skapa-base-multiplier: calc(16 / 14); }

.hnf-typography-base-20 { --skapa-base-multiplier: calc(20 / 14); }

.hnf-typography-base-28 { --skapa-base-multiplier: calc(28 / 14); }

.hnf-typography-base-56 { --skapa-base-multiplier: calc(56 / 14); }

.hnf-typography-body-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-body-s, 12); --skapa-typography-line-height: 1.8; }

.hnf-typography-body-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-m, 14); }

.hnf-typography-body-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-l, 16); }

.hnf-typography-display-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-m, 40); }

.hnf-typography-display-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-xl, 72); }

.hnf-typography-display-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-l, 56); }

.hnf-typography-heading-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-m, 18); }

.hnf-typography-heading-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xl, 32); }

.hnf-typography-heading-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-l, 24); }

.hnf-typography-heading-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-s, 16); }

.hnf-typography-heading-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xs, 14); }

.hnf-typography-label-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-s, 12); }

.hnf-typography-label-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-xs, 10); text-transform: uppercase; }

.hnf-typography-label-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-m, 14); }

.hnf-typography-label-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-l, 16); }

.hnf-typography-caption-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-m, 14); }

.hnf-typography-caption-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-l, 16); }

.hnf-typography-caption-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-caption-s, 12); --skapa-typography-line-height: 1.5; }

.hnf-typography-statement-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-m, 20); }

.hnf-typography-statement-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-l, 28); }

.hnf-typography-regular { --skapa-font-weight: 400; }

.hnf-typography-typescale-desktop { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.hnf-typography-typescale-small-screen { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.hnf-typography-typescale-large-screen { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.hnf-typography-typescale-auto { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

@media (min-width: 37.5em) {
  .hnf-typography-typescale-auto { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

@media (min-width: 75em) {
  .hnf-typography-typescale-auto { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

:is(.hnf-typography-character-set-arabic, .hnf-typography-character-set-chinese_simplified, .hnf-typography-character-set-chinese_traditional, .hnf-typography-character-set-hebrew, .hnf-typography-character-set-japanese, .hnf-typography-character-set-korean) { --skapa-characterset-multiplier: 0; }

.hnf-text { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-text--lighter { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-textcontext-wrapper { display: contents; }

.hnf-list { list-style-position: outside; }

.hnf-list--unordered .hnf-list--unordered { list-style-type: circle; }

.hnf-list--ordered .hnf-list--ordered { list-style-type: upper-alpha; }

.hnf-list--small { padding-inline-start: 1.375rem; }

.hnf-list--small .hnf-list--unordered, .hnf-list--small .hnf-list--ordered { padding-inline-start: 0.875rem; }

.hnf-list--small li:not(:first-child) { margin-top: 0.5rem; }

.hnf-list--small .hnf-list--unordered li, .hnf-list--small .hnf-list--ordered li { margin-top: 0.25rem; }

.hnf-list--medium { padding-inline-start: 1.9375rem; }

.hnf-list--medium .hnf-list--unordered, .hnf-list--medium .hnf-list--ordered { padding-inline-start: 1.1875rem; }

.hnf-list--medium li:not(:first-child) { margin-top: 0.75rem; }

.hnf-list--medium .hnf-list--unordered li, .hnf-list--medium .hnf-list--ordered li { margin-top: 0.5rem; }

.hnf-list--large { padding-inline-start: 2rem; }

.hnf-list--large .hnf-list--unordered, .hnf-list--large .hnf-list--ordered { padding-inline-start: 1.25rem; }

.hnf-list--large li:not(:first-child) { margin-top: 0.75rem; }

.hnf-list--large .hnf-list--unordered li, .hnf-list--large .hnf-list--ordered li { margin-top: 0.5rem; }

.hnf-list--xlarge { padding-inline-start: 2.5625rem; }

.hnf-list--xlarge .hnf-list--unordered, .hnf-list--xlarge .hnf-list--ordered { padding-inline-start: 1.5625rem; }

.hnf-list--xlarge li:not(:first-child) { margin-top: 1rem; }

.hnf-list--xlarge .hnf-list--unordered li, .hnf-list--xlarge .hnf-list--ordered li { margin-top: 0.75rem; }

.hnf-leading-icon .hnf-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.hnf-leading-icon .hnf-svg-icon--100 { margin-inline-end: 0.25rem; }

.hnf-trailing-icon .hnf-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.hnf-trailing-icon .hnf-svg-icon--100 { margin-inline-start: 0.25rem; }

.hnf-svg-icon { display: inline-block; height: 1.5rem; width: 1.5rem; vertical-align: middle; fill: currentcolor; transition-property: transform, fill; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (prefers-reduced-motion) {
  .hnf-svg-icon { transition-property: none; }
}

@keyframes hnf-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.hnf-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running hnf-icon-rotate; }

.hnf-svg-icon--rotate-45 { transform: rotate(45deg); }

.hnf-svg-icon--rotate-minus-45 { transform: rotate(-45deg); }

.hnf-svg-icon--rotate-135 { transform: rotate(135deg); }

.hnf-svg-icon--rotate-minus-135 { transform: rotate(-135deg); }

.hnf-svg-icon--rotate-180 { transform: rotate(180deg); }

.hnf-svg-icon--rotate-minus-180 { transform: rotate(-180deg); }

[class*="hnf-btn--icon"] .hnf-btn__inner { padding: 0px 1rem; }

[class*="hnf-btn--icon"] .hnf-btn__inner .hnf-btn__label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

[class*="hnf-btn--icon"].hnf-btn--small .hnf-btn__inner { padding: 0px 0.5rem; }

[class*="hnf-btn--icon"].hnf-btn--xsmall .hnf-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

[class*="hnf-btn--icon"].hnf-btn--xsmall .hnf-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.hnf-btn { position: relative; background: none; border: 0px; padding: 0px; text-align: center; display: inline-flex; border-radius: 64px; cursor: pointer; outline: 0px; vertical-align: top; --background: tokens.$colour-interactive-primary-bg-default; --background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); --foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: var(--foreground); text-decoration: none; }

.hnf-btn .hnf-btn__inner { box-shadow: var(--box-shadow); background: var(--background); }

.hnf-btn:hover .hnf-btn__inner { background: var(--background-hover); box-shadow: var(--box-shadow-hover); }

.hnf-btn:active .hnf-btn__inner { background: var(--background-press); box-shadow: var(--box-shadow-press); }

.hnf-btn:hover, .hnf-btn:active, .hnf-btn:focus { text-decoration: none; color: var(--foreground); }

.hnf-btn .hnf-svg-icon { flex-shrink: 0; }

.hnf-btn:disabled { cursor: default; }

.hnf-btn:disabled .hnf-btn__inner { background-color: var(--disabled-background); color: var(--disabled-foreground); box-shadow: none; }

.hnf-btn__inner { border-radius: 64px; display: inline-flex; justify-content: center; align-items: center; min-height: 3.5rem; padding: 0px 2rem; width: 100%; box-sizing: border-box; transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-btn:active:not(:disabled) .hnf-btn__inner { transform: scale(0.97); }

.hnf-leading-icon .hnf-btn__inner { padding-inline-start: 1.5rem; }

.hnf-trailing-icon .hnf-btn__inner { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

@media (forced-colors: active) {
  .hnf-btn__inner { border: 1px solid rgba(0, 0, 0, 0); }
  .hnf-btn:disabled .hnf-btn__inner { color: graytext; border-color: graytext; }
}

.hnf-btn--icon-primary, .hnf-btn--primary { --background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); --background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.hnf-btn--icon-emphasised, .hnf-btn--emphasised { --background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); --background-hover: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); --background-press: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-btn--icon-secondary, .hnf-btn--secondary { --background: none; --background-hover: none; --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); --background-press: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204), 0.5); }

.hnf-btn--icon-emphasised-inverse, .hnf-btn--emphasised-inverse, .hnf-btn--icon-primary-inverse, .hnf-btn--primary-inverse { --background: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255)); --background-hover: rgb(var(--colour-interactive-subtle-bg-hover, 245, 245, 245)); --background-press: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223)); }

.hnf-btn--icon-secondary-inverse, .hnf-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), 0.1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-btn--icon-tertiary-inverse, .hnf-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), 0.15); --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), 0.3); --disabled-background: transparent; --disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15); }

.hnf-btn--danger { --background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81)); --background-hover: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61)); --background-press: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41)); }

.hnf-btn--icon-tertiary, .hnf-btn--tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --disabled-background: transparent; --disabled-foreground: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-btn--icon-image-overlay, .hnf-btn--image-overlay { --background: rgba(var(--colour-static-black, 17, 17, 17), 0.75); --background-hover: rgba(var(--colour-static-black, 17, 17, 17), 0.85); --background-press: rgba(var(--colour-static-black, 17, 17, 17), 0.95); }

.hnf-btn.hnf-btn--static-colour.hnf-btn--primary, .hnf-btn.hnf-btn--static-colour.hnf-btn--icon-primary { --background: rgb(var(--colour-interactive-static-primary-bg-default, 17, 17, 17)); --background-hover: rgb(var(--colour-interactive-static-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-static-primary-bg-pressed, 0, 0, 0)); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15); }

.hnf-btn.hnf-btn--static-colour.hnf-btn--secondary, .hnf-btn.hnf-btn--static-colour.hnf-btn--icon-secondary { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), 0.5); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-black, 17, 17, 17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15); }

.hnf-btn.hnf-btn--static-colour.hnf-btn--tertiary, .hnf-btn.hnf-btn--static-colour.hnf-btn--icon-tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-static-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: transparent; }

.hnf-btn.hnf-btn--static-colour.hnf-btn--icon-secondary-inverse, .hnf-btn.hnf-btn--static-colour.hnf-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-static-white, 255, 255, 255), 0.1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255)); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); --disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.hnf-btn.hnf-btn--static-colour.hnf-btn--icon-emphasised-inverse, .hnf-btn.hnf-btn--static-colour.hnf-btn--icon-primary-inverse, .hnf-btn.hnf-btn--static-colour.hnf-btn--primary-inverse, .hnf-btn.hnf-btn--static-colour.hnf-btn--emphasised-inverse { --background: rgb(var(--colour-static-white, 255, 255, 255)); --background-hover: rgb(var(--colour-static-light-grey, 245, 245, 245)); --background-press: rgb(var(--colour-static-grey, 223, 223, 223)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); --disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.hnf-btn.hnf-btn--static-colour.hnf-btn--icon-tertiary-inverse, .hnf-btn.hnf-btn--static-colour.hnf-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-static-white, 255, 255, 255), 0.15); --background-press: rgba(var(--colour-static-white, 255, 255, 255), 0.3); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.hnf-btn--icon-emphasised-inverse, .hnf-btn--emphasised-inverse, .hnf-btn--icon-primary-inverse, .hnf-btn--primary-inverse, .hnf-btn--icon-secondary, .hnf-btn--secondary, .hnf-btn--icon-tertiary, .hnf-btn--tertiary { --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-btn--icon-secondary-inverse, .hnf-btn--secondary-inverse, .hnf-btn--icon-tertiary-inverse, .hnf-btn--tertiary-inverse, .hnf-btn--icon-primary, .hnf-btn--primary { --foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.hnf-btn--icon-image-overlay, .hnf-btn--icon-emphasised, .hnf-btn--danger, .hnf-btn--emphasised, .hnf-btn--image-overlay { --foreground: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-btn .hnf-btn__loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -160%); display: inline-block; width: 0px; height: 0px; border: 0.25rem solid; border-radius: 64px; animation: 0.7s ease 0s infinite normal none running hnf-btn-loader; opacity: 0; visibility: hidden; text-indent: -9999px; overflow: hidden; transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@keyframes hnf-btn-loader { 
  0%, 100% { transform: translate(-50%, -160%); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translate(-50%, 20%); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
}

.hnf-btn--loading { pointer-events: none; }

.hnf-btn--loading .hnf-btn__loader { opacity: 1; visibility: visible; }

.hnf-btn--loading .hnf-svg-icon, .hnf-btn--loading .hnf-btn__label { transform: translateY(50%); opacity: 0; visibility: hidden; }

.hnf-btn--xsmall .hnf-btn__inner { min-height: 2rem; padding: 0px 1rem; }

.hnf-btn--xsmall .hnf-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.hnf-btn--xsmall.hnf-leading-icon .hnf-btn__inner { padding-inline-start: 0.75rem; }

.hnf-btn--xsmall.hnf-trailing-icon .hnf-btn__inner { padding-inline-end: 0.75rem; }

.hnf-btn--xsmall.hnf-leading-icon .hnf-svg-icon { margin-inline-end: 0.25rem; }

.hnf-btn--xsmall.hnf-trailing-icon .hnf-svg-icon { margin-inline-start: 0.25rem; }

.hnf-btn--small .hnf-btn__inner { min-height: 2.5rem; padding: 0px 1.5rem; }

.hnf-btn--small .hnf-btn__inner::after { content: ""; position: absolute; inset: -0.125rem; }

.hnf-btn--small.hnf-leading-icon .hnf-btn__inner { padding-inline-start: 1rem; }

.hnf-btn--small.hnf-trailing-icon .hnf-btn__inner { padding-inline-end: 1rem; }

.hnf-btn--expanding.hnf-leading-icon .hnf-btn__inner, .hnf-btn--expanding.hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding .hnf-btn__inner { transition-property: opacity, transform, padding; padding: 0px 1rem; }

.hnf-btn--expanding.hnf-btn--small .hnf-btn__inner { padding: 0px 0.5rem; }

.hnf-btn--expanding.hnf-btn--xsmall .hnf-btn__icon { margin: 0px; }

.hnf-btn--expanding.hnf-btn--xsmall .hnf-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

.hnf-btn--expanding.hnf-btn--xsmall .hnf-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.hnf-btn--expanding .hnf-btn__icon { transition: margin-inline-end 250ms ease-in-out; margin: 0px; }

.hnf-btn--expanding .hnf-btn__inner .hnf-btn__label { max-width: 0px; white-space: nowrap; overflow: hidden; transition: max-width 250ms ease-in-out; transform-origin: left center; position: static; width: auto; height: auto; margin: 0px; clip: initial; }

.hnf-btn--expanding:hover .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding:focus-visible .hnf-btn__inner .hnf-btn__label { max-width: 12.5rem; }

.hnf-btn--expanding:hover.hnf-leading-icon .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-leading-icon .hnf-btn__inner { padding-inline: 1.5rem 2rem; }

.hnf-btn--expanding:hover.hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-trailing-icon .hnf-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }

.hnf-btn--expanding:hover.hnf-leading-icon .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-leading-icon .hnf-btn__icon { margin-inline-end: 0.5rem; }

.hnf-btn--expanding:hover.hnf-trailing-icon .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-trailing-icon .hnf-btn__icon { margin-inline-start: 0.5rem; }

.hnf-btn--expanding:hover.hnf-leading-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-leading-icon.hnf-btn--small .hnf-btn__inner { padding-inline: 1rem 1.5rem; }

.hnf-btn--expanding:hover.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner { padding-inline: 1.5rem 1rem; }

.hnf-btn--expanding:hover.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner { padding-inline: 0.75rem 1rem; }

.hnf-btn--expanding:hover.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner { padding-inline: 1rem 0.75rem; }

.hnf-btn--expanding:hover.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon { margin-inline-end: 0.25rem; }

.hnf-btn--expanding:hover.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon { margin-inline-start: 0.25rem; }

@media (hover: none) {
  .hnf-btn--expanding.hnf-leading-icon:hover .hnf-btn__inner, .hnf-btn--expanding.hnf-trailing-icon:hover .hnf-btn__inner { padding: 0px 1rem; }
  .hnf-btn--expanding.hnf-leading-icon:hover .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding.hnf-trailing-icon:hover .hnf-btn__inner .hnf-btn__label { max-width: 0px; }
  .hnf-btn--expanding.hnf-leading-icon:hover .hnf-btn__icon, .hnf-btn--expanding.hnf-trailing-icon:hover .hnf-btn__icon { margin: 0px; }
  .hnf-btn--expanding.hnf-leading-icon.hnf-btn--small:hover .hnf-btn__inner, .hnf-btn--expanding.hnf-trailing-icon.hnf-btn--small:hover .hnf-btn__inner { padding: 0px 0.5rem; }
  .hnf-btn--expanding.hnf-leading-icon.hnf-btn--xsmall:hover .hnf-btn__inner, .hnf-btn--expanding.hnf-trailing-icon.hnf-btn--xsmall:hover .hnf-btn__inner { padding: 0px 0.25rem; }
  .hnf-btn--expanding.hnf-leading-icon.hnf-btn--xsmall:hover .hnf-btn__icon, .hnf-btn--expanding.hnf-trailing-icon.hnf-btn--xsmall:hover .hnf-btn__icon { margin: 0px; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled) .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding.hnf-btn--touch-device-expanded .hnf-btn__inner .hnf-btn__label { max-width: 12.5rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-leading-icon .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-leading-icon .hnf-btn__inner { padding-inline: 1.5rem 2rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-trailing-icon .hnf-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-leading-icon .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-leading-icon .hnf-btn__icon { margin-inline-end: 0.5rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-trailing-icon .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-trailing-icon .hnf-btn__icon { margin-inline-start: 0.5rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-leading-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-leading-icon.hnf-btn--small .hnf-btn__inner { padding-inline: 1rem 1.5rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-trailing-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner { padding-inline: 1.5rem 1rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner { padding-inline: 0.75rem 1rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner { padding-inline: 1rem 0.75rem; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon { margin: 0px; }
  .hnf-btn--expanding.hnf-btn--touch-device-expanded:hover:not(:disabled).hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--touch-device-expanded.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon { margin: 0px; }
}

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-trailing-icon .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-leading-icon .hnf-btn__inner { padding: 0px 1rem; }

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding:disabled.hnf-trailing-icon .hnf-btn__inner .hnf-btn__label, .hnf-btn--expanding:disabled.hnf-leading-icon .hnf-btn__inner .hnf-btn__label { max-width: 0px; }

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon .hnf-btn__icon, .hnf-btn--expanding:disabled.hnf-trailing-icon .hnf-btn__icon, .hnf-btn--expanding:disabled.hnf-leading-icon .hnf-btn__icon { margin: 0px; }

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-trailing-icon.hnf-btn--small .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-leading-icon.hnf-btn--small .hnf-btn__inner { padding: 0px 0.5rem; }

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__inner, .hnf-btn--expanding:disabled.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__inner { padding: 0px 0.25rem; }

.hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding:focus-visible.hnf-btn--loading.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--loading.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding.hnf-btn--loading.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding:disabled.hnf-trailing-icon.hnf-btn--xsmall .hnf-btn__icon, .hnf-btn--expanding:disabled.hnf-leading-icon.hnf-btn--xsmall .hnf-btn__icon { margin: 0px; }

.hnf-btn--fluid, .hnf-btn--fluid .hnf-btn__inner { width: 100%; }

.hnf-btn--plain.hnf-btn--small .hnf-btn__inner::after, .hnf-btn--plain .hnf-btn__inner::after { content: ""; position: absolute; inset: -0.25rem; }

.hnf-btn--plain { --background: transparent; --background-hover: transparent; --background-press: transparent; --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-btn--plain.hnf-btn--small .hnf-btn__inner, .hnf-btn--plain .hnf-btn__inner, .hnf-btn--plain.hnf-leading-icon .hnf-btn__inner, .hnf-btn--plain.hnf-trailing-icon .hnf-btn__inner { padding: 0px; }

.hnf-btn .hnf-svg-icon, .hnf-btn__label { transition-property: opacity, margin-right, margin-left, transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-btn:focus-visible, .hnf-tabs__panel:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-btn[class*="inverse"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-btn[class*="image-overlay"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-icon-pill { --background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); min-height: 3.5rem; position: relative; border: 0px; padding: 0px 2rem; text-align: center; display: inline-flex; cursor: pointer; outline: 0px; vertical-align: top; text-decoration: none; border-radius: 64px; justify-content: center; align-items: center; color: var(--foreground); background: var(--background); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-icon-pill:hover { background: var(--background-hover); }

.hnf-icon-pill:active { background: var(--background-press); }

.hnf-icon-pill:disabled { cursor: default; background: var(--disabled-background); color: var(--disabled-foreground); }

.hnf-icon-pill:hover, .hnf-icon-pill:active, .hnf-icon-pill:focus { text-decoration: none; }

.hnf-icon-pill .hnf-svg-icon { flex-shrink: 0; }

.hnf-icon-pill.hnf-leading-icon { padding-inline-start: 1.5rem; }

.hnf-icon-pill.hnf-trailing-icon { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

.hnf-icon-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.hnf-icon-pill--small::after { content: ""; position: absolute; inset: -0.1875rem; }

.hnf-icon-pill--small.hnf-leading-icon { padding-inline-start: 1rem; }

.hnf-icon-pill--small.hnf-trailing-icon { padding-inline-end: 1rem; }

.hnf-icon-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.hnf-icon-pill--xsmall::after { content: ""; position: absolute; inset: -0.4375rem; }

.hnf-icon-pill--xsmall.hnf-leading-icon { padding-inline-start: 0.25rem; }

.hnf-icon-pill--xsmall.hnf-trailing-icon { padding-inline-end: 0.25rem; }

.hnf-icon-pill { border: 2px solid rgba(0, 0, 0, 0); padding: 0px 0.875rem; }

.hnf-icon-pill:disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-icon-pill--active { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-icon-pill--xsmall { padding: 0px 0.0625rem; }

.hnf-icon-pill--small { padding: 0px 0.375rem; }

.hnf-pill { --background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); min-height: 3.5rem; position: relative; border: 0px; padding: 0px 2rem; text-align: center; display: inline-flex; cursor: pointer; outline: 0px; vertical-align: top; text-decoration: none; border-radius: 64px; justify-content: center; align-items: center; color: var(--foreground); background: var(--background); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-pill:hover { background: var(--background-hover); }

.hnf-pill:active { background: var(--background-press); }

.hnf-pill:disabled { cursor: default; background: var(--disabled-background); color: var(--disabled-foreground); }

.hnf-pill:hover, .hnf-pill:active, .hnf-pill:focus { text-decoration: none; }

.hnf-pill .hnf-pill--svg-icon { flex-shrink: 0; }

.hnf-pill.hnf-pill--leading-icon { padding-inline-start: 1.5rem; }

.hnf-pill.hnf-pill--trailing-icon { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

.hnf-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.hnf-pill--small::after { content: ""; position: absolute; inset: -0.1875rem; }

.hnf-pill--small.hnf-pill--leading-icon { padding-inline-start: 1rem; }

.hnf-pill--small.hnf-pill--trailing-icon { padding-inline-end: 1rem; }

.hnf-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.hnf-pill--xsmall::after { content: ""; position: absolute; inset: -0.4375rem; }

.hnf-pill--xsmall.hnf-pill--leading-icon { padding-inline-start: 0.25rem; }

.hnf-pill--xsmall.hnf-pill--trailing-icon { padding-inline-end: 0.25rem; }

.hnf-pill__trailing-icon { margin-inline-start: 0.5rem; }

.hnf-pill__leading-icon { margin-inline-end: 0.5rem; }

.hnf-pill.hnf-pill--trailing-icon { flex-direction: row; }

.hnf-pill { border: 2px solid rgba(0, 0, 0, 0); }

.hnf-pill--active { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-pill:disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-pill:disabled .hnf-pill__thumbnail { opacity: 0.5; }

.hnf-pill--thumbnail { --thumbnail-padding: 0.75rem; padding-inline-start: var(--thumbnail-padding); }

.hnf-pill--thumbnail.hnf-pill--small, .hnf-pill--thumbnail.hnf-pill--xsmall { --thumbnail-padding: 0.5rem; }

.hnf-pill--thumbnail.hnf-pill--small .hnf-pill__thumbnail, .hnf-pill--thumbnail.hnf-pill--xsmall .hnf-pill__thumbnail { width: 1.5rem; height: 1.5rem; }

.hnf-pill--thumbnail.hnf-pill--xsmall { --thumbnail-padding: 0.25rem; }

.hnf-pill__thumbnail { width: 2rem; height: 2rem; border-radius: 64px; margin-inline-end: 0.5rem; }

.hnf-pill:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-form-field { display: block; margin-bottom: 1.25rem; }

.hnf-form-field__content { margin-top: 0.25rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.hnf-form-field--with-character-limit .hnf-form-field__content > :not(:first-child) { padding-inline-start: 0.5rem; }

.hnf-form-field > .hnf-checkbox, .hnf-form-field > .hnf-radiobutton, .hnf-form-field fieldset { margin-bottom: 0.5rem; }

.hnf-form-field legend { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-helper-text { display: inline-flex; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); align-items: center; }

.hnf-helper-text .hnf-helper-text__icon.hnf-svg-icon { height: 1.125rem; width: 1.125rem; margin-inline-end: 0.25rem; vertical-align: bottom; flex: 0 0 auto; }

.hnf-helper-text--character-count { font-variant-numeric: tabular-nums; }

.hnf-helper-text--error { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-helper-text--success { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-helper-text--warning { color: rgb(var(--colour-semantic-caution-text, 202, 80, 8)); }

.hnf-helper-text--text-only { margin-inline-start: 0px; }

.hnf-helper-text--text-only .hnf-helper-text__icon { display: none; }

.hnf-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.hnf-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.hnf-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .hnf-validation-border { border-color: graytext; }
}

.hnf-input-field__wrapper { box-sizing: border-box; position: relative; display: flex; width: 100%; align-items: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 4px; padding-right: 0.375rem; padding-left: 0.375rem; }

.hnf-input-field__wrapper > * { padding-inline: 0.125rem; }

.hnf-input-field__prefix-label, .hnf-input-field__suffix-label { text-overflow: ellipsis; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); opacity: 0; visibility: hidden; flex-shrink: 0; transition: opacity 100ms cubic-bezier(0.4, 0, 0.4, 1), visibility 100ms cubic-bezier(0.4, 0, 0.4, 1); position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-input-field__prefix-label { order: 2; }

.hnf-input-field__suffix-label { text-align: right; order: 4; }

.hnf-input-field__payment-logo { order: 5; margin-inline: 0.3125rem; flex-shrink: 0; }

.hnf-input-field input { flex-grow: 1; border: 0px; background: none; padding-top: 0px; padding-bottom: 0px; height: 3rem; overflow: hidden; order: 3; outline: none; border-radius: 4px; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); min-width: 1ch; }

.hnf-input-field input:-webkit-autofill { font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; }

.hnf-input-field input:focus ~ .hnf-validation-border { --skapa-validation-border-default: initial; }

.hnf-input-field input[type="hidden"] ~ .hnf-validation-border, .hnf-input-field input[type="hidden"] ~ .hnf-input-field__leading-icon, .hnf-input-field input[type="hidden"] ~ .hnf-input-field__trailing-icon { display: none; }

.hnf-input-field input[type="date"] { color: rgba(0, 0, 0, 0); }

.hnf-input-field input[type="date"]:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field input[type="date"]:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field input[type="date"]::-webkit-inner-spin-button, .hnf-input-field input[type="date"]::-webkit-calendar-picker-indicator, .hnf-input-field input[type="date"]::-webkit-clear-button { display: none; appearance: none; }

.hnf-input-field--labelled input[type="date"] { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field input:focus ~ .hnf-input-field__prefix-label, .hnf-input-field input:focus ~ .hnf-input-field__suffix-label, .hnf-input-field--labelled .hnf-input-field__prefix-label, .hnf-input-field--labelled .hnf-input-field__suffix-label { opacity: 1; transition-delay: 33ms; visibility: visible; position: static; width: auto; height: auto; }

.hnf-input-field .hnf-btn { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field .hnf-btn:disabled { pointer-events: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field .hnf-btn:disabled .hnf-btn__inner { border: 0px; background: none; }

.hnf-input-field__leading-icon { flex-shrink: 0; order: 1; }

.hnf-input-field__trailing-icon { flex-shrink: 0; order: 5; }

.hnf-input-field label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-input-field--disabled label, .hnf-input-field--disabled input, .hnf-input-field--disabled .hnf-svg-icon, .hnf-input-field--disabled .hnf-input-field__suffix-label, .hnf-input-field--disabled .hnf-input-field__prefix-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field--disabled .hnf-input-field__payment-logo { opacity: 0.2; }

.hnf-input-field--disabled input:-webkit-autofill { -webkit-text-fill-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field--read-only .hnf-input-field__wrapper { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

[dir="rtl"] .hnf-input-field input[type="tel"] { direction: ltr; text-align: right; }

@media (forced-colors: active) {
  .hnf-input-field--disabled label, .hnf-input-field--disabled input, .hnf-input-field--disabled .hnf-svg-icon, .hnf-input-field--disabled .hnf-input-field__suffix-label, .hnf-input-field--disabled .hnf-input-field__prefix-label, .hnf-input-field--read-only label, .hnf-input-field--read-only input, .hnf-input-field--read-only .hnf-svg-icon, .hnf-input-field--read-only .hnf-input-field__suffix-label, .hnf-input-field--read-only .hnf-input-field__prefix-label { color: graytext; }
}

.hnf-label-wrapper--text-input > label { display: block; margin: 0px 0px 0.25rem; }

.hnf-label-wrapper .hnf-required { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-label-wrapper > label em { margin: 0px; color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); font-style: normal; }

.hnf-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.hnf-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.hnf-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .hnf-validation-border { border-color: graytext; }
}

.hnf-text-area__wrapper { position: relative; display: flex; width: 100%; align-items: flex-end; flex-wrap: wrap; }

.hnf-text-area label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-text-area textarea { box-sizing: border-box; display: block; width: 100%; padding: 0.3125rem; line-height: 1.625; max-width: 100%; min-height: 6rem; outline: none; border: 0.1875rem solid rgba(0, 0, 0, 0); resize: vertical; border-radius: 4px; background: rgb(var(--colour-neutral-1, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-text-area textarea:disabled { resize: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-text-area textarea:focus ~ .hnf-validation-border { --skapa-validation-border-default: initial; }

.hnf-text-area--disabled label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-text-area--read-only textarea { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

@media (forced-colors: active) {
  .hnf-text-area textarea { padding: 0.5rem; border-width: 0px; }
  .hnf-text-area textarea:disabled { color: graytext; }
  .hnf-text-area--disabled label { color: graytext; }
}

fieldset { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

fieldset legend { margin-bottom: 1rem; padding-inline: 0px; font-weight: 700; }

.hnf-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.hnf-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.hnf-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .hnf-validation-border { border-color: graytext; }
}

.hnf-select__wrapper { position: relative; display: flex; width: 100%; align-items: center; }

.hnf-select select { width: 100%; min-height: 3rem; border: 0px; padding: 0.75rem; padding-inline: 0.5rem 3rem; overflow: hidden; background: rgb(var(--colour-neutral-1, 255, 255, 255)); outline: none; appearance: none; order: 2; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); border-radius: 4px; white-space: normal; }

.hnf-select select:disabled, .hnf-select select:disabled ~ label, .hnf-select select:disabled ~ .hnf-svg-icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); opacity: 1; }

.hnf-select select:focus ~ .hnf-validation-border { --skapa-validation-border-default: initial; }

.hnf-select label, .hnf-select optgroup { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-select__chevron-down { right: 0.5rem; top: 50%; transform: translateY(-50%); }

[dir="rtl"] .hnf-select__chevron-down { left: 0.5rem; right: auto; }

.hnf-select__chevron-down { position: absolute; bottom: 0.25rem; }

.hnf-select label, .hnf-select .hnf-svg-icon { pointer-events: none; }

.hnf-select__icon { flex-shrink: 0; order: 1; }

.hnf-select--hint select { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-select--leading-icon select { padding-inline-start: 2.25rem; }

.hnf-select--leading-icon .hnf-select__icon { margin-inline-start: 0.5rem; position: absolute; }

.hnf-select--disabled label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-select--disabled label { color: graytext; }
}

.hnf-radio { position: relative; display: flex; align-items: flex-start; }

.hnf-radio > input[type="radio"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .hnf-radio > input[type="radio"] { right: -0.625rem; left: initial; }

.hnf-radio > .hnf-radio__symbol { box-sizing: border-box; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); border-radius: 64px; flex-shrink: 0; }

.hnf-radio > .hnf-radio__symbol::after { content: ""; display: block; border: 0px solid; border-radius: 64px; height: 0px; width: 0px; }

.hnf-radio > .hnf-radio__label { position: relative; display: block; margin-top: 0.1875rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-radio > .hnf-radio__label > .hnf-radio__caption { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); padding-top: 0.25rem; }

.hnf-radio label { display: inline-block; cursor: pointer; transition: color 200ms ease-in-out; padding-inline-start: 1rem; }

.hnf-radio input[type="radio"]:hover ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.hnf-radio input[type="radio"]:hover ~ .hnf-radio__symbol::after { border-width: 0.25rem; border-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-radio input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-radio input[type="radio"]:checked ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:checked ~ .hnf-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-radio--subtle > input[type="radio"]:checked ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:checked ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-radio input[type="radio"]:disabled { pointer-events: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-radio input[type="radio"]:disabled:checked ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-radio input[type="radio"]:disabled:not(:checked) ~ .hnf-radio__symbol::after { display: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); cursor: not-allowed; pointer-events: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__symbol, .hnf-radio input[type="radio"]:disabled:checked ~ .hnf-radio__symbol::after { border-color: graytext; }
  .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label label, .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label a { color: graytext; }
}

.hnf-radio input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.hnf-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.hnf-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.hnf-checkbox-group .hnf-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

.hnf-checkbox { position: relative; display: flex; align-items: flex-start; }

.hnf-checkbox input[type="checkbox"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .hnf-checkbox input[type="checkbox"] { right: -0.625rem; left: initial; }

.hnf-checkbox__symbol { box-sizing: border-box; position: relative; border-radius: 4px; border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); width: 1.5rem; height: 1.5rem; background: rgb(var(--colour-neutral-1, 255, 255, 255)); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.hnf-checkbox__symbol::before { transform: rotate(45deg); content: ""; box-sizing: content-box; display: block; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; height: 0.5625rem; width: 0.25rem; opacity: 0; margin-top: -0.25rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-checkbox__symbol::after { content: ""; position: absolute; left: 0.25rem; top: 0.625rem; border-width: 0px 0px 2px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; opacity: 0; color: rgb(var(--colour-static-white, 255, 255, 255)); width: 0.875rem; }

[dir="rtl"] .hnf-checkbox__symbol { right: 0px; left: initial; }

.hnf-checkbox__label { position: relative; display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.1875rem; }

.hnf-checkbox__caption { display: block; padding-top: 0.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-checkbox label { display: inline-block; cursor: pointer; padding-inline-start: 1rem; transition: color 200ms ease-in-out; }

.hnf-checkbox input[type="checkbox"]:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-checkbox input[type="checkbox"]:checked ~ .hnf-checkbox__symbol::before { opacity: 1; }

.hnf-checkbox input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-checkbox input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol::after { opacity: 1; }

.hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); opacity: 1; }

@media (hover: none) {
  .hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); }
}

.hnf-checkbox input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-checkbox input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-checkbox input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-checkbox input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol::before { opacity: 0; }

.hnf-checkbox--subtle input[type="checkbox"] ~ .hnf-checkbox__symbol::before, .hnf-checkbox--subtle input[type="checkbox"] ~ .hnf-checkbox__symbol::after { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-checkbox--subtle input[type="checkbox"]:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-checkbox--subtle input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-checkbox input[type="checkbox"]:disabled { pointer-events: none; }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__symbol { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-checkbox input[type="checkbox"]:disabled:hover { cursor: default; }

.hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::after { border-color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label label { cursor: default; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); pointer-events: none; }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__symbol { border-color: graytext; }
  .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::after { border-color: graytext; }
  .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label label, .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label a { color: graytext; }
}

.hnf-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.hnf-checkbox-group .hnf-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

.hnf-radio-button-group { margin: 0px; padding: 0px; border: 0px; }

.hnf-radio-button-group .hnf-radio:not(:last-child) { margin-bottom: 1.5rem; }

[dir="rtl"] .hnf-radio-button-group .hnf-radio { margin-right: 0px; margin-left: 2rem; }

.hnf-disabled .hnf-form-field__message, .hnf-disabled .hnf-form-field__character-limit { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-disabled .hnf-form-field__message, .hnf-disabled .hnf-form-field__character-limit { color: graytext; }
}

fieldset { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

fieldset legend { margin-bottom: 1rem; padding-inline: 0px; font-weight: 700; }

.hnf-radio { position: relative; display: flex; align-items: flex-start; }

.hnf-radio > input[type="radio"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .hnf-radio > input[type="radio"] { right: -0.625rem; left: initial; }

.hnf-radio > .hnf-radio__symbol { box-sizing: border-box; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); border-radius: 64px; flex-shrink: 0; }

.hnf-radio > .hnf-radio__symbol::after { content: ""; display: block; border: 0px solid; border-radius: 64px; height: 0px; width: 0px; }

.hnf-radio > .hnf-radio__label { position: relative; display: block; margin-top: 0.1875rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-radio > .hnf-radio__label > .hnf-radio__caption { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); padding-top: 0.25rem; }

.hnf-radio label { display: inline-block; cursor: pointer; transition: color 200ms ease-in-out; padding-inline-start: 1rem; }

.hnf-radio input[type="radio"]:hover ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.hnf-radio input[type="radio"]:hover ~ .hnf-radio__symbol::after { border-width: 0.25rem; border-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-radio input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-radio input[type="radio"]:checked ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:checked ~ .hnf-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-radio--subtle > input[type="radio"]:checked ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:checked ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-radio input[type="radio"]:disabled { pointer-events: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-radio input[type="radio"]:disabled:checked ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-radio input[type="radio"]:disabled:not(:checked) ~ .hnf-radio__symbol::after { display: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); cursor: not-allowed; pointer-events: none; }

.hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__symbol, .hnf-radio input[type="radio"]:disabled:checked ~ .hnf-radio__symbol::after { border-color: graytext; }
  .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label label, .hnf-radio input[type="radio"]:disabled ~ .hnf-radio__label a { color: graytext; }
}

.hnf-radio input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-radio input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.hnf-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .hnf-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.hnf-radio input[type="radio"]:focus-visible ~ .hnf-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-radio input[type="radio"]:focus-visible:hover ~ .hnf-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-radio-button-group { margin: 0px; padding: 0px; border: 0px; }

.hnf-radio-button-group .hnf-radio:not(:last-child) { margin-bottom: 1.5rem; }

[dir="rtl"] .hnf-radio-button-group .hnf-radio { margin-right: 0px; margin-left: 2rem; }

.hnf-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.hnf-checkbox-group .hnf-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

.hnf-checkbox { position: relative; display: flex; align-items: flex-start; }

.hnf-checkbox input[type="checkbox"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .hnf-checkbox input[type="checkbox"] { right: -0.625rem; left: initial; }

.hnf-checkbox__symbol { box-sizing: border-box; position: relative; border-radius: 4px; border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); width: 1.5rem; height: 1.5rem; background: rgb(var(--colour-neutral-1, 255, 255, 255)); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.hnf-checkbox__symbol::before { transform: rotate(45deg); content: ""; box-sizing: content-box; display: block; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; height: 0.5625rem; width: 0.25rem; opacity: 0; margin-top: -0.25rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-checkbox__symbol::after { content: ""; position: absolute; left: 0.25rem; top: 0.625rem; border-width: 0px 0px 2px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; opacity: 0; color: rgb(var(--colour-static-white, 255, 255, 255)); width: 0.875rem; }

[dir="rtl"] .hnf-checkbox__symbol { right: 0px; left: initial; }

.hnf-checkbox__label { position: relative; display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.1875rem; }

.hnf-checkbox__caption { display: block; padding-top: 0.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-checkbox label { display: inline-block; cursor: pointer; padding-inline-start: 1rem; transition: color 200ms ease-in-out; }

.hnf-checkbox input[type="checkbox"]:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-checkbox input[type="checkbox"]:checked ~ .hnf-checkbox__symbol::before { opacity: 1; }

.hnf-checkbox input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.hnf-checkbox input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol::after { opacity: 1; }

.hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); opacity: 1; }

@media (hover: none) {
  .hnf-checkbox input[type="checkbox"]:hover ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); }
}

.hnf-checkbox input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-checkbox input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-checkbox input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.hnf-checkbox input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol::before { opacity: 0; }

.hnf-checkbox--subtle input[type="checkbox"] ~ .hnf-checkbox__symbol::before, .hnf-checkbox--subtle input[type="checkbox"] ~ .hnf-checkbox__symbol::after { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-checkbox--subtle input[type="checkbox"]:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox--subtle input[type="checkbox"]:hover:checked ~ .hnf-checkbox__symbol::before { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-checkbox--subtle input[type="checkbox"]:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.hnf-checkbox--subtle input[type="checkbox"]:hover:indeterminate ~ .hnf-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-checkbox input[type="checkbox"]:disabled { pointer-events: none; }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__symbol { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-checkbox input[type="checkbox"]:disabled:hover { cursor: default; }

.hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::after { border-color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label label { cursor: default; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); pointer-events: none; }

.hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__symbol { border-color: graytext; }
  .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:checked ~ .hnf-checkbox__symbol::after, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::before, .hnf-checkbox input[type="checkbox"]:disabled:indeterminate ~ .hnf-checkbox__symbol::after { border-color: graytext; }
  .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label label, .hnf-checkbox input[type="checkbox"]:disabled ~ .hnf-checkbox__label a { color: graytext; }
}

.hnf-checkbox input[type="checkbox"]:focus-visible ~ .hnf-checkbox__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-checkbox input[type="checkbox"]:focus-visible:hover ~ .hnf-checkbox__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-label-wrapper--text-input > label { display: block; margin: 0px 0px 0.25rem; }

.hnf-label-wrapper .hnf-required { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-label-wrapper > label em { margin: 0px; color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); font-style: normal; }

.hnf-form-field { display: block; margin-bottom: 1.25rem; }

.hnf-form-field__content { margin-top: 0.25rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.hnf-form-field--with-character-limit .hnf-form-field__content > :not(:first-child) { padding-inline-start: 0.5rem; }

.hnf-form-field > .hnf-checkbox, .hnf-form-field > .hnf-radiobutton, .hnf-form-field fieldset { margin-bottom: 0.5rem; }

.hnf-form-field legend { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-helper-text { display: inline-flex; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); align-items: center; }

.hnf-helper-text .hnf-helper-text__icon.hnf-svg-icon { height: 1.125rem; width: 1.125rem; margin-inline-end: 0.25rem; vertical-align: bottom; flex: 0 0 auto; }

.hnf-helper-text--character-count { font-variant-numeric: tabular-nums; }

.hnf-helper-text--error { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-helper-text--success { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-helper-text--warning { color: rgb(var(--colour-semantic-caution-text, 202, 80, 8)); }

.hnf-helper-text--text-only { margin-inline-start: 0px; }

.hnf-helper-text--text-only .hnf-helper-text__icon { display: none; }

.hnf-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.hnf-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.hnf-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .hnf-validation-border { border-color: graytext; }
}

.hnf-input-field__wrapper { box-sizing: border-box; position: relative; display: flex; width: 100%; align-items: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 4px; padding-right: 0.375rem; padding-left: 0.375rem; }

.hnf-input-field__wrapper > * { padding-inline: 0.125rem; }

.hnf-input-field__prefix-label, .hnf-input-field__suffix-label { text-overflow: ellipsis; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); opacity: 0; visibility: hidden; flex-shrink: 0; transition: opacity 100ms cubic-bezier(0.4, 0, 0.4, 1), visibility 100ms cubic-bezier(0.4, 0, 0.4, 1); position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-input-field__prefix-label { order: 2; }

.hnf-input-field__suffix-label { text-align: right; order: 4; }

.hnf-input-field__payment-logo { order: 5; margin-inline: 0.3125rem; flex-shrink: 0; }

.hnf-input-field input { flex-grow: 1; border: 0px; background: none; padding-top: 0px; padding-bottom: 0px; height: 3rem; overflow: hidden; order: 3; outline: none; border-radius: 4px; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); min-width: 1ch; }

.hnf-input-field input:-webkit-autofill { font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; }

.hnf-input-field input:focus ~ .hnf-validation-border { --skapa-validation-border-default: initial; }

.hnf-input-field input[type="hidden"] ~ .hnf-validation-border, .hnf-input-field input[type="hidden"] ~ .hnf-input-field__leading-icon, .hnf-input-field input[type="hidden"] ~ .hnf-input-field__trailing-icon { display: none; }

.hnf-input-field input[type="date"] { color: rgba(0, 0, 0, 0); }

.hnf-input-field input[type="date"]:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field input[type="date"]:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field input[type="date"]::-webkit-inner-spin-button, .hnf-input-field input[type="date"]::-webkit-calendar-picker-indicator, .hnf-input-field input[type="date"]::-webkit-clear-button { display: none; appearance: none; }

.hnf-input-field--labelled input[type="date"] { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field input:focus ~ .hnf-input-field__prefix-label, .hnf-input-field input:focus ~ .hnf-input-field__suffix-label, .hnf-input-field--labelled .hnf-input-field__prefix-label, .hnf-input-field--labelled .hnf-input-field__suffix-label { opacity: 1; transition-delay: 33ms; visibility: visible; position: static; width: auto; height: auto; }

.hnf-input-field .hnf-btn { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-input-field .hnf-btn:disabled { pointer-events: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field .hnf-btn:disabled .hnf-btn__inner { border: 0px; background: none; }

.hnf-input-field__leading-icon { flex-shrink: 0; order: 1; }

.hnf-input-field__trailing-icon { flex-shrink: 0; order: 5; }

.hnf-input-field label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-input-field--disabled label, .hnf-input-field--disabled input, .hnf-input-field--disabled .hnf-svg-icon, .hnf-input-field--disabled .hnf-input-field__suffix-label, .hnf-input-field--disabled .hnf-input-field__prefix-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field--disabled .hnf-input-field__payment-logo { opacity: 0.2; }

.hnf-input-field--disabled input:-webkit-autofill { -webkit-text-fill-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-input-field--read-only .hnf-input-field__wrapper { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

[dir="rtl"] .hnf-input-field input[type="tel"] { direction: ltr; text-align: right; }

@media (forced-colors: active) {
  .hnf-input-field--disabled label, .hnf-input-field--disabled input, .hnf-input-field--disabled .hnf-svg-icon, .hnf-input-field--disabled .hnf-input-field__suffix-label, .hnf-input-field--disabled .hnf-input-field__prefix-label, .hnf-input-field--read-only label, .hnf-input-field--read-only input, .hnf-input-field--read-only .hnf-svg-icon, .hnf-input-field--read-only .hnf-input-field__suffix-label, .hnf-input-field--read-only .hnf-input-field__prefix-label { color: graytext; }
}

.hnf-link { text-decoration: underline; font-weight: 400; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-link:focus, .hnf-link:hover, .hnf-link:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; }

.hnf-link--disabled:focus::before { border: 0px; }

.hnf-link--black { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--black:hover, .hnf-link--black:focus, .hnf-link--black:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-link--black.hnf-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--black.hnf-link--disabled:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--black.hnf-link--disabled:focus, .hnf-link--black.hnf-link--disabled:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--black.hnf-link--disabled:focus::before { border: 0px; }

.hnf-link--grey { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-link--grey:hover, .hnf-link--grey:focus, .hnf-link--grey:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-link--grey.hnf-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-link--grey.hnf-link--disabled:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-link--grey.hnf-link--disabled:focus, .hnf-link--grey.hnf-link--disabled:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-link--grey.hnf-link--disabled:focus::before { border: 0px; }

.hnf-link--white { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-link--white:hover, .hnf-link--white:focus, .hnf-link--white:active { color: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.hnf-link--white.hnf-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-link--white.hnf-link--disabled:hover { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-link--white.hnf-link--disabled:focus, .hnf-link--white.hnf-link--disabled:active { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-link--white.hnf-link--disabled:focus::before { border: 0px; }

.hnf-link--subtle { text-decoration: none; }

.hnf-link--subtle:focus, .hnf-link--subtle:hover, .hnf-link--subtle:active { text-decoration: underline; }

.hnf-link:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-collapsible--expanded { grid-template-rows: 1fr; }

.hnf-collapsible--closed .hnf-collapsible__content { display: none; }

.hnf-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .hnf-collapsible { transition-duration: 0ms; }
}

.hnf-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.hnf-accordion-item-header:active, .hnf-accordion-item-header:focus-visible, .hnf-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-accordion-item-header:active .hnf-accordion-item-header__title, .hnf-accordion-item-header:focus-visible .hnf-accordion-item-header__title, .hnf-accordion-item-header:hover .hnf-accordion-item-header__title { text-decoration: underline; }

.hnf-accordion-item-header__icon { flex-shrink: 0; }

.hnf-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.hnf-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.hnf-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.hnf-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.hnf-accordion-item-header__title-wrapper .hnf-accordion-item-header__title { width: auto; }

.hnf-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.hnf-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.hnf-accordion-item-header:disabled { cursor: default; }

.hnf-accordion-item-header:disabled .hnf-accordion-item-header__title { text-decoration: none; }

.hnf-accordion-item-header:disabled .hnf-accordion-item-header__title, .hnf-accordion-item-header:disabled .hnf-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-accordion-item-header:disabled .hnf-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-accordion--padded .hnf-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.hnf-accordion { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); }

.hnf-accordion__item { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); margin: 0px; outline: 0px; padding: 0px; }

.hnf-accordion__item--subtle .hnf-accordion-item-header__title { font-weight: 400; }

.hnf-accordion__item--active { overflow: visible; }

.hnf-accordion .hnf-accordion-item-header { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-accordion__item--active > .hnf-accordion__content { visibility: visible; opacity: 1; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-accordion__content { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; opacity: 0; overflow: hidden; }

.hnf-accordion__content--inner-small { padding-top: 0.5rem; padding-bottom: 1.5rem; }

.hnf-accordion__content--inner-medium { padding-top: 0.5rem; padding-bottom: 2rem; }

.hnf-accordion__content--inner-large { padding-top: 0.5rem; padding-bottom: 2.5rem; }

@media (prefers-reduced-motion) {
  .hnf-accordion__item, .hnf-accordion__item--active > .hnf-accordion__content, .hnf-accordion__content { transition-duration: 0ms; }
}

.hnf-accordion .hnf-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-accordion .hnf-collapsible--expanded { grid-template-rows: 1fr; }

.hnf-accordion .hnf-collapsible--closed .hnf-collapsible__content { display: none; }

.hnf-accordion .hnf-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .hnf-accordion .hnf-collapsible { transition-duration: 0ms; }
}

.hnf-accordion--padded .hnf-accordion__content { padding-left: 1.5rem; padding-right: 1.5rem; }

[dir="rtl"] .hnf-accordion .hnf-accordion-item-header__icon { transform: scaleX(-1); }

[dir="rtl"] .hnf-accordion__item--active .hnf-accordion-item-header__icon { transform: scaleX(-1) rotate(180deg); }

.hnf-accordion-item-header:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-aspect-ratio-box { width: 100%; position: relative; height: auto; display: block; padding-bottom: 75%; box-sizing: border-box; }

.hnf-aspect-ratio-box[class*="--standard"], .hnf-aspect-ratio-box[class*="--4-3"] { padding-bottom: 75%; }

.hnf-aspect-ratio-box[class*="--square"], .hnf-aspect-ratio-box[class*="--1-1"] { padding-bottom: 100%; }

.hnf-aspect-ratio-box[class*="--wide"], .hnf-aspect-ratio-box[class*="--16-9"] { padding-bottom: 56.25%; }

.hnf-aspect-ratio-box[class*="--portrait"], .hnf-aspect-ratio-box[class*="--3-4"] { padding-bottom: 133.333%; }

.hnf-aspect-ratio-box[class*="--semiportrait"], .hnf-aspect-ratio-box[class*="--6-7"] { padding-bottom: 116.667%; }

.hnf-aspect-ratio-box[class*="--9-16"] { padding-bottom: 177.778%; }

.hnf-aspect-ratio-box[class*="--4-5"] { padding-bottom: 125%; }

.hnf-aspect-ratio-box .hnf-image { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: rgba(0, 0, 0, 0); padding: 0px; }

@media (min-width: 37.5em) {
  .hnf-aspect-ratio-box[class*="to-standard-from-md"], .hnf-aspect-ratio-box[class*="to-4-3-from-md"] { padding-bottom: 75%; }
  .hnf-aspect-ratio-box[class*="to-square-from-md"], .hnf-aspect-ratio-box[class*="to-1-1-from-md"] { padding-bottom: 100%; }
  .hnf-aspect-ratio-box[class*="to-wide-from-md"], .hnf-aspect-ratio-box[class*="to-16-9-from-md"] { padding-bottom: 56.25%; }
  .hnf-aspect-ratio-box[class*="to-portrait-from-md"], .hnf-aspect-ratio-box[class*="to-3-4-from-md"] { padding-bottom: 133.333%; }
  .hnf-aspect-ratio-box[class*="to-semiportrait-from-md"], .hnf-aspect-ratio-box[class*="to-6-7-from-md"] { padding-bottom: 116.667%; }
  .hnf-aspect-ratio-box[class*="to-9-16-from-md"] { padding-bottom: 177.778%; }
  .hnf-aspect-ratio-box[class*="to-4-5-from-md"] { padding-bottom: 125%; }
}

@media (min-width: 56.25em) {
  .hnf-aspect-ratio-box[class*="to-standard-from-lg"], .hnf-aspect-ratio-box[class*="to-4-3-from-lg"] { padding-bottom: 75%; }
  .hnf-aspect-ratio-box[class*="to-square-from-lg"], .hnf-aspect-ratio-box[class*="to-1-1-from-lg"] { padding-bottom: 100%; }
  .hnf-aspect-ratio-box[class*="to-wide-from-lg"], .hnf-aspect-ratio-box[class*="to-16-9-from-lg"] { padding-bottom: 56.25%; }
  .hnf-aspect-ratio-box[class*="to-portrait-from-lg"], .hnf-aspect-ratio-box[class*="to-3-4-from-lg"] { padding-bottom: 133.333%; }
  .hnf-aspect-ratio-box[class*="to-semiportrait-from-lg"], .hnf-aspect-ratio-box[class*="to-6-7-from-lg"] { padding-bottom: 116.667%; }
  .hnf-aspect-ratio-box[class*="to-9-16-from-lg"] { padding-bottom: 177.778%; }
  .hnf-aspect-ratio-box[class*="to-4-5-from-lg"] { padding-bottom: 125%; }
}

.hnf-carousel { position: relative; --focus-margin-start: 0rem; --focus-margin-end: 0rem; }

.hnf-carousel:has(.hnf-carousel-slide :focus-visible) { --focus-margin-start: .5rem; --focus-margin-end: .5rem; }

.hnf-carousel .hnf-skip-content__button { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-carousel .hnf-skip-content__button:active, .hnf-carousel .hnf-skip-content__button:focus, .hnf-carousel .hnf-skip-content__button:focus-visible { width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; z-index: 1; background: rgb(var(--colour-static-light-grey, 245, 245, 245)); color: rgb(var(--colour-static-black, 17, 17, 17)); border-radius: 64px; padding: 1rem 2rem; font-weight: bold; text-decoration: none; }

.hnf-carousel .hnf-skip-content__button:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-carousel__wrapper { position: relative; }

.hnf-carousel__content { overflow: scroll hidden; position: relative; margin-inline-start: calc(-1*var(--overflow-start, var(--focus-margin-start))); margin-inline-end: calc(-1*var(--overflow-end, var(--focus-margin-end))); padding-inline-start: var(--overflow-start, var(--focus-margin-start)); padding-inline-end: var(--overflow-end, var(--focus-margin-end)); overscroll-behavior-inline: contain; --padding-difference: calc(var(--carousel-vertical-padding, 0.5rem) - 0.5rem); --clamped-difference: max(min(0rem, var(--padding-difference)), -0.5rem); --calculated-additional-padding: calc(-1 * var(--clamped-difference)); padding-block: calc(var(--carousel-vertical-padding, 0.5rem) + var(--calculated-additional-padding)); margin-block: var(--clamped-difference); display: flex; flex-wrap: nowrap; gap: var(--carousel-item-gap, 1.25rem); }

.hnf-carousel__content:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-carousel__content--single-slide { overflow: visible; }

.hnf-carousel--has-scrollbar .hnf-carousel__content { margin-block-end: 0px; }

.hnf-carousel--dragging { cursor: grabbing; }

.hnf-carousel .hnf-btn.hnf-carousel__button { position: absolute; }

.hnf-carousel__button { top: 50%; visibility: hidden; opacity: 0; transition: opacity 200ms, visibility 200ms; cursor: pointer; z-index: 1; left: -1rem; transform: translateY(-50%); }

.hnf-carousel:hover .hnf-carousel__button { opacity: 1; visibility: visible; display: block; transition: opacity 200ms, visibility 200ms; }

.hnf-carousel:hover .hnf-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 200ms; }

.hnf-carousel__button--right { left: auto; right: -1rem; }

.hnf-carousel-slide { box-sizing: border-box; max-width: 100%; position: relative; flex-shrink: 0; }

.hnf-carousel__scroll-indicator { display: none; }

.hnf-carousel__slide-show { --focus-margin-start: 0rem !important; }

.hnf-carousel__slide-show .hnf-carousel__button { left: 2rem; display: none; }

.hnf-carousel__slide-show .hnf-carousel__button--right { right: 2rem; left: auto; }

.hnf-carousel__slide-show .hnf-carousel__content--snap-slide { scroll-snap-type: x mandatory; }

.hnf-carousel__slide-show .hnf-carousel__content--drag-slide { scroll-snap-type: none; }

.hnf-carousel__slide-show .hnf-carousel-slide { position: relative; margin-inline: 0px; scroll-snap-align: start; scroll-snap-stop: always; width: 100%; display: block; text-align: center; }

.hnf-carousel__slide-show .hnf-carousel-slide .hnf-video-player { display: flex; justify-content: center; }

.hnf-carousel__slide-show .hnf-carousel-slide > :first-child { max-height: 75vh; max-width: 100%; display: inline-block; }

.hnf-carousel__slide-show .hnf-carousel-slide > :first-child img, .hnf-carousel__slide-show .hnf-carousel-slide > :first-child video { max-height: 75vh; max-width: 100%; width: auto; }

.hnf-carousel--intersection-observer-disabled:hover .hnf-carousel__button { display: none; }

.hnf-carousel:not(.hnf-carousel--intersection-observer-disabled) .hnf-carousel__content { scrollbar-width: none; }

.hnf-carousel:not(.hnf-carousel--intersection-observer-disabled) .hnf-carousel__content::-webkit-scrollbar { display: none; }

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  .hnf-carousel__content { scroll-snap-type: x mandatory; }
}

@media (hover: none) {
  .hnf-carousel:hover .hnf-carousel__button { opacity: 0; display: none; }
}

.hnf-carousel__counter--wrapper { display: flex; align-items: stretch; }

.hnf-carousel__counter { display: flex; flex: 0 1 auto; justify-content: center; align-items: center; padding: 0px 0.5rem; font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin-inline-start: 0.5rem; white-space: nowrap; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .hnf-carousel__button { left: -1.25rem; right: auto; }
  .hnf-carousel__button--right { left: auto; right: -1.25rem; }
  .hnf-carousel__counter { display: none; }
}

@media (min-width: 56.25em) {
  .hnf-carousel__content { top: 0px; }
  .hnf-carousel__wrapper { bottom: auto; width: 100%; }
  .hnf-carousel__button, .hnf-carousel__scroll-indicator { display: block; }
  .hnf-carousel__slide-show .hnf-carousel-slide, .hnf-carousel__slide-show .hnf-scroll-indicator { padding-inline: 6.25rem; }
  .hnf-carousel__slide-show .hnf-carousel__button { display: block; }
}

@media (orientation: landscape) and (max-width: 56.25em) {
  .hnf-carousel__slide-show .hnf-carousel-slide > :first-child { max-height: 60vh; }
  .hnf-carousel__slide-show .hnf-carousel-slide > :first-child img, .hnf-carousel__slide-show .hnf-carousel-slide > :first-child video { max-height: 60vh; width: auto; }
}

[dir="rtl"] .hnf-carousel__skip-button:active, [dir="rtl"] .hnf-carousel__skip-button:focus-visible { left: auto; right: 1.5rem; }

[dir="rtl"] .hnf-carousel__button { left: auto; right: -1.25rem; transform: translateY(-50%) scaleX(-1); }

[dir="rtl"] .hnf-carousel__button--right { right: auto; left: -1.25rem; }

[dir="rtl"] .hnf-carousel__slide-show .hnf-carousel__button { right: 2rem; left: auto; }

[dir="rtl"] .hnf-carousel__slide-show .hnf-carousel__button--right { left: 2rem; right: auto; }

.hnf-overflow-carousel { position: relative; }

.hnf-overflow-carousel__content { display: flex; flex-wrap: nowrap; overflow-x: scroll; padding: 0.5rem 0px; overscroll-behavior-inline: contain; }

.hnf-overflow-carousel__content > * { flex-shrink: 0; }

.hnf-overflow-carousel .hnf-btn.hnf-overflow-carousel__button { position: absolute; }

.hnf-overflow-carousel__button { top: 50%; cursor: pointer; z-index: 1; left: 0.75rem; transform: translateY(-50%); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; }

.hnf-overflow-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; }

.hnf-overflow-carousel__button--right { left: auto; right: 0.75rem; }

.hnf-overflow-carousel--intersection-observer-disabled { display: block; }

.hnf-overflow-carousel--intersection-observer-disabled:hover .hnf-overflow-carousel__button { display: none; }

.hnf-overflow-carousel--intersection-observer-disabled .hnf-overflow-carousel__content::-webkit-scrollbar { width: 4px; height: 4px; display: block; }

.hnf-overflow-carousel--intersection-observer-disabled .hnf-overflow-carousel__content::-webkit-scrollbar-track { background: rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 4px; }

.hnf-overflow-carousel--intersection-observer-disabled .hnf-overflow-carousel__content::-webkit-scrollbar-thumb { background: rgb(var(--colour-neutral-7, 17, 17, 17)); border-radius: 4px; }

.hnf-overflow-carousel:not(.hnf-overflow-carousel--intersection-observer-disabled) .hnf-overflow-carousel__content { scrollbar-width: none; }

.hnf-overflow-carousel:not(.hnf-overflow-carousel--intersection-observer-disabled) .hnf-overflow-carousel__content::-webkit-scrollbar { display: none; }

.hnf-overflow-carousel__browser-direction { direction: rtl; position: absolute; left: 0px; top: 0px; overflow: hidden; width: 1px; height: 1px; }

.hnf-overflow-carousel__browser-item { width: 2px; height: 1px; }

[dir="rtl"] .hnf-overflow-carousel__button { left: auto; right: 0.75rem; transform: translateY(-50%) scaleX(-1); }

[dir="rtl"] .hnf-overflow-carousel__button--right { right: auto; left: 0.75rem; }

.hnf-image { position: relative; display: block; max-width: 100%; height: auto; }

.hnf-image__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.hnf-image--fallback { padding-bottom: 100%; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.hnf-image--fallback img { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-skeleton { line-height: inherit; cursor: progress; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); background-image: linear-gradient(90deg, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 40%, rgba(var(--colour-neutral-2, 245, 245, 245), 0.5) 50%, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 60%); background-repeat: no-repeat; background-position: 100% 0px; background-size: 250% 100%; background-origin: border-box; border: 1px solid rgba(0, 0, 0, 0); box-sizing: border-box; animation: 2s ease 0s 20 normal none running hnf-shine; display: block; }

.hnf-skeleton--inline-block { display: inline-block; }

.hnf-skeleton::after { content: "​"; }

[dir="rtl"] .hnf-skeleton { animation-direction: reverse; }

@keyframes hnf-shine { 
  100% { background-position: 0px 100%; }
}

.hnf-toast .hnf-btn:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-7, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-1, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-toast { position: fixed; top: 0px; left: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; padding-inline-start: 1.5rem; border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); min-height: 4.125rem; background: rgb(var(--colour-elevation-3, 17, 17, 17)); width: 100%; transform: translateY(-100%); transition: transform 200ms cubic-bezier(0.9, 0, 1, 1); z-index: 400; pointer-events: none; box-sizing: border-box; }

.hnf-toast--show { transform: translateY(0px); pointer-events: auto; transition-timing-function: cubic-bezier(0, 0, 0.1, 1); }

.hnf-toast--off-screen { transition: none; }

.hnf-toast__body-wrapper { display: flex; flex-grow: 1; flex-wrap: wrap; align-items: center; }

.hnf-toast__body, .hnf-toast__action, .hnf-toast__close-btn { margin: 0.25rem 0px; }

.hnf-toast__body { display: inline-block; flex-grow: 1; flex-basis: 50%; margin-inline-end: 1rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-toast__action { line-height: 1; }

.hnf-toast__action-message.hnf-btn { --colour-semantic-informative: 72, 156, 227; color: rgb(var(--colour-semantic-informative, 0, 88, 163)); border-radius: 4px; }

.hnf-toast__action-message.hnf-btn:hover, .hnf-toast__action-message.hnf-btn:active { text-decoration: underline; }

.hnf-toast__action-message.hnf-btn:hover, .hnf-toast__action-message.hnf-btn:focus, .hnf-toast__action-message.hnf-btn:active { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.hnf-toast__action-message.hnf-btn .hnf-btn__inner { min-height: 0px; }

.hnf-toast__action-message.hnf-btn.hnf-btn--plain .hnf-btn__inner::after { min-width: 2.75rem; inset: -0.875rem -0.5rem; }

.hnf-toast__close-btn { padding-inline-start: 0.75rem; }

.hnf-toast__text { color: rgb(var(--colour-static-white, 255, 255, 255)); margin-top: 0px; }

.hnf-toast__text:last-child { margin-bottom: 0px; }

@media (min-width: 37.5em) {
  .hnf-toast { border-radius: 4px; width: 22.5rem; top: 2rem; left: auto; right: 0px; transform: translate(100%, 0px); }
  [dir="rtl"] .hnf-toast { right: auto; left: 0px; transform: translate(-100%, 0px); }
  .hnf-toast--show { transform: translate(-2rem, 0px); }
  [dir="rtl"] .hnf-toast--show { transform: translate(2rem, 0px); }
}

.hnf-loading { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; }

.hnf-loading--label-leading { text-align: inherit; align-items: flex-start; }

.hnf-loading__text, .hnf-loading__text--fade-out { opacity: 0; }

.hnf-loading__text { max-width: 100%; margin-top: 2.5rem; text-align: center; transform: translateY(1.5rem); }

.hnf-loading__text--fade-out { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(-1.5rem); }

.hnf-loading__text--fade-in { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(0px); opacity: 1; }

.hnf-loading__ball { display: block; width: 0px; height: 0px; transform-origin: center bottom; border-radius: 64px; border: .5rem solid rgb(var(--colour-semantic-informative, 0, 88, 163)); transition: opacity 200ms cubic-bezier(0.4, 0, 0.4, 1); animation: 0.7s ease 0s infinite normal none running hnf-loading-bounce; }

.hnf-loading__ball--small { border-width: 0.125rem; }

.hnf-loading__ball--medium { border-width: 0.25rem; }

.hnf-loading__ball--small, .hnf-loading__ball--medium { transform: translateY(-160%); animation: 0.7s ease 0s infinite normal none running hnf-loading-bounce-small; }

.hnf-loading__ball--large { margin-bottom: 2rem; }

.hnf-loading__ball--primary { border-color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.hnf-loading__ball--secondary { border-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-loading__ball--secondary + .hnf-loading__text { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.hnf-loading__linear-wrapper { position: relative; display: flex; width: 100%; height: 0.3125rem; }

.hnf-loading__linear-wrapper + .hnf-loading__text { margin-top: 1rem; }

.hnf-loading__sr-only-text, .hnf-loading__linear-label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-loading__linear-progress { appearance: none; width: 100%; height: 100%; border: 0px; border-radius: 0.375rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.hnf-loading__linear-progress::-webkit-progress-bar { border-radius: 0.375rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.hnf-loading__linear-progress::-webkit-progress-value { border-radius: 0.375rem; background: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

@media (forced-colors: active) {
  .hnf-loading__linear-progress { appearance: revert; height: revert; border: revert; border-radius: revert; background: revert; }
}

@media (prefers-reduced-motion: reduce) {
  .hnf-loading .hnf-loading__text { transition: none; }
  .hnf-loading .hnf-loading__ball { transition: none; }
}

@keyframes hnf-loading-bounce-small { 
  0%, 100% { transform: translate(0px, -160%); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translate(0px, 20%); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
}

@keyframes hnf-loading-bounce { 
  0% { transform: translateY(0px); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translateY(2rem) scaleY(1); animation-timing-function: ease-in; }
  50% { transform: translateY(2rem) scaleY(0.75); animation-timing-function: ease-out; }
  60% { transform: translateY(2rem) scaleY(1); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% { transform: translateY(0px); }
}

.hnf-inline-message { position: relative; display: flex; align-items: flex-start; height: auto; background-color: rgb(var(--colour-elevation-1, 255, 255, 255)); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; border-radius: 4px; border: 0 solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-inline-start-width: 0.25rem; padding: 1rem 0px; padding-inline-end: 0.5rem; min-height: 1.5rem; text-align: start; box-sizing: border-box; }

.hnf-inline-message a { text-decoration: underline; }

.hnf-inline-message__content { width: 100%; padding-inline-end: 1.5rem; }

.hnf-inline-message__body { margin: 0px; }

.hnf-inline-message__actions { display: flex; justify-content: flex-end; margin-top: 0.5rem; }

.hnf-inline-message__actions .hnf-btn:last-child { margin-inline-start: 0.25rem; }

.hnf-inline-message__close-button { margin-top: -0.5rem; }

.hnf-inline-message__title { padding-bottom: 0.25rem; margin: 0px; }

.hnf-inline-message__icon { flex-shrink: 0; margin-inline: 0.75rem; }

.hnf-inline-message--dismissable .hnf-inline-message__content { padding-inline-end: 0.5rem; }

.hnf-inline-message--icon-hidden { padding-inline-start: 0.75rem; }

.hnf-inline-message--subtle { border: 0px; box-shadow: none; padding: 0px; overflow: visible; background: none; }

.hnf-inline-message--subtle .hnf-inline-message__close-button { margin-top: -0.25rem; }

.hnf-inline-message--subtle .hnf-inline-message__icon { margin-inline-start: 0px; }

.hnf-inline-message--closed { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); padding-top: 0px; padding-bottom: 0px; visibility: hidden; opacity: 0; overflow: hidden; min-height: 0px; }

.hnf-inline-message--collapsed { display: none; }

.hnf-inline-message--informative { border-inline-start-color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.hnf-inline-message--informative .hnf-inline-message__icon { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.hnf-inline-message--positive { border-inline-start-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-inline-message--positive .hnf-inline-message__icon { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-inline-message--cautionary { border-inline-start-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-inline-message--cautionary .hnf-inline-message__icon { color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-inline-message--negative { border-inline-start-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-inline-message--negative .hnf-inline-message__icon { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

@media (prefers-contrast: more) {
  .hnf-inline-message { border-block-width: 1px; border-inline-end-width: 1px; }
}

@keyframes hnf-modalSlideToLeft { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}

@keyframes hnf-modalSlideToRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}

@keyframes hnf-modalSlideFromLeft { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}

@keyframes hnf-modalSlideFromRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); }
}

@keyframes hnf-modalSlideDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes hnf-modalSlideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes hnf-modalEnter { 
  0% { clip-path: inset(50%); }
  100% { clip-path: inset(0%); }
}

@keyframes hnf-modalClose { 
  0% { clip-path: inset(0%); }
  100% { clip-path: inset(50%); }
}

@keyframes hnf-modalContentEnter { 
  0% { transform: scale(0.8); opacity: 0; transform-origin: center center; }
  100% { transform: scale(1); opacity: 1; transform-origin: center center; }
}

@keyframes hnf-modalContentClose { 
  0% { transform: scale(1); opacity: 1; transform-origin: center center; }
  100% { transform: scale(0.8); opacity: 0; transform-origin: center center; }
}

@keyframes hnf-modalBackdropEnter { 
  0% { visibility: hidden; }
  1% { visibility: visible; }
}

@keyframes hnf-modalBackdropClose { 
  0%, 99% { visibility: visible; }
  100% { visibility: hidden; }
}

.hnf-prevent-scroll-y { overflow: hidden; position: fixed; width: 100%; }

.hnf-modal-wrapper { position: fixed; inset: 0px; display: flex; justify-content: center; align-items: center; z-index: 400; pointer-events: none; transition: visibility 200ms cubic-bezier(0, 0, 1, 1); color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-modal-wrapper__backdrop { position: absolute; inset: 0px; opacity: 0; transition: opacity 200ms cubic-bezier(0, 0, 1, 1); pointer-events: none; visibility: hidden; }

.hnf-modal-wrapper__backdrop--dark { background: rgba(var(--colour-static-black, 17, 17, 17), 0.4); }

.hnf-modal-wrapper--open { pointer-events: all; }

.hnf-modal-wrapper--open > .hnf-modal-wrapper__backdrop { opacity: 1; animation: 200ms ease 0s 1 normal none running hnf-modalBackdropEnter; visibility: visible; pointer-events: all; }

.hnf-modal-wrapper--close > .hnf-modal-wrapper__backdrop { animation: 200ms ease 0s 1 normal none running hnf-modalBackdropClose; }

.hnf-modal-wrapper .hnf-btn[data-autofocus]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-modal-footer { padding: 1.5rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); flex-grow: 1; flex-shrink: 0; display: flex; }

.hnf-modal-footer .hnf-btn { flex-grow: 1; width: 100%; flex-basis: auto; }

.hnf-modal-footer .hnf-btn:not(:last-child) { margin-inline-end: 0px; margin-block-end: 0.75rem; }

.hnf-modal-footer--dual-action { flex-direction: column; }

.hnf-modal-footer--borderless { border-top: none; }

@media (orientation: landscape), (min-width: 37.5em) {
  .hnf-modal-footer .hnf-btn:not(:last-child) { margin-block-end: 1rem; }
  .hnf-modal-footer--dual-action:not(.hnf-modal-footer--stacked) { flex-direction: row; }
  .hnf-modal-footer--dual-action:not(.hnf-modal-footer--stacked) .hnf-btn:not(:last-child) { margin-inline-end: 1rem; margin-block-end: 0px; }
}

.hnf-modal-header { box-sizing: border-box; top: 0px; display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 0px 0.5rem; align-items: center; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; flex: 0 0 3.5rem; }

.hnf-modal-header--floating-header { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0); }

.hnf-modal-header--floating-header .hnf-modal-header__close, .hnf-modal-header--floating-header .hnf-modal-header__back-button { margin: 1rem 0px 0px; }

.hnf-modal-header__title-wrapper { width: 100%; text-align: center; margin: 1rem 0.5rem; }

.hnf-modal-header__title-wrapper--padded { margin-inline-start: 3rem; }

.hnf-modal-header__close, .hnf-modal-header__back-button { margin-top: 0.5rem; margin-bottom: 0.5rem; }

[dir="rtl"] .hnf-modal-header__close, [dir="rtl"] .hnf-modal-header__back-button { transform: scaleX(-1); }

.hnf-modal-body { padding: var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem); }

.hnf-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideUp; }

.hnf-sheets--preserve-alignment { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideToLeft; }

.hnf-sheets--preserve-alignment.hnf-sheets--mirrored { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideFromLeft; }

.hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideDown; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

.hnf-sheets--close.hnf-sheets--preserve-alignment { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideToRight; }

.hnf-sheets--close.hnf-sheets--preserve-alignment.hnf-sheets--mirrored { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideFromRight; }

[dir="rtl"] .hnf-sheets--preserve-alignment { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideFromLeft; }

[dir="rtl"] .hnf-sheets--preserve-alignment.hnf-sheets--mirrored { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideToLeft; }

[dir="rtl"] .hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideDown; pointer-events: none; }

[dir="rtl"] .hnf-sheets--close.hnf-sheets--preserve-alignment { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideFromRight; }

[dir="rtl"] .hnf-sheets--close.hnf-sheets--preserve-alignment.hnf-sheets--mirrored { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideToRight; }

.hnf-sheets { position: absolute; top: auto; right: var(--modal-keyboard-focus-spacing, 0); bottom: 0px; width: calc(100% - var(--modal-keyboard-focus-width, 0%)); background: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; overflow: hidden; border-radius: 8px 8px 0px 0px; max-height: calc(100% - 3rem); text-align: initial; display: flex; flex-direction: column; }

.hnf-sheets:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; --modal-keyboard-focus-spacing: 0.375rem; --modal-keyboard-focus-width: 0.75rem; }

.hnf-sheets__content { height: 100%; }

.hnf-sheets__content-wrapper { overflow: auto; height: 100%; position: relative; }

.hnf-sheets__content-wrapper:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.hnf-sheets__video { z-index: 100; background: rgba(var(--colour-static-black, 17, 17, 17), 0.8); }

.hnf-sheets__video iframe { max-width: 100%; }

.hnf-sheets--preserve-alignment { width: 85%; top: var(--modal-keyboard-focus-spacing, 0); border-radius: 8px 0px 0px 8px; max-height: calc(100% - var(--modal-keyboard-focus-width, 0%)); }

.hnf-sheets--preserve-alignment.hnf-sheets--mirrored { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }

.hnf-sheets--mobile-full-size { top: 3rem; }

.hnf-sheets .hnf-modal-footer { padding: 1.5rem 1rem; }

[dir="rtl"] .hnf-sheets--preserve-alignment { left: var(--modal-keyboard-focus-spacing, 0); right: auto; border-radius: 0px 8px 8px 0px; }

[dir="rtl"] .hnf-sheets--preserve-alignment.hnf-sheets--mirrored { right: var(--modal-keyboard-focus-spacing, 0); left: auto; border-radius: 8px 0px 0px 8px; }

@media (prefers-contrast: more) {
  .hnf-sheets { border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-block-end-width: 0px; }
}

.hnf-prompt--enter { animation: 200ms cubic-bezier(0.8, 0, 0, 1) 0s 1 normal none running hnf-modalContentEnter; }

.hnf-prompt--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalContentClose; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

.hnf-prompt { position: relative; left: auto; right: auto; display: flex; margin: 1.5rem; z-index: 100; overflow: hidden; flex-direction: column; justify-content: center; border-radius: 8px; text-align: initial; }

.hnf-prompt:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-prompt__content-wrapper { background: rgb(var(--colour-elevation-2, 255, 255, 255)); max-height: 75vh; max-width: 31.5rem; height: auto; overflow: hidden; display: flex; flex-direction: column; }

.hnf-prompt__heading { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-prompt__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; padding: 0px 2rem; overflow: auto; height: 100%; }

.hnf-prompt__content:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.hnf-prompt .hnf-modal-header { padding: 0.5rem 0.5rem 0px; }

.hnf-prompt .hnf-modal-header__close { margin: 0px; }

.hnf-prompt .hnf-prompt__content { padding-bottom: 0px; }

@media (prefers-contrast: more) {
  .hnf-prompt { border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); }
}

@media (min-width: 37.5em) {
  .hnf-sheets { top: var(--modal-keyboard-focus-spacing, 0); border-radius: 8px 0px 0px 8px; width: calc(100% - 3rem); max-height: calc(100% - var(--modal-keyboard-focus-width, 0%)); }
  .hnf-sheets--mirrored { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }
  .hnf-sheets--mirrored .hnf-modal-footer:not(.hnf-modal-footer--stacked) { flex-direction: row-reverse; }
  .hnf-sheets--mirrored .hnf-modal-footer:not(.hnf-modal-footer--stacked) .hnf-btn:not(:last-child) { margin: 0px; margin-inline-start: 1rem; }
  .hnf-sheets--small { max-width: 30rem; }
  .hnf-sheets--small .hnf-modal-body { --skapa-modal-body-padding-inline: 1.5rem; }
  .hnf-sheets--medium { max-width: 45rem; }
  .hnf-sheets--medium .hnf-modal-footer:not(.hnf-modal-footer--dual-action) .hnf-btn { width: auto; flex: initial; }
  .hnf-sheets--large { max-width: 67.5rem; }
  .hnf-sheets--medium .hnf-modal-footer--dual-action .hnf-btn:not(:last-child), .hnf-sheets--large .hnf-modal-footer--dual-action .hnf-btn:not(:last-child) { margin-inline-end: 1rem; }
  .hnf-sheets--large .hnf-modal-footer .hnf-btn { width: auto; flex: initial; }
  .hnf-sheets .hnf-modal-footer { padding: 1.5rem; }
  [dir="rtl"] .hnf-sheets { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }
  [dir="rtl"] .hnf-sheets--mirrored { right: var(--modal-keyboard-focus-spacing, 0); left: auto; border-radius: 8px 0px 0px 8px; }
}

@media (min-width: 37.5em) and (prefers-contrast: more) {
  .hnf-sheets { border-block-end-width: 1px; border-inline-end-width: 0px; }
}

@media (min-width: 37.5em) {
  .hnf-sheets.hnf-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideToLeft; }
  .hnf-sheets.hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideToRight; }
  .hnf-sheets--mirrored.hnf-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideFromLeft; }
  .hnf-sheets--mirrored.hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideFromRight; }
  [dir="rtl"] .hnf-sheets.hnf-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideFromLeft; }
  [dir="rtl"] .hnf-sheets.hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideFromRight; }
  [dir="rtl"] .hnf-sheets--mirrored.hnf-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running hnf-modalSlideToLeft; }
  [dir="rtl"] .hnf-sheets--mirrored.hnf-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running hnf-modalSlideToRight; }
  .hnf-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .hnf-modal-header { padding: 0px 1rem; flex: 0 0 4.5rem; }
  .hnf-modal-header__close, .hnf-modal-header__back-button { margin-top: 1rem; margin-bottom: 1rem; }
  .hnf-modal-header--floating-header .hnf-modal-header__close, .hnf-modal-header--floating-header .hnf-modal-header__back-button { margin: 1.5rem 0px 0.5rem; }
  .hnf-prompt__heading { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
  .hnf-prompt__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; padding-bottom: 1rem; }
}

@media (min-width: 56.25em) {
  .hnf-sheets--small .hnf-modal-body { --skapa-modal-body-padding-inline: 2rem; }
}

@media (min-width: 75em) {
  .hnf-sheets .hnf-modal-body { --skapa-modal-body-padding-inline: 2.5rem; }
}

@media (prefers-reduced-motion) {
  .hnf-modal-wrapper { transition: none; }
  .hnf-modal-wrapper__backdrop { animation-duration: 0s; transition: none; }
  .hnf-modal-wrapper .hnf-sheets.hnf-sheets--enter, .hnf-modal-wrapper .hnf-sheets.hnf-sheets--close, .hnf-modal-wrapper .hnf-sheets.hnf-sheets--preserve-alignment, .hnf-modal-wrapper .hnf-sheets.hnf-sheets--mirrored { animation-duration: 0s; transition-duration: 0s; }
  .hnf-modal-wrapper .hnf-prompt--close { transition: none; }
  .hnf-modal-wrapper .hnf-prompt, .hnf-modal-wrapper .hnf-prompt--enter, .hnf-modal-wrapper .hnf-prompt--close { animation-duration: 0s; transition-duration: 0s; }
  .hnf-modal-wrapper .hnf-prompt .hnf-prompt__content-wrapper, .hnf-modal-wrapper .hnf-prompt--enter .hnf-prompt__content-wrapper, .hnf-modal-wrapper .hnf-prompt--close .hnf-prompt__content-wrapper { animation-duration: 0s; transition-duration: 0s; }
}

.hnf-payment-logo { display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); background: rgb(var(--colour-static-white, 255, 255, 255)); overflow: hidden; }

.hnf-payment-logo__img { max-width: 100%; min-height: 100%; height: auto; }

.hnf-payment-logo--small { width: 2.125rem; height: 1.5rem; border-radius: 2px; }

.hnf-payment-logo--medium { width: 3.5rem; height: 2.5rem; border-radius: 4px; }

.hnf-tabs--subtle { --skapa-tab-selected-colour: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-tabs .hnf-overflow-carousel { max-width: 100%; width: 100%; }

.hnf-tabs .hnf-overflow-carousel__content { padding: 0px; }

.hnf-tabs__tab { position: relative; background: none; border: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); display: inline-flex; align-items: center; flex-shrink: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.42857; margin: 0px; min-height: 3.25rem; padding: 0px 0.25rem; text-align: initial; outline: none; }

.hnf-tabs__tab .hnf-svg-icon { margin-inline-end: 0.5rem; }

.hnf-tabs__tab:not(:disabled):hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-tabs__tab:disabled { cursor: default; }

.hnf-tabs__tab--active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); cursor: default; }

.hnf-tabs__tab--active:not(:disabled):hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-tabs__tab + .hnf-tabs__tab { margin-inline-start: 1.5rem; }

.hnf-tabs__tab:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-tabs__list { position: relative; display: flex; width: 100%; --tab-inline-block: 1px; overflow: hidden; }

.hnf-tabs__list:has([role="tab"]:focus-visible) { --tab-inline-block: 2px; }

.hnf-tabs__list::before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-tabs__list .hnf-tab-highlight { width: 0px; display: block; align-self: flex-end; height: 0.1875rem; pointer-events: none; order: -1; }

.hnf-tabs__list .hnf-tab-highlight::after { content: ""; position: absolute; bottom: 0px; inset-block-end: var(--tab-inline-block, 0); inset-inline-start: var(--tab-selection-offset, 0); width: var(--tab-selection-width, 0); border-radius: calc(0.09375rem); border-bottom: 0.1875rem solid var(--skapa-tab-selected-colour, rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))); background-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); display: block; transition-duration: ; transition-timing-function: ; transition-delay: ; transition-behavior: ; transition-property: left, min-width; }

@media (prefers-reduced-motion: reduce) {
  .hnf-tabs__list .hnf-tab-highlight::after { transition: none; }
}

[dir="rtl"] .hnf-tabs__list .hnf-tab-highlight::after { inset-inline-start: unset; inset-inline-end: var(--tab-selection-offset, 0); }

.hnf-tabs__panel { outline: none; padding: 2.5rem 0px; position: relative; }

.hnf-tabs__panel-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.hnf-tabs__tab:focus-visible { box-shadow: none; outline: none; }

.hnf-tabs__tab:focus-visible::before { bottom: 2px; z-index: unset; }

.hnf-tabs__tab:focus-visible::after { content: ""; position: absolute; inset: 0px; display: block; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); border-radius: 4px; }

.hnf-list-view { padding: 0px; margin: 0px; }

.hnf-list-view--small .hnf-list-view-item__action, .hnf-list-view--small .hnf-list-view-item__default { min-height: 3rem; padding-block: 0.5rem; }

.hnf-list-view--medium .hnf-list-view-item__action, .hnf-list-view--medium .hnf-list-view-item__default { min-height: 4.5rem; padding-block: 0.75rem; }

.hnf-list-view--large .hnf-list-view-item__action, .hnf-list-view--large .hnf-list-view-item__default { min-height: 5.5rem; padding-block: 1.25rem; }

button.hnf-list-view-item__action:hover .hnf-list-view-item__title, a.hnf-list-view-item__action:hover .hnf-list-view-item__title { text-decoration: underline; }

.hnf-list-view-item { width: 100%; list-style-type: none; border-bottom: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid; box-sizing: border-box; text-decoration: none; }

.hnf-list-view-item__no-divider { border-bottom: none; }

.hnf-list-view-item__action, .hnf-list-view-item__default { box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border: none; outline: none; text-align: inherit; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; padding: 0px; line-height: 1.571; user-select: text; }

.hnf-list-view-item__action:not(:disabled) { cursor: pointer; }

.hnf-list-view-item__wrapper { display: flex; flex-grow: 1; align-items: center; }

.hnf-list-view-item__label-container { flex-grow: 1; padding-inline-end: 1rem; }

.hnf-list-view-item__icon-center, .hnf-list-view-item__icon-top { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-inline-end: 1rem; flex-shrink: 0; }

.hnf-list-view-item__icon-top, .hnf-list-view-item__image-top, .hnf-list-view-item__payment-logo-top, .hnf-list-view-item__avatar-top { align-self: flex-start; }

.hnf-list-view-item__payment-logo { margin-inline-end: 1rem; flex-shrink: 0; }

.hnf-list-view-item__image { margin-inline-end: 1rem; display: block; width: 3rem; inset-inline-start: 1rem; flex-shrink: 0; }

.hnf-list-view-item__description { display: block; }

.hnf-list-view-item__title { display: block; }

.hnf-list-view-item__quantity-label { padding-inline-end: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-list-view-item__quantity-label:not(:last-child) { padding-inline-end: 1rem; }

.hnf-list-view-item__addon { margin-block-start: 0.25rem; display: block; }

.hnf-list-view-item:hover .hnf-list-view-item__label { text-decoration: underline; }

.hnf-list-view-item__inset { padding-inline: 1.5rem; }

.hnf-list-view-item__avatar { margin-inline-end: 1rem; flex-shrink: 0; }

.hnf-list-view-item--disabled { pointer-events: none; }

.hnf-list-view-item--disabled .hnf-list-view-item__default, .hnf-list-view-item--disabled .hnf-list-view-item__action, .hnf-list-view-item--disabled .hnf-list-view-item__icon-center, .hnf-list-view-item--disabled .hnf-list-view-item__icon-top, .hnf-list-view-item--disabled .hnf-list-view-item__title, .hnf-list-view-item--disabled .hnf-list-view-item__description, .hnf-list-view-item--disabled .hnf-list-view-item__quantity-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-list-view-item--disabled .hnf-avatar__image, .hnf-list-view-item--disabled .hnf-list-view-item__image { opacity: 0.2; }

.hnf-list-view-item--disabled .hnf-avatar { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.hnf-list-view-item--disabled .hnf-list-view-item__payment-logo { opacity: 0.4; }

[dir="rtl"] .hnf-list-view-item__control-icon { transform: scaleX(-1); }

.hnf-list-view-item__action:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-choice { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); --choice-item-min-height: 4.5rem; --choice-list-item-margin-block-end: 0.75rem; --choice-item-padding-top: 0.75rem; --choice-item-padding-bottom: 0.75rem; --choice-item-nested-padding-block-end: 1rem; --choice-item-border-colour: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-choice .hnf-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-choice .hnf-collapsible--expanded { grid-template-rows: 1fr; }

.hnf-choice .hnf-collapsible--closed .hnf-collapsible__content { display: none; }

.hnf-choice .hnf-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .hnf-choice .hnf-collapsible { transition-duration: 0ms; }
}

.hnf-choice--small { --choice-list-item-margin-block-end: 0.5rem; --choice-item-padding-top: 0.5rem; --choice-item-padding-bottom: 0.5rem; --choice-item-min-height: 3.75rem; --choice-item-nested-padding-block-end: 0.75rem; }

.hnf-choice--large { --choice-list-item-margin-block-end: 1rem; --choice-item-padding-top: 1.25rem; --choice-item-padding-bottom: 1.25rem; --choice-item-min-height: 5.5rem; --choice-item-nested-padding-block-end: 1.25rem; }

.hnf-choice .hnf-choice__list-item { margin-bottom: var(--choice-list-item-margin-block-end); }

.hnf-choice-item { position: relative; display: flex; flex-direction: column; width: 100%; background: none; }

.hnf-choice-item__action { display: flex; align-items: center; border: 0px; outline: 0px; background: none; padding-inline: 1.5rem; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; user-select: text; appearance: none; min-height: var(--choice-item-min-height, 4.5rem); padding-top: var(--choice-item-padding-top, 0.75rem); padding-bottom: var(--choice-item-padding-bottom, 0.75rem); }

.hnf-choice-item__action--top .hnf-choice-item__image, .hnf-choice-item__action--top .hnf-choice-item__payment-logo { align-self: flex-start; }

.hnf-choice-item__action:active + .hnf-choice-item__border { --choice-item-border-colour: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.hnf-choice-item__action:disabled { cursor: default; }

.hnf-choice-item__action:disabled .hnf-choice-item__caption, .hnf-choice-item__action:disabled .hnf-choice-item__title, .hnf-choice-item__action:disabled .hnf-choice-item__value, .hnf-choice-item__action:disabled .hnf-choice-item__icon, .hnf-choice-item__action:disabled .hnf-price, .hnf-choice-item__action:disabled .hnf-choice-item__custom-content * { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-choice-item__action:disabled .hnf-choice-item__image .hnf-svg-icon path { fill: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-choice-item__action:disabled + .hnf-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)) !important; }

.hnf-choice-item__action:disabled .hnf-choice-item__addon, .hnf-choice-item__action:disabled .hnf-payment-logo, .hnf-choice-item__action:disabled .hnf-choice-item__image, .hnf-choice-item__action:disabled .hnf-price-module__energy-class svg { opacity: 0.2; }

@media (hover: hover) {
  .hnf-choice-item__action:hover:not(:disabled) { text-decoration: none; }
  .hnf-choice-item__action:hover:not(:disabled) + .hnf-choice-item__border { --choice-item-border-colour: rgb(var(--colour-neutral-5, 146, 146, 146)); }
}

.hnf-choice-item .hnf-choice-item__nested { padding: 0 1.5rem var(--choice-item-nested-padding-block-end); }

.hnf-choice-item__content { display: flex; flex: 1 1 0%; text-align: start; }

.hnf-choice-item__custom-content { flex: 1 1 0%; text-align: start; }

.hnf-choice-item__border { position: absolute; inset: 0rem; border: 1px solid var(--choice-item-border-colour, rgb(var(--colour-neutral-3, 223, 223, 223))); border-radius: 4px; pointer-events: none; }

.hnf-choice-item__text { flex-grow: 1; }

.hnf-choice-item__title, .hnf-choice-item__caption { display: block; }

.hnf-choice-item__caption { margin-block-start: 0.25rem; }

.hnf-choice-item__addon { display: block; margin-block-start: 0.5rem; }

.hnf-choice-item__image { width: 3rem; margin-inline-end: 1rem; flex-shrink: 0; }

.hnf-choice-item__icon { margin-inline-end: 1rem; flex-shrink: 0; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-choice-item__icon--top { align-self: flex-start; }

.hnf-choice-item .hnf-payment-logo { margin-inline-end: 1rem; flex-shrink: 0; }

.hnf-choice-item__values { display: flex; }

.hnf-choice-item__value { align-self: flex-start; padding-inline-start: 1rem; padding-top: 0.25rem; overflow-wrap: break-word; }

.hnf-choice-item__value--center { align-self: center; }

.hnf-choice-item--trailing-icon .hnf-choice-item__icon { order: 1; margin-inline: 1rem 0px; }

.hnf-choice-item--trailing-image .hnf-choice-item__image { order: 1; margin-inline: 1rem 0px; }

.hnf-choice-item--selected > .hnf-choice-item__action + .hnf-choice-item__border, .hnf-choice-item--selected > .hnf-choice-item__action:hover + .hnf-choice-item__border, .hnf-choice-item--selected > .hnf-choice-item__action:active + .hnf-choice-item__border { border-width: 2px; --choice-item-border-colour: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-choice-item--selected.hnf-choice-item--subtle .hnf-choice-item__action + .hnf-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-choice-item--selected .hnf-choice-item__action:disabled + .hnf-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)) !important; }

.hnf-choice-item .hnf-price { display: block; font-size: 0.875rem; }

.hnf-choice-item .hnf-price:not(:first-child) { margin-top: 0.5rem; }

@media (forced-colors: active) {
  .hnf-choice-item__action:disabled + .hnf-choice-item__border { border-color: graytext; }
}

.hnf-choice-item__radio:focus-visible, .hnf-choice-item__action:focus-visible { box-shadow: none; outline: none; }

.hnf-choice-item__radio:focus-visible ~ .hnf-choice-item__border::before, .hnf-choice-item__action:focus-visible ~ .hnf-choice-item__border::before { content: ""; position: absolute; inset: -0.125rem; box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; border-radius: 4px; }

.hnf-toggle { display: flex; }

.hnf-toggle__button { position: relative; background: rgba(0, 0, 0, 0); cursor: pointer; text-align: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); padding: 0px 0.75rem; border: 1px solid rgb(var(--colour-neutral-4, 204, 204, 204)); min-height: 1.875rem; display: flex; align-items: center; }

.hnf-toggle__button:disabled, .hnf-toggle__button:disabled:hover { cursor: default; border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.hnf-toggle__button:focus-visible { z-index: 100; }

.hnf-toggle__button::after { content: ""; position: absolute; top: -0.5rem; bottom: -0.5rem; left: 0px; display: block; width: 100%; }

.hnf-toggle__button:first-child { border-radius: 4px 0px 0px 4px; }

[dir="rtl"] .hnf-toggle__button:first-child { border-radius: 0px 4px 4px 0px; }

.hnf-toggle__button:last-child { border-radius: 0px 4px 4px 0px; }

[dir="rtl"] .hnf-toggle__button:last-child { border-radius: 4px 0px 0px 4px; }

.hnf-toggle__button:not(:first-child) { margin-inline-start: -1px; }

.hnf-toggle__button:hover { z-index: 1; border-color: rgb(var(--colour-neutral-5, 146, 146, 146)); }

.hnf-toggle__button--active { z-index: 2; border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-toggle__button--active:hover { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.hnf-toggle__button--icon-only { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.hnf-toggle__button--icon-only .hnf-toggle__button-label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.hnf-toggle__button--fluid { width: 100%; }

.hnf-avatar--btn { padding: 0px; transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-avatar--btn:hover:not(:disabled) { background: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); }

.hnf-avatar--btn:hover:not(:disabled).hnf-avatar--static { background: rgb(var(--colour-interactive-static-secondary-bg-hover, 223, 223, 223)); }

.hnf-avatar--btn:active:not(:disabled) { background: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); }

.hnf-avatar--btn:active:not(:disabled).hnf-avatar--static { background: rgb(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204)); }

.hnf-avatar--btn:active:not(:disabled) { transform: scale(0.97); }

.hnf-avatar--btn.hnf-avatar--primary:hover:not(:disabled) { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-avatar--btn.hnf-avatar--primary:hover:not(:disabled).hnf-avatar--static { background: rgb(var(--colour-interactive-static-primary-bg-hover, 51, 51, 51)); }

.hnf-avatar--btn.hnf-avatar--primary:active:not(:disabled) { background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.hnf-avatar--btn.hnf-avatar--primary:active:not(:disabled).hnf-avatar--static { background: rgb(var(--colour-interactive-static-primary-bg-pressed, 0, 0, 0)); }

.hnf-avatar--btn.hnf-avatar--static:disabled, .hnf-avatar--btn:disabled { background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); cursor: default; }

.hnf-avatar--btn.hnf-avatar--static:disabled .hnf-avatar__image, .hnf-avatar--btn:disabled .hnf-avatar__image { opacity: 0.5; }

.hnf-avatar--btn.hnf-avatar--image:hover, .hnf-avatar--btn.hnf-avatar--image:active { background: none; }

.hnf-avatar--btn::after { content: ""; position: absolute; display: block; }

.hnf-avatar--btn.hnf-avatar--xsmall::after { inset: -0.625rem; }

.hnf-avatar--btn.hnf-avatar--small::after { inset: -0.375rem; }

.hnf-avatar--btn.hnf-avatar--medium::after { inset: -0.125rem; }

.hnf-avatar { box-sizing: border-box; display: flex; border-radius: 64px; background: border-box rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border: 1px solid rgba(0, 0, 0, 0); align-items: center; justify-content: center; color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); white-space: nowrap; }

.hnf-avatar .hnf-avatar__image { border-radius: 64px; }

.hnf-avatar--primary.hnf-avatar--static { background: rgb(var(--colour-interactive-static-primary-bg-default, 17, 17, 17)); color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-avatar--secondary { background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-avatar--secondary.hnf-avatar--static { background: rgb(var(--colour-interactive-static-secondary-bg-default, 245, 245, 245)); color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-avatar.hnf-avatar--image { border-width: 0px; background: none; }

.hnf-avatar.hnf-avatar--image.hnf-avatar--static { background: none; }

.hnf-avatar--large { width: 3.5rem; height: 3.5rem; }

.hnf-avatar--medium { width: 2.5rem; height: 2.5rem; }

.hnf-avatar--small { width: 2rem; height: 2rem; }

.hnf-avatar--xsmall { width: 1.5rem; height: 1.5rem; }

.hnf-avatar__sr-text { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

button.hnf-avatar:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.hnf-search { --skapa-search-filled: 0; transition: background-color 200ms cubic-bezier(0.4, 0, 0.4, 1), border 200ms cubic-bezier(0.4, 0, 0.4, 1); position: relative; display: flex; align-items: center; overflow: hidden; border-radius: 64px; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding-inline-end: 0.75rem; }

.hnf-search:focus-within { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.hnf-search:focus-within .hnf-search__input:-webkit-autofill { border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; }

.hnf-search--filled { --skapa-search-filled: 1; --skapa-search-button-width: calc(3rem + 0.0625rem); --skapa-search-actions-timing-function: step-start; }

.hnf-search__input { transition: padding 200ms cubic-bezier(0.4, 0, 0.4, 1); flex-grow: 1; margin: 0px; padding: 0px; padding-inline-start: calc(3rem - var(--skapa-search-filled)*1.5rem); height: 3rem; width: calc(100% - 2.5rem); border: none; outline: none; appearance: none; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); background-color: rgba(0, 0, 0, 0); text-overflow: ellipsis; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3rem inset; border-radius: 0px; }

.hnf-search__input::placeholder { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-search__input::-webkit-search-cancel-button { appearance: none; }

.hnf-search__input:-webkit-autofill { background-color: rgba(0, 0, 0, 0); font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-2, 245, 245, 245)) inset; transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 64px 0px 0px 64px; border: 0px; }

.hnf-search__input:focus ~ .hnf-search__clear { --skapa-search-action-override: 0; }

.hnf-search--small .hnf-search__input { height: 2.5rem; }

.hnf-search--large .hnf-search__input { height: 3.5rem; }

.hnf-search--focus-with-clear.hnf-search--filled .hnf-search__input:focus ~ .hnf-search__clear { --skapa-search-action-override: 1; }

.hnf-search__input-wrapper { position: relative; display: flex; align-items: center; flex-grow: 1; height: 100%; }

.hnf-search__icon { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); pointer-events: none; position: absolute; margin-inline-start: 1rem; transition: transform 200ms cubic-bezier(0.4, 0, 0.4, 1), opacity 200ms cubic-bezier(0, 0, 1, 1); transform: scale(calc(1 - var(--skapa-search-filled))); opacity: calc(1 - var(--skapa-search-filled)); z-index: 1; }

.hnf-search__chevron-down { pointer-events: none; flex-shrink: 0; }

.hnf-search__scope { display: flex; flex: 0 0 0%; padding-inline: 0.5rem 1.5rem; margin-inline-end: -1.5rem; height: 2.5rem; text-overflow: ellipsis; appearance: none; border: none; background-color: rgba(0, 0, 0, 0); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); max-width: calc(50% - 0.5rem - var(--skapa-search-button-width, 0rem)); transition: max-width 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-search__scope-wrapper { position: relative; display: flex; align-items: center; height: 100%; }

.hnf-search__divider { transition-property: opacity, width, margin; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); height: 1.5rem; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); margin-inline: 0.5rem; width: 1px; }

.hnf-search__divider--hidden { opacity: 0; width: 0px; margin: 0px; }

.hnf-search__action { --skapa-search-action-state: var(--skapa-search-action-override, var(--skapa-search-filled)); transform: scale(calc(var(--skapa-search-action-state) * 1)); opacity: calc(var(--skapa-search-action-state)*1); max-width: calc(var(--skapa-search-action-state)*2rem); transition-duration: 200ms; transition-property: max-width, transform, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.hnf-search__actions { --skapa-search-action-override: calc(1 - var(--skapa-search-filled)); position: relative; display: flex; flex-wrap: nowrap; overflow: visible; justify-content: flex-end; max-width: calc(var(--skapa-search-action-override)*8rem); transition-behavior: normal; transition-duration: 200ms; transition-delay: 0s; transition-property: max-width, margin; transition-timing-function: var(--skapa-search-actions-timing-function, step-end),cubic-bezier(0.4, 0, 0.4, 1); margin-inline-start: calc(1*(3rem + 0.0625rem)*var(--skapa-search-filled)); margin-inline-end: calc(-1*(3rem + 0.0625rem)*var(--skapa-search-filled)); }

.hnf-search__actions > .hnf-search__action { max-width: 2rem; }

.hnf-search__actions > .hnf-search__action:not(:first-child) { margin-inline-start: 1rem; }

@media (forced-colors: active) {
  .hnf-search { border: 1px solid; }
}

.hnf-scroll-indicator { box-sizing: border-box; height: 1.875rem; position: relative; width: 100%; outline: none; border: 0px; padding: 0px; background: rgba(0, 0, 0, 0); display: flex; align-items: center; cursor: pointer; }

.hnf-scroll-indicator--dragging .hnf-scroll-indicator__bar-wrapper, .hnf-scroll-indicator--dragging .hnf-scroll-indicator__bar, .hnf-scroll-indicator:hover .hnf-scroll-indicator__bar-wrapper, .hnf-scroll-indicator:hover .hnf-scroll-indicator__bar { height: 0.25rem; }

.hnf-scroll-indicator--dragging .hnf-scroll-indicator__bar, .hnf-scroll-indicator--dragging .hnf-scroll-indicator__bar:hover { height: 0.5rem; top: -0.125rem; }

.hnf-scroll-indicator__bar-wrapper { width: 100%; background: rgb(var(--colour-neutral-3, 223, 223, 223)); transform: translateX(0px); height: 0.125rem; display: block; border-radius: 4px; scrollbar-width: none; }

.hnf-scroll-indicator__bar-wrapper::-webkit-scrollbar { display: none; }

.hnf-scroll-indicator__bar { will-change: transform; background: rgb(var(--colour-neutral-7, 17, 17, 17)); position: absolute; top: 0px; bottom: 0px; width: 100%; height: 0.125rem; transform-origin: 0px 0px; display: block; border-radius: 4px; cursor: grab; }

.hnf-scroll-indicator__bar::after { content: " "; position: absolute; inset: -0.625rem 0px; display: block; }

.hnf-scroll-indicator__bar-dragging { cursor: grabbing; }

a[class*="hnf-"]:focus-visible, button[class*="hnf-"]:focus-visible, [role="button"][class*="hnf-"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

a[class*="hnf-"]:focus-visible p { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

:focus:not(:focus-visible) { outline: none; }

.hnf-leading-icon .hnf-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.hnf-leading-icon .hnf-svg-icon--100 { margin-inline-end: 0.25rem; }

.hnf-trailing-icon .hnf-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.hnf-trailing-icon .hnf-svg-icon--100 { margin-inline-start: 0.25rem; }

.hnf-messages { background-color: rgb(var(--colour-elevation-3, 17, 17, 17)); }

.hnf-messages--b2b { background-color: rgb(var(--colour-static-ikea-business-network, 222, 188, 156)); }

.hnf-messages--b2b .hnf-utilities__block a { color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-messages--b2b .hnf-utilities__block--localisation a span:last-of-type > span { border-color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-messages--b2b .hnf-utilities .hnf-vp__wrapper { color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-utilities { height: 3rem; font-size: 0.75rem; line-height: 1.5; }

@media (min-width: 56.25em) {
  .hnf-utilities { font-size: 0.875rem; line-height: 1.571; }
}

.hnf-utilities__wrapper { display: flex; justify-content: flex-end; }

@media (min-width: 75em) {
  .hnf-utilities__wrapper { gap: 4rem; }
}

.hnf-utilities__block { display: flex; }

.hnf-utilities__block .hnf-svg-icon { flex-shrink: 0; }

.hnf-utilities__block a { display: flex; align-items: center; gap: 0.5rem; padding-block: 0.75rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

@media (min-width: 56.25em) {
  .hnf-utilities__block a { gap: 0.75rem; }
}

.hnf-utilities__block--localisation { flex-grow: 1; }

.hnf-utilities__block--localisation a { width: auto; }

@media (min-width: 56.25em) {
  .hnf-utilities__block--localisation a span:first-of-type { display: none; }
}

.hnf-utilities__block--localisation a span:last-of-type { display: none; }

@media (min-width: 56.25em) {
  .hnf-utilities__block--localisation a span:last-of-type { display: inline; }
  .hnf-utilities__block--localisation a span:last-of-type > span { padding-inline-start: 0.5rem; border-inline-start: 1px solid rgb(var(--colour-neutral-4, 204, 204, 204)); margin-inline-start: 0.5rem; }
}

.hnf-utilities__block--vp { flex-grow: 1; min-width: 0px; display: none; }

@media (min-width: 75em) {
  .hnf-utilities__block--vp { display: flex; }
}

.hnf-utilities__block--pickers { justify-content: flex-end; width: calc(100% - 75px); }

@media (min-width: 56.25em) {
  .hnf-utilities__block--pickers { width: auto; min-width: 200px; }
}

.hnf-utilities__block--pickers > div { max-width: 50%; }

@media (min-width: 56.25em) {
  .hnf-utilities__block--pickers > div { max-width: none; }
}

.hnf-utilities__block--pickers.hnf-utilities__block--pickers--single > div { max-width: 100%; }

@media (min-width: 56.25em) {
  .hnf-utilities__block--pickers.hnf-utilities__block--pickers--single > div { max-width: none; }
}

.hnf-utilities__block--pickers:not(.hnf-utilities__block--pickers--single) > div:last-of-type { padding-inline-start: 1.5rem; }

.hnf-utilities__block--pickers div:last-of-type a { justify-content: flex-end; }

.hnf-utilities__block--pickers span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@keyframes show { 
  100% { opacity: 1; transform: none; }
}

.hnf-utilities .hnf-vp { min-width: 0px; opacity: 0; animation: 250ms cubic-bezier(0, 0, 0.1, 1) 100ms 1 normal forwards running show; }

.hnf-utilities .hnf-vp__wrapper { display: flex; align-items: center; gap: 0.5rem; padding-block: 0.75rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

@media (min-width: 56.25em) {
  .hnf-utilities .hnf-vp__wrapper { gap: 0.75rem; }
}

.hnf-utilities .hnf-vp__copy { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hnf-utilities--hidden { display: none; }

.hnf-header { z-index: 100; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.hnf-header__container { display: flex; column-gap: 1.25rem; flex-flow: wrap; justify-content: space-between; align-items: center; width: 100%; padding-bottom: 1rem; }

@media (min-width: 700px) {
  .hnf-header__container { flex-wrap: nowrap; padding-bottom: 0px; }
}

@media (min-width: 56.25em) {
  .hnf-header__container { column-gap: 2.5rem; height: 90px; }
}

.hnf-header__logo { flex-shrink: 0; order: 2; display: block; padding-block: 1.25rem; }

.hnf-header__logo a { display: block; }

.hnf-header__logo img { display: block; height: 40px; }

.hnf-header__search { order: 7; min-width: 100%; z-index: 200; margin-inline: auto; }

.hnf-header__search:nth-child(2) { margin-inline-start: 0px; }

@media (min-width: 700px) {
  .hnf-header__search { order: 4; min-width: auto; flex-grow: 1; }
}

@media (min-width: 75em) {
  .hnf-header__search { max-width: 600px; }
}

.hnf-header__icons { display: flex; flex-direction: row; order: 5; align-items: center; }

@media (min-width: 700px) {
  .hnf-header__icons li + li { margin-inline-start: 0.5rem; }
}

.hnf-header__icons li { list-style-type: none; }

.hnf-header__icons li.hidden { display: none; }

.hnf-header__icons > .hnf-header__hamburger { display: block; }

@media (min-width: 37.5em) {
  .hnf-header__icons > .hnf-header__hamburger { margin-inline-start: 0.5rem; }
}

@media (min-width: 75em) {
  .hnf-header__icons > .hnf-header__hamburger { display: none; }
}

.hnf-header__search-btn { display: none; }

@media (min-width: 37.5em) {
  .hnf-header__shopping-list-link { margin-inline-start: 0.5rem; }
}

.hnf-header__shopping-list-link .hnf-svg-icon--hidden { display: none; }

@media (min-width: 37.5em) {
  .hnf-header__shopping-cart-link { margin-inline-start: 0.5rem; }
}

.hnf-header__order-tracking-link { display: none; }

@media (min-width: 37.5em) {
  .hnf-header__order-tracking-link { margin-inline-start: 0.5rem; }
}

@media (min-width: 75em) {
  .hnf-header__order-tracking-link { display: block; }
}

@media (min-width: 37.5em) {
  .hnf-header__icons .hnf-header__profile-link { margin-inline-start: 0.5rem; }
}

.hnf-header__icons .hnf-header__profile-link--hidden { display: none; }

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner { padding-inline: 0.5rem; }

@media (min-width: 1400px) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner { padding-inline: 1.5rem; }
}

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner .hnf-person__icon { display: inline-flex; margin-inline-end: 0px; }

@media (min-width: 1400px) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner .hnf-person__icon { display: inline-block; margin-inline-end: 0.5rem; }
}

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner .hnf-btn__label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; font-size: 0.875rem; font-weight: normal; }

@media (min-width: 1400px) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-btn__inner .hnf-btn__label { position: static; width: auto; height: auto; margin: 0px; }
}

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__neutral, .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__avatar { margin-inline: 0.25rem; }

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__neutral .hnf-btn__inner, .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__avatar .hnf-btn__inner { min-height: 2rem; padding-inline: 0px; margin-inline-end: 0px; }

@media (min-width: 1400px) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__neutral .hnf-btn__inner, .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__avatar .hnf-btn__inner { padding-inline-end: 1.5rem; }
}

@media (min-width: 75em) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__neutral, .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__avatar { margin-inline-end: 0px; }
}

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__neutral:hover .hnf-avatar, .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary.hnf-header__profile-link__avatar:hover .hnf-avatar { background-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-avatar-person__icon { margin-inline-end: 0px; }

@media (min-width: 75em) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-avatar { width: 2.5rem; height: 2.5rem; font-size: 1rem; line-height: 1.5; }
}

@media (min-width: 75em) and (min-width: 1400px) {
  .hnf-header__icons .hnf-header__profile-link .hnf-btn--tertiary .hnf-avatar { margin-inline-end: 0.5rem; }
}

.hnf-header__icons .hnf-header__localisation-button { display: none; }

@media (min-width: 75em) {
  .hnf-header__icons .hnf-header__localisation-button { display: block; margin-inline: 0px -0.5rem; }
  .hnf-header__icons .hnf-header__localisation-button .hnf-btn--tertiary .hnf-btn__inner .hnf-btn__label { font-size: 0.875rem; font-weight: normal; }
}

.hnf-header__cart-counter { background-color: rgb(var(--colour-static-ikea-brand-blue, 0, 88, 163)); color: rgb(var(--colour-static-white, 255, 255, 255)); border-radius: 50px; line-height: 0.95rem; margin-top: 0px; margin-bottom: 0px; right: 0px; top: 0px; position: absolute; min-width: 19px; height: 19px; text-align: center; font-size: 0.65rem; font-weight: 400; padding: 2px; }

.hnf-header__cart-counter--ninetynineplus { min-width: 1.75rem; margin-right: -0.5rem; }

.hnf-header__cart-counter--hidden { display: none; }

.hnf-header--fixed { pointer-events: none; transition: transform 0.5s; z-index: 100; position: fixed; left: 0px; right: 0px; top: -80px; }

@media (min-width: 56.25em) {
  .hnf-header--fixed { top: -92px; }
}

.hnf-header--fixed .hnf-header__container { padding-bottom: 0px; }

.hnf-header--fixed.hnf-header--scroll-up { z-index: 101; pointer-events: all; transform: translateY(100%); }

.hnf-header--fixed.hnf-header--scroll-up .hnf-header__search-btn { display: block; }

@media (min-width: 700px) {
  .hnf-header--fixed.hnf-header--scroll-up .hnf-header__search-btn { display: none; }
}

.hnf-header--fixed.hnf-header--scroll-up .hnf-header__shopping-list-link { display: none; }

@media (min-width: 370px) {
  .hnf-header--fixed.hnf-header--scroll-up .hnf-header__shopping-list-link { display: block; }
}

.hnf-header--fixed .hnf-header__search { display: none; }

@media (min-width: 700px) {
  .hnf-header--fixed .hnf-header__search { display: block; }
}

.hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__container { padding-bottom: 0px; }

.hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__search { display: none; }

@media (min-width: 700px) {
  .hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__search { display: block; }
}

.hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__search-btn { display: block; }

@media (min-width: 700px) {
  .hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__search-btn { display: none; }
}

.hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__shopping-list-link { display: none; }

@media (min-width: 700px) {
  .hnf-header.hnf-header--molp:not(.hnf-header--molp-search) .hnf-header__shopping-list-link { display: block; }
}

#hnf-header-filler { min-height: 0px; }

.hnf-footer { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 4rem 0px 0px; margin-top: 2rem; }

.hnf-footer__container { display: flex; flex-flow: column wrap; max-width: 112rem; margin-top: 1.25rem; }

.hnf-footer__container h2 { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }

@media (min-width: 56.25em) {
  .hnf-footer__container { flex-direction: row; }
}

.hnf-footer__container a { text-decoration: none; }

.hnf-footer__container .hnf-list a:hover { text-decoration: underline; }

.hnf-footer__container .hnf-btn__change-theme--hidden { display: none; }

.hnf-footer__container .hnf-btn__change-theme .hnf-btn__inner { padding: 0px 0.5rem; }

.hnf-footer__container .hnf-btn__change-theme .hnf-btn__inner .hnf-svg-icon--hidden { display: none; }

.hnf-footer__container .hnf-btn__change-theme .hnf-btn__inner svg { margin-inline-end: 0px; }

.hnf-footer__featuredLinks { flex: 0 0 100%; margin-bottom: 2.5rem; }

@media (min-width: 56.25em) {
  .hnf-footer__featuredLinks { margin-bottom: 4rem; padding-inline-end: 8%; }
}

@media (min-width: 56.25em) {
  .hnf-footer__featuredLinks { flex-basis: 30%; }
}

.hnf-footer__featuredLink { margin-bottom: 1.25rem; }

@media (min-width: 56.25em) {
  .hnf-footer__featuredLink { margin-bottom: 2rem; }
}

.hnf-footer__featuredLink h3 { margin-bottom: 0.75rem; font-size: 1rem; }

.hnf-footer__featuredLink p { margin-bottom: 0.9375rem; }

.hnf-footer__featuredLink p > a { color: inherit; text-decoration: underline; }

.hnf-footer__settings { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; margin-bottom: 2rem; }

@media (min-width: 56.25em) {
  .hnf-footer__settings { justify-content: flex-end; margin-block: auto 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-footer__settings .hnf-footer__localisation-button .hnf-btn__label span:first-of-type { display: none; }
}

.hnf-footer__settings .hnf-footer__localisation-button .hnf-btn__label span:last-of-type { display: none; }

@media (min-width: 56.25em) {
  .hnf-footer__settings .hnf-footer__localisation-button .hnf-btn__label span:last-of-type { display: inline; }
  .hnf-footer__settings .hnf-footer__localisation-button .hnf-btn__label span:last-of-type > span { padding-inline-start: 0.5rem; border-inline-start: 1px solid rgb(var(--colour-neutral-4, 204, 204, 204)); margin-inline-start: 0.5rem; }
}

.hnf-footer__icon-bar { flex-flow: column wrap; flex: 1 1 auto; display: flex; column-gap: 1.25rem; }

.hnf-footer__icon-bar li.hnf-horizontal-list-item { margin-inline-end: 0.75rem; margin-block-end: 0.75rem; }

@media (min-width: 37.5em) {
  .hnf-footer__icon-bar { flex-direction: row; }
}

.hnf-footer__legalInformation { font-size: 0.75rem; margin-bottom: 2.5rem; }

.hnf-footer__legalInformation a { text-decoration: underline; }

.hnf-footer__copyright { font-size: 0.75rem; flex: 0 0 auto; margin-bottom: 1.25rem; }

@media (min-width: 56.25em) {
  .hnf-footer__copyright { margin: 0px; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }
  .hnf-footer__copyright p { margin: 2.5rem 0px 2rem; }
}

.hnf-footer__paymentOptions { flex: 1 1 auto; }

.hnf-footer__paymentOptions ul { line-height: 0; }

.hnf-footer__linkGroups { flex: 1 0 100%; margin-bottom: 2.5rem; }

@media (min-width: 56.25em) {
  .hnf-footer__linkGroups { flex-basis: 70%; margin-bottom: 4rem; }
}

.hnf-footer__legalLinks { flex: 1 1 auto; font-size: 0.75rem; margin-bottom: 1.25rem; list-style: none; }

.hnf-footer__legalLinks .hnf-list-item { display: inline-block; margin-inline: 0px 1.25rem; padding: 0.5rem 0px; }

@media (min-width: 56.25em) {
  .hnf-footer__legalLinks { margin: 0px; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); text-align: end; }
  .hnf-footer__legalLinks .hnf-list { margin-top: 2rem; }
  .hnf-footer__legalLinks .hnf-list-item { margin-inline: 1.25rem 0px; }
}

.hnf-footer__legalLinks .hnf-link { display: flex; }

.hnf-footer__legalLinks .hnf-link > img { width: 30px; margin-inline-start: 0.5rem; }

.hnf-footer__socialMediaLinks, .hnf-footer__paymentOptions { flex: 0 0 auto; margin-bottom: 2rem; max-width: 100%; }

.hnf-footer__socialMediaLinks .hnf-list--horizontal, .hnf-footer__paymentOptions .hnf-list--horizontal { margin-bottom: -0.75rem; }

.hnf-footer__socialMediaLinks .hnf-list--horizontal > li, .hnf-footer__paymentOptions .hnf-list--horizontal > li { display: inline-block; margin-inline-end: 1.25rem; }

@media (min-width: 56.25em) {
  .hnf-footer__socialMediaLinks, .hnf-footer__paymentOptions { margin: 0px 0px 1.25rem; }
  .hnf-footer__socialMediaLinks .hnf-list--horizontal, .hnf-footer__paymentOptions .hnf-list--horizontal { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); }
}

@media (min-width: 75em) {
  .hnf-footer { margin-top: 4rem; }
}

.hnf-footer .hnf-accordion { line-height: 1.571; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.hnf-footer .hnf-accordion__item { position: relative; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__item { border: none; flex: 0 0 25%; padding-inline-start: 1.25rem; margin-bottom: 0px; }
}

.hnf-footer .hnf-accordion__item--active .hnf-accordion__content { visibility: visible; opacity: unset; height: auto; padding-top: 0px; padding-bottom: 2rem; }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__item--active .hnf-accordion__content { padding-bottom: 0px; }
}

.hnf-footer .hnf-accordion__item--active .hnf-accordion__heading svg { transform: rotate(180deg); }

.hnf-footer .hnf-accordion #hnf-accordion_0 { padding-inline-start: 0px; }

.hnf-footer .hnf-accordion__content { list-style: none; height: 0px; }

.hnf-footer .hnf-accordion__content-item { margin-bottom: 0.5rem; }

.hnf-footer .hnf-accordion__content-item > a { display: block; padding: 0.5rem 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-footer .hnf-accordion__content-item > a:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: underline; }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__content-item { margin-bottom: 0px; }
  .hnf-footer .hnf-accordion__content-item > a { padding: 0.5rem 0px; }
}

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__content { visibility: visible; height: initial; overflow: visible; opacity: initial; line-height: 1.571; }
}

.hnf-footer .hnf-accordion__heading { display: flex; flex-direction: row; min-height: auto; padding: 2rem 0px; border: none; background-color: inherit; text-align: start; width: 100%; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-footer .hnf-accordion__heading svg { transition: transform 0.3s; }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__heading { padding: 0px 0px 0.75rem; pointer-events: none; cursor: default; }
  .hnf-footer .hnf-accordion__heading svg { display: none; }
}

.hnf-footer .hnf-accordion__title { flex: 1 0 auto; margin: 0px; min-height: auto; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); line-height: 1.5rem; }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion__title { width: 100%; }
}

@media (min-width: 56.25em) {
  .hnf-footer .hnf-accordion { border: none; display: flex; flex-direction: row; }
}

.hnf-footer .hnf-footer__socialMediaLinks .hnf-btn, .hnf-footer .hnf-footer__paymentOptions .hnf-btn { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); background-color: inherit; padding: 0.25rem; height: auto; }

.hnf-footer .hnf-footer__socialMediaLinks .hnf-payment-logo--medium, .hnf-footer .hnf-footer__paymentOptions .hnf-payment-logo--medium { width: 3.125rem; height: 2.25rem; }

.hnf-footer .hnf-footer__socialMediaLinks .hnf-btn:hover, .hnf-footer .hnf-footer__paymentOptions .hnf-btn:hover { border-color: rgb(var(--colour-neutral-5, 146, 146, 146)); }

.hnf-footer .hnf-footer__socialMediaLinks .hnf-svg-icon, .hnf-footer .hnf-footer__paymentOptions .hnf-svg-icon { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-footer .hnf-flex-row { width: 100%; }

@media (min-width: 56.25em) {
  .hnf-footer .hnf-flex-row { display: flex; flex-flow: wrap; flex: 1 1 auto; }
}

.hnf-footer .hnf-flex-row--nowrap { flex-wrap: nowrap; }

[dir="rtl"] .hnf-footer__linkGroups { order: 1; }

.http-status-message__container { text-align: center; margin: 2.5rem auto; }

.http-status-message__heading { text-align: center; margin: 2.5rem 0px 1.25rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-weight: 700; font-size: 1.25rem; line-height: 1.4; letter-spacing: -0.0075rem; }

@media (min-width: 56.25em) {
  .http-status-message__heading { font-size: 1.375rem; line-height: 1.364; letter-spacing: -0.0075rem; }
}

.http-status-message__container ~ div[data-mount-recommendations="recently-viewed"] { display: none; }

.hnf-messages { min-height: 3rem; }

.hnf-message + .hnf-message { border-top: 1px solid rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-message { background-color: rgb(var(--colour-elevation-3, 17, 17, 17)); }

.hnf-message--emergency { background-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.hnf-message__wrapper { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 0px 1.25rem; max-width: 112rem; margin: 0px auto; color: rgb(var(--colour-static-white, 255, 255, 255)); }

@media (min-width: 37.5em) {
  .hnf-message__wrapper { padding: 0px 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-message__wrapper { padding: 0px 3rem; }
}

@media (min-width: 75em) {
  .hnf-message__wrapper { padding-inline: 1.25rem 2.5rem; }
}

.hnf-message__wrapper--hidden { display: none; }

.hnf-message__content { flex-grow: 1; font-size: 0.75rem; line-height: 1.5; text-align: start; display: flex; flex-flow: row; justify-content: flex-start; align-items: center; padding-block: 0.9375rem; padding-inline: 0px 1rem; min-width: 0px; }

@media (min-width: 37.5em) {
  .hnf-message__content { justify-content: center; }
}

.hnf-message__content a { color: rgb(var(--colour-static-white, 255, 255, 255)); text-decoration: none; display: flex; overflow: hidden; }

.hnf-message__content a span:hover, .hnf-message__content a span:focus, .hnf-message__content a span:active { text-decoration: underline; }

.hnf-message--emergency .hnf-message__wrapper { color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-message--emergency .hnf-message__content a { text-decoration: none; color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-message--emergency .hnf-message__content a:hover, .hnf-message--emergency .hnf-message__content a:active { text-decoration: underline; }

#hnf-page-message { margin-bottom: 2rem; }

@media (min-width: 37.5em) {
  #hnf-page-message { margin-bottom: 3rem; }
}

.hnf-breadcrumb { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-block-end: 2.5rem; }

@media (min-width: 37.5em) {
  .hnf-breadcrumb { margin-block-end: 4rem; }
}

.hnf-breadcrumb--short { margin-block-end: 1.5rem; }

.hnf-breadcrumb__list { list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; row-gap: 0.25rem; margin: 0px; width: 100%; padding-block-end: 1rem; }

.hnf-breadcrumb__list-item { display: none; max-width: 100%; margin: 0px; padding: 0px; }

.hnf-breadcrumb__list-item > span { font-size: 0.75rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); white-space: nowrap; }

.hnf-breadcrumb__list-item:nth-last-child(3), .hnf-breadcrumb__list-item:nth-last-child(2) { display: flex; }

.hnf-breadcrumb__list-item:not(.hnf-breadcrumb__list-item:last-child)::after { content: "›"; margin-inline: 0.5rem; font-size: 1rem; line-height: 1; }

.hnf-breadcrumb__list-item:nth-last-child(2)::after { display: none; }

.hnf-breadcrumb__list-item:nth-last-child(3):not(:first-child)::before { content: "…"; font-size: 0.75rem; line-height: 1.5; font-weight: 400; margin-inline-end: 21px; }

@media (min-width: 56.25em) {
  .hnf-breadcrumb__list-item:nth-last-child(3):not(:first-child)::before { display: none; }
}

.hnf-breadcrumb__list-item--expand-link { display: flex; }

.hnf-breadcrumb--expandable .hnf-breadcrumb__list-item:nth-last-child(3)::before { display: none; }

.hnf-breadcrumb--expanded .hnf-breadcrumb__list-item:not(:last-child) { display: flex; }

.hnf-breadcrumb__link { text-decoration: none; font-size: 0.75rem; line-height: 1.5; font-weight: 400; }

.hnf-breadcrumb__link:hover, .hnf-breadcrumb__link:active, .hnf-breadcrumb__link:focus { text-decoration: underline; }

@media (min-width: 56.25em) {
  .hnf-breadcrumb__list-item { display: flex; }
  .hnf-breadcrumb__list-item--expand-link { display: none; }
  .hnf-breadcrumb__list-item:nth-last-child(2)::after { display: inline; }
}

.hnf-breadcrumb--homepage { height: 2rem; }

@media (min-width: 75em) {
  .hnf-breadcrumb--homepage { height: 0px; }
}

@media (min-width: 75em) {
  html[lang$="-US"] .hnf-breadcrumb:not(.hnf-breadcrumb--footer) { display: flex; position: relative; margin-top: -2.5rem; z-index: 100; }
}

.pip-content-container .hnf-breadcrumb { margin-block-end: 0.5rem; }

@media (min-width: 37.5em) {
  .pip-content-container .hnf-breadcrumb { margin-block-end: 2rem; }
}

.hnf-mobile-vp { margin-inline: -1.25rem; padding-inline: 1.25rem; padding-block: 0.75rem; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-mobile-vp .hnf-link, .hnf-mobile-vp__wrapper { display: flex; gap: 0.5rem; }

.hnf-mobile-vp .hnf-svg-icon { flex-shrink: 0; }

.hnf-mobile-vp .hnf-inline-message__icon { margin-inline: 0px; }

@media (min-width: 37.5em) {
  .hnf-mobile-vp { margin-inline: -2rem; padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-mobile-vp { margin-inline: -3rem; padding-inline: 3rem; }
}

@media (min-width: 75em) {
  .hnf-mobile-vp { display: none; }
}

.hnf-mobile-vp + .hnf-breadcrumb { padding-block-start: 0.75rem; }

@media (min-width: 75em) {
  .hnf-mobile-vp + .hnf-breadcrumb { padding-block-start: 0px; }
}

.vn-link { text-decoration: underline; font-weight: 400; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.vn-link:focus, .vn-link:hover, .vn-link:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; }

.vn-link--disabled:focus::before { border: 0px; }

.vn-link--black { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--black:hover, .vn-link--black:focus, .vn-link--black:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.vn-link--black.vn-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--black.vn-link--disabled:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--black.vn-link--disabled:focus, .vn-link--black.vn-link--disabled:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--black.vn-link--disabled:focus::before { border: 0px; }

.vn-link--grey { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.vn-link--grey:hover, .vn-link--grey:focus, .vn-link--grey:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-link--grey.vn-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.vn-link--grey.vn-link--disabled:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.vn-link--grey.vn-link--disabled:focus, .vn-link--grey.vn-link--disabled:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.vn-link--grey.vn-link--disabled:focus::before { border: 0px; }

.vn-link--white { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.vn-link--white:hover, .vn-link--white:focus, .vn-link--white:active { color: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.vn-link--white.vn-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.vn-link--white.vn-link--disabled:hover { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.vn-link--white.vn-link--disabled:focus, .vn-link--white.vn-link--disabled:active { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.vn-link--white.vn-link--disabled:focus::before { border: 0px; }

.vn-link--subtle { text-decoration: none; }

.vn-link--subtle:focus, .vn-link--subtle:hover, .vn-link--subtle:active { text-decoration: underline; }

.vn-link:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.vn-list { list-style-position: outside; }

.vn-list--unordered .vn-list--unordered { list-style-type: circle; }

.vn-list--ordered .vn-list--ordered { list-style-type: upper-alpha; }

.vn-list--small { padding-inline-start: 1.375rem; }

.vn-list--small .vn-list--unordered, .vn-list--small .vn-list--ordered { padding-inline-start: 0.875rem; }

.vn-list--small li:not(:first-child) { margin-top: 0.5rem; }

.vn-list--small .vn-list--unordered li, .vn-list--small .vn-list--ordered li { margin-top: 0.25rem; }

.vn-list--medium { padding-inline-start: 1.9375rem; }

.vn-list--medium .vn-list--unordered, .vn-list--medium .vn-list--ordered { padding-inline-start: 1.1875rem; }

.vn-list--medium li:not(:first-child) { margin-top: 0.75rem; }

.vn-list--medium .vn-list--unordered li, .vn-list--medium .vn-list--ordered li { margin-top: 0.5rem; }

.vn-list--large { padding-inline-start: 2rem; }

.vn-list--large .vn-list--unordered, .vn-list--large .vn-list--ordered { padding-inline-start: 1.25rem; }

.vn-list--large li:not(:first-child) { margin-top: 0.75rem; }

.vn-list--large .vn-list--unordered li, .vn-list--large .vn-list--ordered li { margin-top: 0.5rem; }

.vn-list--xlarge { padding-inline-start: 2.5625rem; }

.vn-list--xlarge .vn-list--unordered, .vn-list--xlarge .vn-list--ordered { padding-inline-start: 1.5625rem; }

.vn-list--xlarge li:not(:first-child) { margin-top: 1rem; }

.vn-list--xlarge .vn-list--unordered li, .vn-list--xlarge .vn-list--ordered li { margin-top: 0.75rem; }

.vn-scroll-indicator { box-sizing: border-box; height: 1.875rem; position: relative; width: 100%; outline: none; border: 0px; padding: 0px; background: rgba(0, 0, 0, 0); display: flex; align-items: center; cursor: pointer; }

.vn-scroll-indicator--dragging .vn-scroll-indicator__bar-wrapper, .vn-scroll-indicator--dragging .vn-scroll-indicator__bar, .vn-scroll-indicator:hover .vn-scroll-indicator__bar-wrapper, .vn-scroll-indicator:hover .vn-scroll-indicator__bar { height: 0.25rem; }

.vn-scroll-indicator--dragging .vn-scroll-indicator__bar, .vn-scroll-indicator--dragging .vn-scroll-indicator__bar:hover { height: 0.5rem; top: -0.125rem; }

.vn-scroll-indicator__bar-wrapper { width: 100%; background: rgb(var(--colour-neutral-3, 223, 223, 223)); transform: translateX(0px); height: 0.125rem; display: block; border-radius: 4px; scrollbar-width: none; }

.vn-scroll-indicator__bar-wrapper::-webkit-scrollbar { display: none; }

.vn-scroll-indicator__bar { will-change: transform; background: rgb(var(--colour-neutral-7, 17, 17, 17)); position: absolute; top: 0px; bottom: 0px; width: 100%; height: 0.125rem; transform-origin: 0px 0px; display: block; border-radius: 4px; cursor: grab; }

.vn-scroll-indicator__bar::after { content: " "; position: absolute; inset: -0.625rem 0px; display: block; }

.vn-scroll-indicator__bar-dragging { cursor: grabbing; }

.vn-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.vn-accordion-item-header:active, .vn-accordion-item-header:focus-visible, .vn-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn-accordion-item-header:active .vn-accordion-item-header__title, .vn-accordion-item-header:focus-visible .vn-accordion-item-header__title, .vn-accordion-item-header:hover .vn-accordion-item-header__title { text-decoration: underline; }

.vn-accordion-item-header__icon { flex-shrink: 0; }

.vn-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.vn-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.vn-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.vn-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.vn-accordion-item-header__title-wrapper .vn-accordion-item-header__title { width: auto; }

.vn-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.vn-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.vn-accordion-item-header:disabled { cursor: default; }

.vn-accordion-item-header:disabled .vn-accordion-item-header__title { text-decoration: none; }

.vn-accordion-item-header:disabled .vn-accordion-item-header__title, .vn-accordion-item-header:disabled .vn-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.vn-accordion-item-header:disabled .vn-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.vn-accordion--padded .vn-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.vn-accordion { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); }

.vn-accordion__item { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); margin: 0px; outline: 0px; padding: 0px; }

.vn-accordion__item--subtle .vn-accordion-item-header__title { font-weight: 400; }

.vn-accordion__item--active { overflow: visible; }

.vn-accordion .vn-accordion-item-header { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.vn-accordion__item--active > .vn-accordion__content { visibility: visible; opacity: 1; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.vn-accordion__content { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; opacity: 0; overflow: hidden; }

.vn-accordion__content--inner-small { padding-top: 0.5rem; padding-bottom: 1.5rem; }

.vn-accordion__content--inner-medium { padding-top: 0.5rem; padding-bottom: 2rem; }

.vn-accordion__content--inner-large { padding-top: 0.5rem; padding-bottom: 2.5rem; }

@media (prefers-reduced-motion) {
  .vn-accordion__item, .vn-accordion__item--active > .vn-accordion__content, .vn-accordion__content { transition-duration: 0ms; }
}

.vn-accordion .vn-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.vn-accordion .vn-collapsible--expanded { grid-template-rows: 1fr; }

.vn-accordion .vn-collapsible--closed .vn-collapsible__content { display: none; }

.vn-accordion .vn-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .vn-accordion .vn-collapsible { transition-duration: 0ms; }
}

.vn-accordion--padded .vn-accordion__content { padding-left: 1.5rem; padding-right: 1.5rem; }

[dir="rtl"] .vn-accordion .vn-accordion-item-header__icon { transform: scaleX(-1); }

[dir="rtl"] .vn-accordion__item--active .vn-accordion-item-header__icon { transform: scaleX(-1) rotate(180deg); }

.vn-leading-icon .vn-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.vn-leading-icon .vn-svg-icon--100 { margin-inline-end: 0.25rem; }

.vn-trailing-icon .vn-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.vn-trailing-icon .vn-svg-icon--100 { margin-inline-start: 0.25rem; }

.vn-svg-icon { display: inline-block; height: 1.5rem; width: 1.5rem; vertical-align: middle; fill: currentcolor; transition-property: transform, fill; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (prefers-reduced-motion) {
  .vn-svg-icon { transition-property: none; }
}

@keyframes vn-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.vn-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running vn-icon-rotate; }

.vn-svg-icon--rotate-45 { transform: rotate(45deg); }

.vn-svg-icon--rotate-minus-45 { transform: rotate(-45deg); }

.vn-svg-icon--rotate-135 { transform: rotate(135deg); }

.vn-svg-icon--rotate-minus-135 { transform: rotate(-135deg); }

.vn-svg-icon--rotate-180 { transform: rotate(180deg); }

.vn-svg-icon--rotate-minus-180 { transform: rotate(-180deg); }

.vn__wrapper { margin: 0px -1.25rem; }

.vn__wrapper__showall { display: none; }

@media (min-width: 37.5em) {
  .vn__wrapper { margin: 0px -2rem; }
}

@media (min-width: 56.25em) {
  .vn__wrapper { margin: 0px; }
  .vn__wrapper__showall { margin-top: 0.75rem; display: block; }
  .vn__wrapper__showall__count { font-size: 1rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }
}

.vn__nav { padding: 0px 1.25rem 1.25rem; margin-bottom: -1.25rem; display: flex; scrollbar-width: none; overflow: scroll hidden; list-style-type: none; }

.vn__nav .vn__link-wrapper { margin-inline-end: 0.75rem; min-width: 33vw; max-width: 33vw; box-sizing: content-box; }

.vn__nav .vn__link-wrapper:last-child { padding-inline-end: 1.25rem; }

@media (min-width: 37.5em) {
  .vn__nav .vn__link-wrapper:last-child { padding-inline-end: 2rem; }
}

@media (min-width: 56.25em) {
  .vn__nav .vn__link-wrapper:last-child { padding-inline-end: 0px; }
}

@media (min-width: 56.25em) {
  .vn__nav .vn__link-wrapper--hidden { display: none; }
}

@media (min-width: 37.5em) {
  .vn__nav { padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .vn__nav { padding-inline: 0px; padding-bottom: 2.5rem; }
}

.vn__nav::-webkit-scrollbar { display: none; width: 0px; height: 0px; }

.vn__nav__link { display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-weight: 400; text-decoration: none; }

.vn__nav__link:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: underline; }

.vn__nav__link .vn__nav__title { display: block; padding-top: 1.25rem; text-overflow: ellipsis; overflow: hidden; }

@media (min-width: 56.25em) {
  .vn__nav__link .vn__nav__title { padding-top: 0.75rem; }
}

.vn-scroll-indicator { margin-top: 2rem; width: 100%; background: rgb(var(--colour-neutral-2, 245, 245, 245)); transform: translateX(0px); height: 0.125rem; scrollbar-width: none; display: block; }

.vn__textnav ul { list-style: none; column-gap: 1.25rem; }

.vn__textnav ul.vn__textnav__fifteen-and-up { columns: 20rem 4; }

.vn__textnav ul.vn__textnav__ten-and-up { columns: 20rem 3; }

.vn__textnav ul.vn__textnav__six-and-up { columns: 20rem 2; }

.vn__textnav ul li { break-inside: avoid; display: inline-block; width: 100%; box-sizing: border-box; }

.vn__textnav__link { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-weight: 400; }

.vn__textnav__link:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.vn__textnav__link span { display: block; padding-bottom: 0.75rem; }

@media (min-width: 56.25em) {
  .vn__nav { overflow: visible; }
  .vn__nav .vn__link-wrapper { min-width: auto; margin-inline-end: 1.25rem; box-sizing: border-box; }
  .vn-scroll-indicator { display: none; }
  .vn-3-grid, .vn-4-grid, .vn-6-grid, .vn-8-grid { display: flex; flex-wrap: wrap; padding-block: 0px; padding-inline: 1.25rem 0px; margin: 0px -1.25rem -2.5rem; }
  .vn-3-grid-gap, .vn-4-grid-gap, .vn-6-grid-gap, .vn-8-grid-gap { margin-block: 0px 2.5rem; margin-inline: 0px 1.25rem; }
  .vn-3-grid-gap { width: calc(33.3333% - 1.25rem); }
  .vn-4-grid-gap { width: calc(25% - 1.25rem); }
  .vn-6-grid-gap { width: calc(16.6667% - 1.25rem); }
  .vn-8-grid-gap { width: calc(12.5% - 1.25rem); }
}

@media (min-width: 56.25em) {
  .vn-p-grid { display: flex; flex-wrap: wrap; padding-block: 2rem 0px; padding-inline: 1.25rem 0px; margin: 0px -1.25rem; }
  .vn-p-grid-gap { width: 25%; border-style: solid; border-color: rgba(0, 0, 0, 0); border-block-width: 0px 1.25rem; border-inline-width: 0px 1.25rem; background-clip: padding-box; }
}

.vn-accordion { padding-inline-start: 0px; line-height: 1.571; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

@media (min-width: 56.25em) {
  .vn-accordion__item { border-style: solid; border-color: rgba(0, 0, 0, 0); border-block-width: 0px 1.25rem; border-inline-width: 0px 1.25rem; flex: 0 0 25%; margin-bottom: 0px; }
}

.vn-accordion__item--active .vn-accordion__content { visibility: visible; opacity: unset; height: auto; padding-top: 0px; padding-bottom: 2rem; }

@media (min-width: 56.25em) {
  .vn-accordion__item--active .vn-accordion__content { padding-bottom: 0px; }
}

.vn-accordion__item--active .vn-accordion__heading svg { transform: rotate(180deg); }

.vn-accordion__image { display: none; }

.vn-accordion__content { transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1); height: 0px; visibility: hidden; opacity: 0; overflow: hidden; list-style: none; margin-inline-start: 0px; padding-inline-start: 0px; }

.vn-accordion__content li { margin-bottom: 1rem; }

.vn-accordion__content li a { text-decoration: none; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-weight: normal; padding-block: 0.5rem; }

.vn-accordion__content li a:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: underline; }

.vn-accordion__heading { display: flex; flex-direction: row; min-height: auto; padding: 2rem 0px; border: none; background-color: inherit; text-align: start; width: 100%; }

.vn-accordion__heading svg { transition: transform 0.3s; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

@media (min-width: 56.25em) {
  .vn-accordion__heading { padding: 2rem 0px 1rem; pointer-events: none; cursor: default; }
  .vn-accordion__heading svg { display: none; }
}

.vn-accordion__title { flex: 1 0 auto; margin: 0px; min-height: auto; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); line-height: 1.571; }

@media (min-width: 56.25em) {
  .vn-accordion { width: auto; border: none; overflow: hidden; display: flex; flex-direction: row; padding-inline-start: 1.25rem; }
}

@media (min-width: 56.25em) {
  .vn-accordion__image { display: block; }
  .vn-accordion__content { visibility: visible; height: initial; overflow: visible; opacity: initial; line-height: 1.5; }
}

.hnf-aspect-ratio-box.hnf-aspect-ratio-box--error { background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzMgMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjA4ODAzIDMzLjA2ODFMNy4xMTQgMjcuODI3SDBWNS44MjY5N0gxOS44MTU3TDIzLjE3OTkgLTEuNjAzMzZlLTA1TDI0LjkxMiAwLjk5OTk4NEw1LjgyMDA4IDM0LjA2ODFMNC4wODgwMyAzMy4wNjgxWk0xMi42NjQ3IDE4LjIxMjlMOC4yNjg3IDI1LjgyN0gyVjIzLjM0NzZMMTEgMTcuMDQ3NkwxMi42NjQ3IDE4LjIxMjlaTTEzLjY2ODUgMTYuNDc0MkwxOC42NjEgNy44MjY5N0gyVjIwLjkwNjJMMTEgMTQuNjA2M0wxMy42Njg1IDE2LjQ3NDJaTTMzIDI3LjgyN0gxMS41OTE1TDEyLjc0NjIgMjUuODI3SDMxVjIzLjM2MjFMMjYuMDUzNyAyMC4wNjQ2TDIxLjA0IDI0LjA3NTZMMTUuODUzNCAyMC40NDVMMTYuODU3MiAxOC43MDYzTDIwLjk2IDIxLjU3ODNMMjUuOTQ2MyAxNy41ODkzTDMxIDIwLjk1ODRWNy44MjY5N0gyMy4xMzg1TDI0LjI5MzIgNS44MjY5N0gzM1YyNy44MjdaTTI3IDEyLjgyN0MyNyAxMy4zNzkyIDI2LjU1MjMgMTMuODI3IDI2IDEzLjgyN0MyNS40NDc3IDEzLjgyNyAyNSAxMy4zNzkyIDI1IDEyLjgyN0MyNSAxMi4yNzQ3IDI1LjQ0NzcgMTEuODI3IDI2IDExLjgyN0MyNi41NTIzIDExLjgyNyAyNyAxMi4yNzQ3IDI3IDEyLjgyN1pNMjkgMTIuODI3QzI5IDE0LjQ4MzggMjcuNjU2OSAxNS44MjcgMjYgMTUuODI3QzI0LjM0MzEgMTUuODI3IDIzIDE0LjQ4MzggMjMgMTIuODI3QzIzIDExLjE3MDEgMjQuMzQzMSA5LjgyNjk3IDI2IDkuODI2OTdDMjcuNjU2OSA5LjgyNjk3IDI5IDExLjE3MDEgMjkgMTIuODI3WiIgZmlsbD0iIzY2NjY2NiIvPjwvc3ZnPg=="); background-size: 1.5rem; background-repeat: no-repeat; background-position: 50% center; }

[dir="rtl"] .vn-scroll-indicator__bar { transform-origin: 100% 0px; }

@media (min-width: 56.25em) {
  .hnf-store__container { display: flex; }
  .hnf-store__container--four-columns .hnf-store__container__columns { columns: 3; flex-basis: 75%; }
  .hnf-store__container--three-columns .hnf-store__container__columns { columns: 2; flex-basis: 67%; }
}

.hnf-store__container__single-column { margin-top: 2rem; }

@media (min-width: 56.25em) {
  .hnf-store__container__single-column { margin-top: 0px; }
}

.hnf-store__container__single-column p { margin-bottom: 0.25rem; }

.hnf-store__container__block { break-inside: avoid-column; }

.hnf-store__container__block > p > strong, .hnf-store__container__block > p > span { margin-right: 0.5rem; }

.hnf-store__container__block--address-3 { flex-basis: 33%; }

.hnf-store__container__block--address-4 { flex-basis: 25%; }

.hnf-store__container__block--map > div { width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0px; }

@media (min-width: 56.25em) {
  .hnf-store__container__block--map > div { padding-bottom: 42.8571%; }
}

@media (min-width: 75em) {
  .hnf-store__container__block--map > div { padding-bottom: 33.3%; }
}

.hnf-store__container__block--map > div iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.hnf-store__container__block dl dd { margin-bottom: 0.75rem; }

.hnf-store__container__block dl dd + dd { margin-top: -0.75rem; }

@media (min-width: 56.25em) {
  .hnf-store__container__block dl dt { margin-bottom: 0.25rem; }
  .hnf-store__container__block dl dd { margin-bottom: 1.25rem; }
  .hnf-store__container__block dl dd + dd { margin-top: -1rem; }
}

.hnf-store__container__block h2 { margin-bottom: 0.5rem; }

.hnf-store__container__block + .hnf-store__container__block { margin-top: 2rem; }

@media (min-width: 56.25em) {
  .hnf-store__container__block + .hnf-store__container__block { margin-top: 3rem; }
}

@media (min-width: 56.25em) {
  .hnf-store__container__block + .hnf-store__container__block--map { flex-grow: 1; margin-top: 0px; padding-inline-end: 0px; }
}

@media (min-width: 56.25em) {
  .hnf-store__container__block { padding-inline-end: 2rem; }
}

.hnf-store__container + .hnf-store__container { margin-top: 2rem; }

@media (min-width: 56.25em) {
  .hnf-store__container + .hnf-store__container { margin-top: 3rem; }
}

.hnf-store__hidden { display: none; }

.hnf-store__show-more { margin-top: 1rem; }

@media (min-width: 56.25em) {
  .hnf-store--no-single-column .hnf-store__container .hnf-store__container__columns { flex-basis: 100%; }
  .hnf-store--no-single-column .hnf-store__container__block--address-3 { flex-basis: 50%; }
  .hnf-store--no-single-column .hnf-store__container__block--address-4 { flex-basis: 33%; }
}

.hnf-nudge-tip { width: auto; position: absolute; top: 3.75rem; transition: opacity 200ms; text-align: start; z-index: 300; }

.hnf-nudge-tip::before { content: ""; display: block; width: 0px; height: 0px; position: absolute; border-inline: 0.5rem solid rgba(0, 0, 0, 0); border-bottom: .9rem solid rgb(var(--colour-elevation-3, 17, 17, 17)); inset-inline-start: 3rem; top: -0.8rem; }

.hnf-nudge-tip .hnf-toast { position: relative; border: 1px solid rgb(var(--colour-elevation-3, 17, 17, 17)); border-radius: 4px; width: 18rem; inset-inline-start: -6rem; }

.hnf-nudge-tip .hnf-toast__text { font-weight: normal; }

.hnf-nudge-tip .hnf-toast__divider-visible { width: 1px; }

.hnf-nudge-tip .hnf-toast__close-btn button { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.hnf-nudge-tip .hnf-toast__close-btn button.hnf-btn .hnf-svg-icon { margin-inline-end: auto; }

.hnf-nudge-tip .hnf-toast__close-btn .hnf-btn .hnf-btn__inner { padding: 0px 0.25rem; }

.hnf-nudge-tip .hnf-toast .hnf-toast__text-link { color: rgb(var(--colour-neutral-1, 255, 255, 255)); text-decoration: none; }

.hnf-nudge-tip .hnf-toast .hnf-toast__text-link:hover { text-decoration: underline; }

@media (min-width: 37.5em) {
  .hnf-nudge-tip .hnf-toast { top: 0px; inset-inline-start: -4rem; }
}

@media (min-width: 75em) {
  .hnf-nudge-tip .hnf-toast { inset-inline-start: -10rem; }
}

.hnf-floating-container { z-index: 300; position: fixed; inset-inline-end: 1.25rem; inset-block-end: 1.25rem; display: flex; flex-direction: column-reverse; gap: 1rem; max-width: 56px; opacity: 1; visibility: visible; transition: opacity 200ms, visibility 200ms; pointer-events: none; }

.hnf-floating-container > * { pointer-events: all; }

@media (min-width: 37.5em) {
  .hnf-floating-container { inset-inline-end: 2rem; inset-block-end: 2rem; }
}

@media (min-width: 56.25em) {
  .hnf-floating-container { inset-inline-end: 3rem; inset-block-end: 3rem; }
}

.hnf-floating-container--overlap { visibility: hidden; opacity: 0; }

:root { --product-image-radius-m: 0px; --product-image-radius-s: 0px; --product-image-transform: none; --product-image-mix-blend-mode: multiply; }

.theme-dark { --product-image-transform: 90%; --product-image-mix-blend-mode: normal; }