.wrapper .frame{flex:1;display:flex;align-items:center;overflow:hidden}.wrapper .iframe{background-color:#eee;border:0;transform-origin:0 0;position:absolute;top:50%;left:50%}.frame-shadow{border:0;border-radius:.5rem;transform-origin:0 0;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 10px #0006,0 0 0 2.5rem #fff,0 0 2rem 3rem #00000017;pointer-events:none}:root{--colour-neutral-1: 255, 255, 255;--colour-neutral-2: 245, 245, 245;--colour-neutral-3: 223, 223, 223;--colour-neutral-4: 204, 204, 204;--colour-neutral-5: 146, 146, 146;--colour-neutral-6: 72, 72, 72;--colour-neutral-7: 17, 17, 17;--colour-text-and-icon-1: 17, 17, 17;--colour-text-and-icon-2: 72, 72, 72;--colour-text-and-icon-3: 118, 118, 118;--colour-text-and-icon-4: 146, 146, 146;--colour-text-and-icon-5: 255, 255, 255;--colour-elevation-1: 255, 255, 255;--colour-elevation-2: 255, 255, 255;--colour-elevation-3: 17, 17, 17;--colour-elevation-1-border: 223, 223, 223;--colour-elevation-2-border: 72, 72, 72;--colour-semantic-informative: 0, 88, 163;--colour-semantic-positive: 10, 138, 0;--colour-semantic-caution: 242, 106, 47;--colour-semantic-caution-text: 202, 80, 8;--colour-semantic-negative: 224, 7, 81;--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: 202, 80, 8;--colour-commercial-message-new-lower-price: 204, 0, 8;--colour-commercial-message-ikea-family: 0, 124, 193;--colour-commercial-message-bti-yellow: 255, 219, 0;--colour-commercial-message-bti-red: 204, 0, 8;--colour-campaign-sustainability: 0, 133, 62;--colour-interactive-primary-bg-default: 17, 17, 17;--colour-interactive-primary-bg-hover: 51, 51, 51;--colour-interactive-primary-bg-pressed: 0, 0, 0;--colour-interactive-secondary-bg-default: 245, 245, 245;--colour-interactive-secondary-bg-hover: 223, 223, 223;--colour-interactive-secondary-bg-pressed: 204, 204, 204;--colour-interactive-subtle-bg-default: 255, 255, 255;--colour-interactive-subtle-bg-hover: 245, 245, 245;--colour-interactive-subtle-bg-pressed: 223, 223, 223;--colour-interactive-subtle-border-default: 146, 146, 146;--colour-interactive-subtle-border-hover: 17, 17, 17;--colour-interactive-subtle-border-pressed: 17, 17, 17;--colour-interactive-subtle-border-selected: 17, 17, 17;--colour-interactive-emphasised-bg-default: 0, 88, 163;--colour-interactive-emphasised-bg-hover: 0, 79, 147;--colour-interactive-emphasised-bg-pressed: 0, 62, 114;--colour-interactive-emphasised-border-selected: 0, 88, 163;--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: 204, 204, 204;--colour-interactive-disabled-2: 146, 146, 146;--colour-interactive-disabled-3: 255, 255, 255;--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: 0, 89, 128;--colour-extended-palette-06: 217, 171, 255;--colour-extended-palette-07: 107, 61, 153;--colour-extended-palette-08: 255, 166, 218;--colour-extended-palette-09: 229, 47, 126;--colour-extended-palette-10: 255, 174, 102;--colour-extended-palette-11: 255, 170, 0;--colour-extended-palette-12: 242, 106, 47;--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: 0, 153, 133;--colour-extended-palette-19: 0, 102, 88;--colour-extended-palette-20: 215, 199, 162;--colour-extended-palette-21: 195, 178, 137}@keyframes modal-delayed-fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.demo-fixed{position:fixed!important}.demo-relative{position:relative!important}.demo-bottom-0{bottom:0!important}.demo-left-0{left:0!important}.demo-m-0{margin:0!important}.demo-my-0{margin-top:0!important;margin-bottom:0!important}.demo-mt-0{margin-top:0!important}.demo-flex{display:flex!important}.demo-h-\[72px\]{height:72px!important}.demo-h-full{height:100%!important}.demo-max-h-full{max-height:100%!important}.demo-min-h-12{min-height:3rem!important}.demo-w-1\/2{width:50%!important}.demo-w-96{width:24rem!important}.demo-w-full{width:100%!important}.demo-w-screen{width:100vw!important}.demo-max-w-full{max-width:100%!important}.demo-flex-1{flex:1 1 0%!important}.demo-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-flex-row{flex-direction:row!important}.demo-flex-col{flex-direction:column!important}.demo-flex-col-reverse{flex-direction:column-reverse!important}.demo-items-center{align-items:center!important}.demo-justify-end{justify-content:flex-end!important}.demo-justify-center{justify-content:center!important}.demo-justify-between{justify-content:space-between!important}.demo-gap-4{gap:1rem!important}.demo-gap-8{gap:2rem!important}.demo-gap-x-2{column-gap:.5rem!important}.demo-gap-y-1{row-gap:.25rem!important}.demo-gap-y-4{row-gap:1rem!important}.demo-overflow-hidden{overflow:hidden!important}.demo-rounded-lg{border-radius:.5rem!important}.demo-bg-neutral-100{--tw-bg-opacity: 1 !important;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))!important}.demo-bg-orange-400{--tw-bg-opacity: 1 !important;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))!important}.demo-bg-static-ikea-brand-blue{background-color:rgb(var(--colour-static-ikea-brand-blue))!important}.demo-bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.demo-p-4{padding:1rem!important}.demo-p-8{padding:2rem!important}.demo-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.demo-px-4{padding-left:1rem!important;padding-right:1rem!important}.demo-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.demo-px-8{padding-left:2rem!important;padding-right:2rem!important}.demo-py-\[2px\]{padding-top:2px!important;padding-bottom:2px!important}.demo-pb-\[72px\]{padding-bottom:72px!important}.demo-pt-8{padding-top:2rem!important}.demo-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.demo-text-xs{font-size:.75rem!important;line-height:1rem!important}.demo-font-bold{font-weight:700!important}.demo-capitalize{text-transform:capitalize!important}.demo-leading-tight{line-height:1.25!important}.demo-text-black{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.demo-text-neutral-5{color:rgb(var(--colour-neutral-5))!important}.demo-text-static-ikea-brand-blue{color:rgb(var(--colour-static-ikea-brand-blue))!important}.demo-text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.demo-shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25) !important;--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}[class*=demo-btn--icon] .demo-btn__inner{padding:0 1rem}[class*=demo-btn--icon] .demo-btn__inner .demo-btn__label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}[class*=demo-btn--icon].demo-btn--small .demo-btn__inner{padding:0 .5rem}[class*=demo-btn--icon].demo-btn--xsmall .demo-btn__inner{padding:0 .25rem;min-height:2rem}[class*=demo-btn--icon].demo-btn--xsmall .demo-btn__inner:after{content:"";position:absolute;inset:-.375rem}.demo-btn{position:relative;font-size:.875rem;background:none;border:0;padding:0;line-height:1.4285714286;font-weight:700;text-align:center;display:inline-flex;border-radius:64px;cursor:pointer;outline:0;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}.demo-btn .demo-btn__inner{box-shadow:var(--box-shadow);background:var(--background)}.demo-btn:hover .demo-btn__inner{background:var(--background-hover);box-shadow:var(--box-shadow-hover)}.demo-btn:active .demo-btn__inner{background:var(--background-press);box-shadow:var(--box-shadow-press)}.demo-btn:hover,.demo-btn:active,.demo-btn:focus{text-decoration:none;color:var(--foreground)}.demo-btn .demo-svg-icon{flex-shrink:0}.demo-btn:disabled{cursor:default}.demo-btn:disabled .demo-btn__inner{background-color:var(--disabled-background);color:var(--disabled-foreground);box-shadow:none}.demo-btn__inner{border-radius:64px;display:inline-flex;justify-content:center;align-items:center;min-height:3.5rem;padding:0 2rem;width:100%;box-sizing:border-box;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.demo-btn:active:not(:disabled) .demo-btn__inner{transform:scale(.97)}.demo-leading-icon .demo-btn__inner{padding-inline-start:1.5rem}.demo-trailing-icon .demo-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem}@media (forced-colors: active){.demo-btn__inner{border:1px solid transparent}.demo-btn:disabled .demo-btn__inner{color:GrayText;border-color:GrayText}}.demo-btn--icon-primary,.demo-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))}.demo-btn--icon-emphasised,.demo-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))}.demo-btn--icon-secondary,.demo-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), .5)}.demo-btn--icon-emphasised-inverse,.demo-btn--emphasised-inverse,.demo-btn--icon-primary-inverse,.demo-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))}.demo-btn--icon-secondary-inverse,.demo-btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .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))}.demo-btn--icon-tertiary-inverse,.demo-btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), .15);--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .3);--disabled-background: transparent;--disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15)}.demo-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))}.demo-btn--icon-tertiary,.demo-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))}.demo-btn--icon-image-overlay,.demo-btn--image-overlay{--background: rgba(var(--colour-static-black, 17, 17, 17), .75);--background-hover: rgba(var(--colour-static-black, 17, 17, 17), .85);--background-press: rgba(var(--colour-static-black, 17, 17, 17), .95)}.demo-btn.demo-btn--static-colour.demo-btn--primary,.demo-btn.demo-btn--static-colour.demo-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)}.demo-btn.demo-btn--static-colour.demo-btn--secondary,.demo-btn.demo-btn--static-colour.demo-btn--icon-secondary{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), .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)}.demo-btn.demo-btn--static-colour.demo-btn--tertiary,.demo-btn.demo-btn--static-colour.demo-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}.demo-btn.demo-btn--static-colour.demo-btn--icon-secondary-inverse,.demo-btn.demo-btn--static-colour.demo-btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-static-white, 255, 255, 255), .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)}.demo-btn.demo-btn--static-colour.demo-btn--icon-emphasised-inverse,.demo-btn.demo-btn--static-colour.demo-btn--icon-primary-inverse,.demo-btn.demo-btn--static-colour.demo-btn--primary-inverse,.demo-btn.demo-btn--static-colour.demo-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)}.demo-btn.demo-btn--static-colour.demo-btn--icon-tertiary-inverse,.demo-btn.demo-btn--static-colour.demo-btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-static-white, 255, 255, 255), .15);--background-press: rgba(var(--colour-static-white, 255, 255, 255), .3);--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15)}.demo-btn--icon-emphasised-inverse,.demo-btn--emphasised-inverse,.demo-btn--icon-primary-inverse,.demo-btn--primary-inverse,.demo-btn--icon-secondary,.demo-btn--secondary,.demo-btn--icon-tertiary,.demo-btn--tertiary{--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-btn--icon-secondary-inverse,.demo-btn--secondary-inverse,.demo-btn--icon-tertiary-inverse,.demo-btn--tertiary-inverse,.demo-btn--icon-primary,.demo-btn--primary{--foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255))}.demo-btn--icon-image-overlay,.demo-btn--icon-emphasised,.demo-btn--danger,.demo-btn--emphasised,.demo-btn--image-overlay{--foreground: rgb(var(--colour-static-white, 255, 255, 255))}.demo-btn .demo-btn__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-160%);display:inline-block;width:0;height:0;border:.25rem solid;border-radius:64px;animation:demo-btn-loader .7s infinite;opacity:0;visibility:hidden;text-indent:-9999px;overflow:hidden;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}@keyframes demo-btn-loader{0%,to{transform:translate(-50%,-160%);animation-timing-function:cubic-bezier(.42,0,1,1)}40%{transform:translate(-50%,20%);animation-timing-function:cubic-bezier(0,0,0,1)}}.demo-btn--loading{pointer-events:none}.demo-btn--loading .demo-btn__loader{opacity:1;visibility:visible}.demo-btn--loading .demo-svg-icon,.demo-btn--loading .demo-btn__label{transform:translateY(50%);opacity:0;visibility:hidden}.demo-btn--xsmall{font-size:.75rem;line-height:1.3333333333}.demo-btn--xsmall .demo-btn__inner{min-height:2rem;padding:0 1rem}.demo-btn--xsmall .demo-btn__inner:after{content:"";position:absolute;inset:-.375rem}.demo-btn--xsmall.demo-leading-icon .demo-btn__inner{padding-inline-start:.75rem}.demo-btn--xsmall.demo-trailing-icon .demo-btn__inner{padding-inline-end:.75rem}.demo-btn--xsmall.demo-leading-icon .demo-svg-icon{margin-inline-end:.25rem}.demo-btn--xsmall.demo-trailing-icon .demo-svg-icon{margin-inline-start:.25rem}.demo-btn--small{font-size:.75rem;line-height:1.3333333333}.demo-btn--small .demo-btn__inner{min-height:2.5rem;padding:0 1.5rem}.demo-btn--small .demo-btn__inner:after{content:"";position:absolute;inset:-.125rem}.demo-btn--small.demo-leading-icon .demo-btn__inner{padding-inline-start:1rem}.demo-btn--small.demo-trailing-icon .demo-btn__inner{padding-inline-end:1rem}.demo-btn--expanding.demo-leading-icon .demo-btn__inner,.demo-btn--expanding.demo-trailing-icon .demo-btn__inner,.demo-btn--expanding .demo-btn__inner{transition-property:opacity,transform,padding;padding:0 1rem}.demo-btn--expanding.demo-btn--small .demo-btn__inner{padding:0 .5rem}.demo-btn--expanding.demo-btn--xsmall .demo-btn__icon{margin:0}.demo-btn--expanding.demo-btn--xsmall .demo-btn__inner{padding:0 .25rem;min-height:2rem}.demo-btn--expanding.demo-btn--xsmall .demo-btn__inner:after{content:"";position:absolute;inset:-.375rem}.demo-btn--expanding .demo-btn__icon{transition:margin-inline-end .25s ease-in-out;margin:0}.demo-btn--expanding .demo-btn__inner .demo-btn__label{max-width:0;white-space:nowrap;overflow:hidden;transition:max-width .25s ease-in-out;transform-origin:left;position:static;width:auto;height:auto;margin:0;clip:initial}.demo-btn--expanding:hover .demo-btn__inner .demo-btn__label,.demo-btn--expanding:focus-visible .demo-btn__inner .demo-btn__label{max-width:12.5rem}.demo-btn--expanding:hover.demo-leading-icon .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-leading-icon .demo-btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.demo-btn--expanding:hover.demo-trailing-icon .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-trailing-icon .demo-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.demo-btn--expanding:hover.demo-leading-icon .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-leading-icon .demo-btn__icon{margin-inline-end:.5rem}.demo-btn--expanding:hover.demo-trailing-icon .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-trailing-icon .demo-btn__icon{margin-inline-start:.5rem}.demo-btn--expanding:hover.demo-leading-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-leading-icon.demo-btn--small .demo-btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.demo-btn--expanding:hover.demo-trailing-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-trailing-icon.demo-btn--small .demo-btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.demo-btn--expanding:hover.demo-leading-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-leading-icon.demo-btn--xsmall .demo-btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.demo-btn--expanding:hover.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.demo-btn--expanding:hover.demo-leading-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-leading-icon.demo-btn--xsmall .demo-btn__icon{margin-inline-end:.25rem}.demo-btn--expanding:hover.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon{margin-inline-start:.25rem}@media (hover: none){.demo-btn--expanding.demo-leading-icon:hover .demo-btn__inner,.demo-btn--expanding.demo-trailing-icon:hover .demo-btn__inner{padding:0 1rem}.demo-btn--expanding.demo-leading-icon:hover .demo-btn__inner .demo-btn__label,.demo-btn--expanding.demo-trailing-icon:hover .demo-btn__inner .demo-btn__label{max-width:0}.demo-btn--expanding.demo-leading-icon:hover .demo-btn__icon,.demo-btn--expanding.demo-trailing-icon:hover .demo-btn__icon{margin:0}.demo-btn--expanding.demo-leading-icon.demo-btn--small:hover .demo-btn__inner,.demo-btn--expanding.demo-trailing-icon.demo-btn--small:hover .demo-btn__inner{padding:0 .5rem}.demo-btn--expanding.demo-leading-icon.demo-btn--xsmall:hover .demo-btn__inner,.demo-btn--expanding.demo-trailing-icon.demo-btn--xsmall:hover .demo-btn__inner{padding:0 .25rem}.demo-btn--expanding.demo-leading-icon.demo-btn--xsmall:hover .demo-btn__icon,.demo-btn--expanding.demo-trailing-icon.demo-btn--xsmall:hover .demo-btn__icon{margin:0}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled) .demo-btn__inner .demo-btn__label,.demo-btn--expanding.demo-btn--touch-device-expanded .demo-btn__inner .demo-btn__label{max-width:12.5rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-leading-icon .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-leading-icon .demo-btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-trailing-icon .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-trailing-icon .demo-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-leading-icon .demo-btn__icon,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-leading-icon .demo-btn__icon{margin-inline-end:.5rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-trailing-icon .demo-btn__icon,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-trailing-icon .demo-btn__icon{margin-inline-start:.5rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-leading-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-leading-icon.demo-btn--small .demo-btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-trailing-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-trailing-icon.demo-btn--small .demo-btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-leading-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-leading-icon.demo-btn--xsmall .demo-btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-trailing-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-leading-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-leading-icon.demo-btn--xsmall .demo-btn__icon{margin:0}.demo-btn--expanding.demo-btn--touch-device-expanded:hover:not(:disabled).demo-trailing-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding.demo-btn--touch-device-expanded.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon{margin:0}}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-leading-icon .demo-btn__inner,.demo-btn--expanding:disabled.demo-trailing-icon .demo-btn__inner,.demo-btn--expanding:disabled.demo-leading-icon .demo-btn__inner{padding:0 1rem}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon .demo-btn__inner .demo-btn__label,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon .demo-btn__inner .demo-btn__label,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon .demo-btn__inner .demo-btn__label,.demo-btn--expanding.demo-btn--loading.demo-leading-icon .demo-btn__inner .demo-btn__label,.demo-btn--expanding:disabled.demo-trailing-icon .demo-btn__inner .demo-btn__label,.demo-btn--expanding:disabled.demo-leading-icon .demo-btn__inner .demo-btn__label{max-width:0}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon .demo-btn__icon,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon .demo-btn__icon,.demo-btn--expanding.demo-btn--loading.demo-leading-icon .demo-btn__icon,.demo-btn--expanding:disabled.demo-trailing-icon .demo-btn__icon,.demo-btn--expanding:disabled.demo-leading-icon .demo-btn__icon{margin:0}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-leading-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding:disabled.demo-trailing-icon.demo-btn--small .demo-btn__inner,.demo-btn--expanding:disabled.demo-leading-icon.demo-btn--small .demo-btn__inner{padding:0 .5rem}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding.demo-btn--loading.demo-leading-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding:disabled.demo-trailing-icon.demo-btn--xsmall .demo-btn__inner,.demo-btn--expanding:disabled.demo-leading-icon.demo-btn--xsmall .demo-btn__inner{padding:0 .25rem}.demo-btn--expanding:focus-visible.demo-btn--loading.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding:focus-visible.demo-btn--loading.demo-leading-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding.demo-btn--loading.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding.demo-btn--loading.demo-leading-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding:disabled.demo-trailing-icon.demo-btn--xsmall .demo-btn__icon,.demo-btn--expanding:disabled.demo-leading-icon.demo-btn--xsmall .demo-btn__icon{margin:0}.demo-btn--fluid,.demo-btn--fluid .demo-btn__inner{width:100%}.demo-btn--plain.demo-btn--small .demo-btn__inner:after,.demo-btn--plain .demo-btn__inner:after{content:"";position:absolute;inset:-.25rem}.demo-btn--plain{--background: transparent;--background-hover: transparent;--background-press: transparent;--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-btn--plain.demo-btn--small .demo-btn__inner,.demo-btn--plain .demo-btn__inner,.demo-btn--plain.demo-leading-icon .demo-btn__inner,.demo-btn--plain.demo-trailing-icon .demo-btn__inner{padding:0}.demo-btn .demo-svg-icon,.demo-btn__label{transition-property:opacity,margin-right,margin-left,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.demo-btn:focus-visible,.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-leading-icon .demo-svg-icon{margin-inline-end:.5rem;vertical-align:top}.demo-leading-icon .demo-svg-icon--100{margin-inline-end:.25rem}.demo-trailing-icon .demo-svg-icon{margin-inline-start:.5rem;vertical-align:top}.demo-trailing-icon .demo-svg-icon--100{margin-inline-start:.25rem}.demo-svg-icon{display:inline-block;height:1.5rem;width:1.5rem;vertical-align:middle;fill:currentColor;transition-property:transform,fill;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}@media (prefers-reduced-motion){.demo-svg-icon{transition-property:none}}@keyframes demo-icon-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.demo-svg-icon--rotate{animation:demo-icon-rotate 1.5s linear infinite}.demo-svg-icon--rotate-45{transform:rotate(45deg)}.demo-svg-icon--rotate-minus-45{transform:rotate(-45deg)}.demo-svg-icon--rotate-135{transform:rotate(135deg)}.demo-svg-icon--rotate-minus-135{transform:rotate(-135deg)}.demo-svg-icon--rotate-180{transform:rotate(180deg)}.demo-svg-icon--rotate-minus-180{transform:rotate(-180deg)}.demo-loading{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.demo-loading--label-leading{text-align:inherit;align-items:flex-start}.demo-loading__text,.demo-loading__text--fade-out{opacity:0}.demo-loading__text{max-width:100%;font-size:1rem;line-height:1.625;margin-top:2.5rem;text-align:center;transform:translateY(1.5rem)}.demo-loading__text--fade-out{transition:transform .1s cubic-bezier(.4,0,.4,1),opacity .1s cubic-bezier(.4,0,.4,1);transform:translateY(-1.5rem)}.demo-loading__text--fade-in{transition:transform .1s cubic-bezier(.4,0,.4,1),opacity .1s cubic-bezier(.4,0,.4,1);transform:translateY(0);opacity:1}.demo-loading__ball{display:block;width:0;height:0;transform-origin:bottom;border-radius:64px;border:.5rem solid rgb(var(--colour-semantic-informative, 0, 88, 163));transition:opacity .2s cubic-bezier(.4,0,.4,1);animation:demo-loading-bounce .7s infinite}.demo-loading__ball--small{border-width:.125rem}.demo-loading__ball--medium{border-width:.25rem}.demo-loading__ball--small,.demo-loading__ball--medium{transform:translateY(-160%);animation:demo-loading-bounce-small .7s infinite}.demo-loading__ball--large{margin-bottom:2rem}.demo-loading__ball--primary{border-color:rgb(var(--colour-neutral-7, 17, 17, 17))}.demo-loading__ball--secondary{border-color:rgb(var(--colour-neutral-1, 255, 255, 255))}.demo-loading__ball--secondary+.demo-loading__text{color:rgb(var(--colour-text-and-icon-5, 255, 255, 255))}.demo-loading__linear-wrapper{position:relative;display:flex;width:100%;height:.3125rem}.demo-loading__linear-wrapper+.demo-loading__text{margin-top:1rem}.demo-loading__sr-only-text,.demo-loading__linear-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}.demo-loading__linear-progress{-webkit-appearance:none;appearance:none;width:100%;height:100%;border:0;border-radius:.375rem;background:rgb(var(--colour-neutral-2, 245, 245, 245))}.demo-loading__linear-progress::-webkit-progress-bar{border-radius:.375rem;background:rgb(var(--colour-neutral-2, 245, 245, 245))}.demo-loading__linear-progress::-moz-progress-bar{border-radius:.375rem;background:rgb(var(--colour-semantic-informative, 0, 88, 163))}.demo-loading__linear-progress::-webkit-progress-value{border-radius:.375rem;background:rgb(var(--colour-semantic-informative, 0, 88, 163))}@media (forced-colors: active){.demo-loading__linear-progress{appearance:revert;height:revert;border:revert;border-radius:revert;background:revert}}@media (prefers-reduced-motion: reduce){.demo-loading .demo-loading__text,.demo-loading .demo-loading__ball{transition:none}}@keyframes demo-loading-bounce-small{0%,to{transform:translateY(-160%);animation-timing-function:cubic-bezier(.42,0,1,1)}40%{transform:translateY(20%);animation-timing-function:cubic-bezier(0,0,0,1)}}@keyframes demo-loading-bounce{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.42,0,1,1)}40%{transform:translateY(2rem) scaleY(1);animation-timing-function:ease-in}50%{transform:translateY(2rem) scaleY(.75);animation-timing-function:ease-out}60%{transform:translateY(2rem) scaleY(1);animation-timing-function:cubic-bezier(0,0,0,1)}to{transform:translateY(0)}}@keyframes demo-modalSlideToLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes demo-modalSlideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes demo-modalSlideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes demo-modalSlideFromRight{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes demo-modalSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes demo-modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes demo-modalEnter{0%{clip-path:inset(50%)}to{clip-path:inset(0%)}}@keyframes demo-modalClose{0%{clip-path:inset(0%)}to{clip-path:inset(50%)}}@keyframes demo-modalContentEnter{0%{transform:scale(.8);opacity:0;transform-origin:center center}to{transform:scale(1);opacity:1;transform-origin:center center}}@keyframes demo-modalContentClose{0%{transform:scale(1);opacity:1;transform-origin:center center}to{transform:scale(.8);opacity:0;transform-origin:center center}}@keyframes demo-modalBackdropEnter{0%{visibility:hidden}1%{visibility:visible}}@keyframes demo-modalBackdropClose{0%,99%{visibility:visible}to{visibility:hidden}}.demo-prevent-scroll-y{overflow:hidden;position:fixed;width:100%}.demo-modal-wrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:400;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .2s;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-modal-wrapper__backdrop{position:absolute;inset:0;opacity:0;transition:opacity cubic-bezier(0,0,1,1) .2s;pointer-events:none;visibility:hidden}.demo-modal-wrapper__backdrop--dark{background:rgba(var(--colour-static-black, 17, 17, 17),.4)}.demo-modal-wrapper--open{pointer-events:all}.demo-modal-wrapper--open>.demo-modal-wrapper__backdrop{opacity:1;animation:demo-modalBackdropEnter .2s;visibility:visible;pointer-events:all}.demo-modal-wrapper--close>.demo-modal-wrapper__backdrop{animation:demo-modalBackdropClose .2s}.demo-modal-wrapper .demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-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}.demo-modal-footer .demo-btn{flex-grow:1;width:100%;flex-basis:auto}.demo-modal-footer .demo-btn:not(:last-child){margin-inline-end:0;margin-block-end:.75rem}.demo-modal-footer--dual-action{flex-direction:column}.demo-modal-footer--borderless{border-top:none}@media (orientation: landscape),(min-width: 37.5em){.demo-modal-footer .demo-btn:not(:last-child){margin-block-end:1rem}.demo-modal-footer--dual-action:not(.demo-modal-footer--stacked){flex-direction:row}.demo-modal-footer--dual-action:not(.demo-modal-footer--stacked) .demo-btn:not(:last-child){margin-inline-end:1rem;margin-block-end:0}}.demo-modal-header{box-sizing:border-box;top:0;display:flex;justify-content:space-between;flex-direction:row-reverse;padding:0 .5rem;align-items:center;background-color:rgb(var(--colour-elevation-2, 255, 255, 255));z-index:100;flex:0 0 3.5rem}.demo-modal-header--floating-header{position:absolute;width:100%;background-color:transparent}.demo-modal-header--floating-header .demo-modal-header__close,.demo-modal-header--floating-header .demo-modal-header__back-button{margin:1rem 0 0}.demo-modal-header__title-wrapper{width:100%;text-align:center;margin:1rem .5rem}.demo-modal-header__title-wrapper--padded{margin-inline-start:3rem}.demo-modal-header__close,.demo-modal-header__back-button{margin-top:.5rem;margin-bottom:.5rem}[dir=rtl] .demo-modal-header__close,[dir=rtl] .demo-modal-header__back-button{transform:scaleX(-1)}.demo-modal-header__title{font-weight:700;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-modal-header .demo-modal-header__title-wrapper>*{font-size:1rem;line-height:1.5}.demo-modal-body{padding:var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem)}.demo-sheets--enter{animation:demo-modalSlideUp cubic-bezier(0,0,.1,1) .2s}.demo-sheets--preserve-alignment{animation:demo-modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}.demo-sheets--preserve-alignment.demo-sheets--mirrored{animation:demo-modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}.demo-sheets--close{animation:demo-modalSlideDown cubic-bezier(.9,0,1,1) .1s;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden;animation-fill-mode:forwards}.demo-sheets--close.demo-sheets--preserve-alignment{animation:demo-modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.demo-sheets--close.demo-sheets--preserve-alignment.demo-sheets--mirrored{animation:demo-modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .demo-sheets--preserve-alignment{animation:demo-modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .demo-sheets--preserve-alignment.demo-sheets--mirrored{animation:demo-modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .demo-sheets--close{animation:demo-modalSlideDown cubic-bezier(.9,0,1,1) .1s;pointer-events:none;animation-fill-mode:forwards}[dir=rtl] .demo-sheets--close.demo-sheets--preserve-alignment{animation:demo-modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .demo-sheets--close.demo-sheets--preserve-alignment.demo-sheets--mirrored{animation:demo-modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.demo-sheets{position:absolute;top:auto;right:var(--modal-keyboard-focus-spacing, 0);bottom:0;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 0 0;max-height:calc(100% - 3rem);text-align:initial;display:flex;flex-direction:column}.demo-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 .2s ease-out,box-shadow .2s ease-out;--modal-keyboard-focus-spacing: .375rem;--modal-keyboard-focus-width: .75rem}.demo-sheets__content{height:100%}.demo-sheets__content-wrapper{overflow:auto;height:100%;position:relative}.demo-sheets__content-wrapper:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17))}.demo-sheets__video{z-index:100;background:rgba(var(--colour-static-black, 17, 17, 17),.8)}.demo-sheets__video iframe{max-width:100%}.demo-sheets--preserve-alignment{width:85%;top:var(--modal-keyboard-focus-spacing, 0);border-radius:8px 0 0 8px;max-height:calc(100% - var(--modal-keyboard-focus-width, 0%))}.demo-sheets--preserve-alignment.demo-sheets--mirrored{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}.demo-sheets--mobile-full-size{top:3rem}.demo-sheets .demo-modal-footer{padding:1.5rem 1rem}[dir=rtl] .demo-sheets--preserve-alignment{left:var(--modal-keyboard-focus-spacing, 0);right:auto;border-radius:0 8px 8px 0}[dir=rtl] .demo-sheets--preserve-alignment.demo-sheets--mirrored{right:var(--modal-keyboard-focus-spacing, 0);left:auto;border-radius:8px 0 0 8px}@media (prefers-contrast: more){.demo-sheets{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223));border-block-end-width:0}}.demo-theatre--enter{animation:demo-modalEnter cubic-bezier(0,0,.1,1) .2s}.demo-theatre--enter .demo-theatre__animation-group{animation:demo-modalContentEnter cubic-bezier(0,0,.1,1) .2s}.demo-theatre--close{animation:demo-modalClose cubic-bezier(.9,0,1,1) .2s;animation-fill-mode:forwards;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden}.demo-theatre--close .demo-theatre__animation-group{animation:demo-modalContentClose cubic-bezier(.9,0,1,1) .2s;animation-fill-mode:forwards}.demo-theatre{position:absolute;left:var(--modal-keyboard-focus-spacing, 0);width:calc(100% - var(--modal-keyboard-focus-width, 0%));top:3rem;height:calc(100% - 3rem);border-radius:8px 8px 0 0;background:rgb(var(--colour-elevation-2, 255, 255, 255));z-index:100;overflow:hidden;display:flex;flex-shrink:0;flex-direction:column;text-align:initial}.demo-theatre: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 .2s ease-out,box-shadow .2s ease-out;--modal-keyboard-focus-spacing: .375rem;--modal-keyboard-focus-width: .75rem}.demo-theatre__animation-group{display:flex;flex-direction:column;height:100%}.demo-theatre__content-wrapper{overflow:auto}.demo-theatre__video{z-index:100;background:rgba(var(--colour-static-black, 17, 17, 17),.8)}.demo-theatre__video iframe{max-width:100%}@media (prefers-contrast: more){.demo-theatre{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223));border-block-end-width:0}}.demo-prompt--enter{animation:demo-modalContentEnter cubic-bezier(.8,0,0,1) .2s}.demo-prompt--close{animation:demo-modalContentClose cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden}.demo-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}.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-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}.demo-prompt__heading{margin-bottom:1rem;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));font-size:1.125rem;line-height:1.444;font-weight:700}.demo-prompt__content{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72));font-size:.875rem;line-height:1.571;padding:0 2rem;overflow:auto;height:100%}.demo-prompt__content:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17))}.demo-prompt .demo-modal-header{padding:.5rem .5rem 0}.demo-prompt .demo-modal-header__close{margin:0}.demo-prompt .demo-prompt__content{padding-bottom:0}@media (prefers-contrast: more){.demo-prompt{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223))}}@media (min-width: 37.5em){.demo-sheets{top:var(--modal-keyboard-focus-spacing, 0);border-radius:8px 0 0 8px;width:calc(100% - 3rem);max-height:calc(100% - var(--modal-keyboard-focus-width, 0%))}.demo-sheets--mirrored{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}.demo-sheets--mirrored .demo-modal-footer:not(.demo-modal-footer--stacked){flex-direction:row-reverse}.demo-sheets--mirrored .demo-modal-footer:not(.demo-modal-footer--stacked) .demo-btn:not(:last-child){margin:0;margin-inline-start:1rem}.demo-sheets--small{max-width:30rem}.demo-sheets--small .demo-modal-body{--skapa-modal-body-padding-inline: 1.5rem}.demo-sheets--medium{max-width:45rem}.demo-sheets--medium .demo-modal-footer:not(.demo-modal-footer--dual-action) .demo-btn{width:auto;flex:initial}.demo-sheets--large{max-width:67.5rem}.demo-sheets--medium .demo-modal-footer--dual-action .demo-btn:not(:last-child),.demo-sheets--large .demo-modal-footer--dual-action .demo-btn:not(:last-child){margin-inline-end:1rem}.demo-sheets--large .demo-modal-footer .demo-btn{width:auto;flex:initial}.demo-sheets .demo-modal-footer{padding:1.5rem}[dir=rtl] .demo-sheets{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}[dir=rtl] .demo-sheets--mirrored{right:var(--modal-keyboard-focus-spacing, 0);left:auto;border-radius:8px 0 0 8px}}@media (min-width: 37.5em) and (prefers-contrast: more){.demo-sheets{border-block-end-width:1px;border-inline-end-width:0}}@media (min-width: 37.5em){.demo-sheets.demo-sheets--enter{animation:demo-modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}.demo-sheets.demo-sheets--close{animation:demo-modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.demo-sheets--mirrored.demo-sheets--enter{animation:demo-modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}.demo-sheets--mirrored.demo-sheets--close{animation:demo-modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .demo-sheets.demo-sheets--enter{animation:demo-modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .demo-sheets.demo-sheets--close{animation:demo-modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .demo-sheets--mirrored.demo-sheets--enter{animation:demo-modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .demo-sheets--mirrored.demo-sheets--close{animation:demo-modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.demo-modal-body{--skapa-modal-body-padding-block: 2rem;--skapa-modal-body-padding-inline: 2rem}.demo-modal-header{padding:0 1rem;flex:0 0 4.5rem}.demo-modal-header__close,.demo-modal-header__back-button{margin-top:1rem;margin-bottom:1rem}.demo-modal-header--floating-header .demo-modal-header__close,.demo-modal-header--floating-header .demo-modal-header__back-button{margin:1.5rem 0 .5rem}.demo-prompt__heading{font-size:1.5rem;line-height:1.45;letter-spacing:-.0042em}.demo-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){.demo-sheets--small .demo-modal-body{--skapa-modal-body-padding-inline: 2rem}.demo-theatre{border-radius:8px;left:3rem;width:calc(100% - 6rem);height:calc(100% - 6rem)}}@media (min-width: 56.25em) and (prefers-contrast: more){.demo-theatre{border-block-end-width:1px}}@media (min-width: 75em){.demo-sheets .demo-modal-body{--skapa-modal-body-padding-inline: 2.5rem}}@media (prefers-reduced-motion){.demo-modal-wrapper{transition:none}.demo-modal-wrapper__backdrop{animation-duration:0s;transition-duration:0s;transition:none}.demo-modal-wrapper .demo-sheets.demo-sheets--enter,.demo-modal-wrapper .demo-sheets.demo-sheets--close,.demo-modal-wrapper .demo-sheets.demo-sheets--preserve-alignment,.demo-modal-wrapper .demo-sheets.demo-sheets--mirrored,.demo-modal-wrapper .demo-theatre.demo-theatre--enter,.demo-modal-wrapper .demo-theatre.demo-theatre--close,.demo-modal-wrapper .demo-theatre.demo-theatre--enter .demo-theatre__animation-group,.demo-modal-wrapper .demo-theatre.demo-theatre--close .demo-theatre__animation-group{animation-duration:0s;transition-duration:0s}.demo-modal-wrapper .demo-prompt--close{transition:none}.demo-modal-wrapper .demo-prompt,.demo-modal-wrapper .demo-prompt--enter,.demo-modal-wrapper .demo-prompt--close,.demo-modal-wrapper .demo-prompt .demo-prompt__content-wrapper,.demo-modal-wrapper .demo-prompt--enter .demo-prompt__content-wrapper,.demo-modal-wrapper .demo-prompt--close .demo-prompt__content-wrapper{animation-duration:0s;transition-duration:0s}}.demo-choice{list-style:none;width:100%;margin:0;padding:0;background:transparent}.demo-choice .demo-collapsible{display:grid;box-sizing:border-box;grid-template-rows:0fr;transition:all .2s cubic-bezier(.4,0,.4,1)}.demo-choice .demo-collapsible--expanded{grid-template-rows:1fr}.demo-choice .demo-collapsible--closed .demo-collapsible__content{display:none}.demo-choice .demo-collapsible__content{overflow:hidden}@media (prefers-reduced-motion){.demo-choice .demo-collapsible{transition-duration:0ms}}.demo-choice--small .demo-choice-item__action{min-height:3rem;padding-block-start:.5rem;padding-block-end:.5rem}.demo-choice--small .demo-choice-item__nested{padding:0 1.5rem .75rem}.demo-choice--small .demo-choice__list-item{margin-bottom:.5rem}.demo-choice--medium .demo-choice-item__action{min-height:4.5rem;padding-block-start:.75rem;padding-block-end:.75rem}.demo-choice--medium .demo-choice-item__nested{padding:0 1.5rem 1rem}.demo-choice--medium .demo-choice__list-item{margin-bottom:.75rem}.demo-choice--large .demo-choice-item__action{min-height:5.5rem;padding-block-start:1.25rem;padding-block-end:1.25rem}.demo-choice--large .demo-choice-item__nested{padding:0 1.5rem 1.25rem}.demo-choice--large .demo-choice__list-item{margin-bottom:1rem}.demo-choice-item{position:relative;display:flex;flex-direction:column;width:100%;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72));background:none}.demo-choice-item__action{display:flex;align-items:center;border:0;outline:0;background:none;padding-inline-start:1.5rem;padding-inline-end:1.5rem;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:text;user-select:text}.demo-choice-item__action--top .demo-choice-item__icon,.demo-choice-item__action--top .demo-choice-item__image,.demo-choice-item__action--top .demo-choice-item__payment-logo{align-self:flex-start}.demo-choice-item__action:active+.demo-choice-item__border{border-color:rgb(var(--colour-neutral-7, 17, 17, 17))}.demo-choice-item__action:disabled{cursor:default}.demo-choice-item__action:disabled .demo-choice-item__caption,.demo-choice-item__action:disabled .demo-choice-item__title,.demo-choice-item__action:disabled .demo-choice-item__value,.demo-choice-item__action:disabled .demo-choice-item__icon,.demo-choice-item__action:disabled .demo-price,.demo-choice-item__action:disabled .demo-choice-item__custom-content *{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-choice-item__action:disabled .demo-choice-item__image .demo-svg-icon path{fill:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-choice-item__action:disabled+.demo-choice-item__border{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-choice-item__action:disabled .demo-choice-item__addon,.demo-choice-item__action:disabled .demo-payment-logo,.demo-choice-item__action:disabled .demo-choice-item__image,.demo-choice-item__action:disabled .demo-price-module__energy-class svg{opacity:.2}@media (hover: hover){.demo-choice-item__action:hover:not(:disabled){text-decoration:none}.demo-choice-item__action:hover:not(:disabled)+.demo-choice-item__border{border-color:rgb(var(--colour-neutral-5, 146, 146, 146))}}.demo-choice-item__content{display:flex;flex:1;text-align:start}.demo-choice-item__custom-content{flex:1;text-align:start}.demo-choice-item__border{position:absolute;inset:0rem;border:1px solid rgb(var(--colour-neutral-3, 223, 223, 223));border-radius:4px;pointer-events:none}.demo-choice-item__text{flex-grow:1}.demo-choice-item__title{display:block;font-size:.875rem;font-weight:700;line-height:1.571;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-choice-item__caption{display:block;font-size:.875rem;line-height:1.571;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-choice-item__addon{display:block;margin-block-start:.5rem}.demo-choice-item__image{width:3rem;margin-inline-end:1rem;flex-shrink:0}.demo-choice-item__icon{margin-inline-end:1rem;flex-shrink:0;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-choice-item .demo-payment-logo{margin-inline-end:1rem;flex-shrink:0}.demo-choice-item__values{display:flex}.demo-choice-item__value{align-self:flex-start;padding-inline-start:1rem;padding-top:.25rem;font-size:.875rem;font-weight:700;word-wrap:break-word;line-height:1;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-choice-item__value--center{align-self:center}.demo-choice-item--trailing-image .demo-choice-item__action{flex-direction:row-reverse}.demo-choice-item--trailing-image .demo-choice-item__image,.demo-choice-item--trailing-image .demo-choice-item__icon,.demo-choice-item--trailing-image .demo-payment-logo{margin-inline-end:0;margin-inline-start:1rem}.demo-choice-item--trailing-image .demo-choice-item__value{padding-inline-start:0;padding-inline-end:1rem}.demo-choice-item--selected>.demo-choice-item__action+.demo-choice-item__border,.demo-choice-item--selected>.demo-choice-item__action:hover+.demo-choice-item__border,.demo-choice-item--selected>.demo-choice-item__action:active+.demo-choice-item__border{border:2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))}.demo-choice-item--selected .demo-choice-item__action:disabled+.demo-choice-item__border{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-choice-item--selected.demo-choice-item--subtle .demo-choice-item__action+.demo-choice-item__border{border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-choice-item--selected.demo-choice-item--subtle .demo-choice-item__action:disabled+.demo-choice-item__border{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-choice-item .demo-price{display:block;font-size:.875rem}.demo-choice-item .demo-price:not(:first-child){margin-top:.5rem}@media (forced-colors: active){.demo-choice-item__action:disabled+.demo-choice-item__border{border-color:GrayText}}.demo-choice-item__action:focus-visible{box-shadow:none;outline:none}.demo-choice-item__action:focus-visible+.demo-choice-item__border{border:2px solid rgb(var(--colour-neutral-3, 223, 223, 223))}.demo-choice-item__action:focus-visible+.demo-choice-item__border:before{content:"";position:absolute;inset:-.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 .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.demo-choice-item--selected .demo-choice-item__action:focus-visible+.demo-choice-item__border{border:2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))}.demo-choice-item--selected.demo-choice-item--subtle .demo-choice-item__action:focus-visible+.demo-choice-item__border{border:2px solid rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-accordion-item-header{display:flex;background:none;overflow:hidden;border:0;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;-webkit-user-select:text;user-select:text}.demo-accordion-item-header:active,.demo-accordion-item-header:focus-visible,.demo-accordion-item-header:hover{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-accordion-item-header:active .demo-accordion-item-header__title,.demo-accordion-item-header:focus-visible .demo-accordion-item-header__title,.demo-accordion-item-header:hover .demo-accordion-item-header__title{text-decoration:underline}.demo-accordion-item-header__icon{flex-shrink:0}.demo-accordion-item-header--small{min-height:3rem;padding:.5rem 0}.demo-accordion-item-header--medium{min-height:4.5rem;padding:.75rem 0}.demo-accordion-item-header--large{min-height:5.5rem;padding:1.25rem 0}.demo-accordion-item-header__title-wrapper{text-align:start;flex-grow:1;line-height:0;padding-inline-end:1rem}.demo-accordion-item-header__title-wrapper .demo-accordion-item-header__title{width:auto}.demo-accordion-item-header__title{font-size:.875rem;line-height:1.571;font-weight:700;display:block}.demo-accordion-item-header__subtitle{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72));font-size:.875rem;line-height:1.571}.demo-accordion-item-header:disabled{cursor:default}.demo-accordion-item-header:disabled .demo-accordion-item-header__title{text-decoration:none}.demo-accordion-item-header:disabled .demo-accordion-item-header__title,.demo-accordion-item-header:disabled .demo-accordion-item-header__subtitle{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-accordion-item-header:disabled .demo-accordion-item-header__icon{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-accordion--padded .demo-accordion-item-header{padding-left:1.5rem;padding-right:1.5rem}.demo-accordion{list-style:none;width:100%;margin:0;padding:0;background:transparent}.demo-accordion__item{transition:all .2s cubic-bezier(.4,0,.4,1);margin:0;outline:0;padding:0}.demo-accordion__item--subtle .demo-accordion-item-header__title{font-weight:400}.demo-accordion__item--active{overflow:visible}.demo-accordion .demo-accordion-item-header{border-top:1px solid rgb(var(--colour-neutral-3, 223, 223, 223))}.demo-accordion__item--active>.demo-accordion__content{visibility:visible;opacity:1;transition:all .2s cubic-bezier(.4,0,.4,1)}.demo-accordion__content{transition:all .2s cubic-bezier(.4,0,.4,1);visibility:hidden;opacity:0;overflow:hidden}.demo-accordion__content--inner-small{padding-top:.5rem;padding-bottom:1.5rem}.demo-accordion__content--inner-medium{padding-top:.5rem;padding-bottom:2rem}.demo-accordion__content--inner-large{padding-top:.5rem;padding-bottom:2.5rem}@media (prefers-reduced-motion){.demo-accordion__item,.demo-accordion__item--active>.demo-accordion__content,.demo-accordion__content{transition-duration:0ms}}.demo-accordion .demo-collapsible{display:grid;box-sizing:border-box;grid-template-rows:0fr;transition:all .2s cubic-bezier(.4,0,.4,1)}.demo-accordion .demo-collapsible--expanded{grid-template-rows:1fr}.demo-accordion .demo-collapsible--closed .demo-collapsible__content{display:none}.demo-accordion .demo-collapsible__content{overflow:hidden}@media (prefers-reduced-motion){.demo-accordion .demo-collapsible{transition-duration:0ms}}.demo-accordion--padded .demo-accordion__content{padding-left:1.5rem;padding-right:1.5rem}[dir=rtl] .demo-accordion .demo-accordion-item-header__icon{transform:scaleX(-1)}[dir=rtl] .demo-accordion__item--active .demo-accordion-item-header__icon{transform:scaleX(-1) rotate(180deg)}.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-toggle{display:flex}.demo-toggle__button{position:relative;background:transparent;cursor:pointer;text-align:center;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));font-weight:700;line-height:1.5;font-size:.75rem;padding:0 .75rem;border:1px solid rgb(var(--colour-neutral-4, 204, 204, 204));min-height:1.875rem}.demo-toggle__button:disabled,.demo-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))}.demo-toggle__button:focus-visible{z-index:100}.demo-toggle__button:after{content:"";position:absolute;top:-.5rem;bottom:-.5rem;left:0;display:block;width:100%}.demo-toggle__button:first-child{border-radius:4px 0 0 4px}[dir=rtl] .demo-toggle__button:first-child{border-radius:0 4px 4px 0}.demo-toggle__button:last-child{border-radius:0 4px 4px 0}[dir=rtl] .demo-toggle__button:last-child{border-radius:4px 0 0 4px}.demo-toggle__button:not(:first-child){margin-inline-start:-1px}.demo-toggle__button:hover{z-index:1;border-color:rgb(var(--colour-neutral-5, 146, 146, 146))}.demo-toggle__button--active{z-index:2;border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-toggle__button--active:hover{border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-toggle__button--icon-only{padding-top:.125rem;padding-bottom:.125rem}.demo-toggle__button--icon-only .demo-toggle__button-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}.demo-toggle__button--fluid{width:100%}.demo-form-field{display:block;margin-bottom:1.25rem}.demo-form-field__content{margin-top:.25rem;display:flex;flex-wrap:nowrap;justify-content:space-between}.demo-form-field--with-character-limit .demo-form-field__content>*:not(:first-child){padding-inline-start:.5rem}.demo-form-field>.demo-checkbox,.demo-form-field>.demo-radiobutton,.demo-form-field fieldset{margin-bottom:.5rem}.demo-form-field legend{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-helper-text{display:inline-flex;font-size:.75rem;line-height:1.5;color:rgb(var(--colour-text-and-icon-3, 118, 118, 118))}.demo-helper-text .demo-helper-text__icon.demo-svg-icon{height:1.125rem;width:1.125rem;margin-inline-end:.25rem;vertical-align:bottom;flex:0 0 auto}.demo-helper-text--character-count{font-variant-numeric:tabular-nums}.demo-helper-text--error{color:rgb(var(--colour-semantic-negative, 224, 7, 81))}.demo-helper-text--success{color:rgb(var(--colour-semantic-positive, 10, 138, 0))}.demo-helper-text--warning{color:rgb(var(--colour-semantic-caution-text, 202, 80, 8))}.demo-helper-text--text-only{margin-inline-start:0}.demo-helper-text--text-only .demo-helper-text__icon{display:none}.demo-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:.375rem;padding-left:.375rem}.demo-input-field__wrapper>*{padding-inline-start:.125rem;padding-inline-end:.125rem}.demo-input-field__prefix-label,.demo-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 .1s cubic-bezier(.4,0,.4,1),visibility .1s cubic-bezier(.4,0,.4,1);position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap;font-size:1rem;line-height:1.5}.demo-input-field__prefix-label{order:2}.demo-input-field__suffix-label{text-align:right;order:4}.demo-input-field__payment-logo{order:5;margin-inline-end:.3125rem;margin-inline-start:.3125rem;flex-shrink:0}.demo-input-field input{flex-grow:1;border:0;background:none;padding-top:0;padding-bottom:0;font-size:1rem;line-height:1.5;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}.demo-input-field input::-ms-clear{display:none}.demo-input-field input:-webkit-autofill{font-size:1rem;line-height:1.5;font-family:inherit;-webkit-text-fill-color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));-webkit-box-shadow:0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset}.demo-input-field input:focus~.demo-validation-border{--skapa-validation-border-default: initial}.demo-input-field input[type=hidden]~.demo-validation-border,.demo-input-field input[type=hidden]~.demo-input-field__leading-icon,.demo-input-field input[type=hidden]~.demo-input-field__trailing-icon{display:none}.demo-input-field input[type=password]::-ms-reveal{display:none}.demo-input-field input[type=date]{color:transparent}.demo-input-field input[type=date]:focus{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-input-field input[type=date]:disabled{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-input-field input[type=date]::-webkit-inner-spin-button,.demo-input-field input[type=date]::-webkit-calendar-picker-indicator,.demo-input-field input[type=date]::-webkit-clear-button{display:none;-webkit-appearance:none}.demo-input-field--labelled input[type=date]{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-input-field input:focus~.demo-input-field__prefix-label,.demo-input-field input:focus~.demo-input-field__suffix-label,.demo-input-field--labelled .demo-input-field__prefix-label,.demo-input-field--labelled .demo-input-field__suffix-label{opacity:1;transition-delay:33ms;visibility:visible;position:static;clip:none;width:auto;height:auto}.demo-input-field .demo-btn{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-input-field .demo-btn:disabled{pointer-events:none;color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-input-field .demo-btn:disabled .demo-btn__inner{border:0;background:none}.demo-input-field__leading-icon{flex-shrink:0;order:1}.demo-input-field__trailing-icon{flex-shrink:0;order:5}.demo-input-field label{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-input-field--disabled label,.demo-input-field--disabled input,.demo-input-field--disabled .demo-svg-icon,.demo-input-field--disabled .demo-input-field__suffix-label,.demo-input-field--disabled .demo-input-field__prefix-label{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-input-field--disabled .demo-input-field__payment-logo{opacity:.2}.demo-input-field--disabled input:-webkit-autofill{-webkit-text-fill-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-input-field--read-only .demo-input-field__wrapper{background-color:rgb(var(--colour-neutral-2, 245, 245, 245))}[dir=rtl] .demo-input-field input[type=tel]{direction:ltr;text-align:right}@media (forced-colors: active){.demo-input-field--disabled label,.demo-input-field--disabled input,.demo-input-field--disabled .demo-svg-icon,.demo-input-field--disabled .demo-input-field__suffix-label,.demo-input-field--disabled .demo-input-field__prefix-label,.demo-input-field--read-only label,.demo-input-field--read-only input,.demo-input-field--read-only .demo-svg-icon,.demo-input-field--read-only .demo-input-field__suffix-label,.demo-input-field--read-only .demo-input-field__prefix-label{color:GrayText}}.demo-label-wrapper>label{font-size:.875rem;line-height:1.571}.demo-label-wrapper--text-input>label{display:block;margin:0 0 .125rem}.demo-label-wrapper .demo-required{color:rgb(var(--colour-semantic-negative, 224, 7, 81))}.demo-label-wrapper>label em{margin:0;color:rgb(var(--colour-text-and-icon-4, 146, 146, 146));font-weight:400;font-style:normal}.demo-text-area{font-size:1rem;line-height:1.625}.demo-text-area__wrapper{position:relative;display:flex;width:100%;align-items:flex-end;flex-wrap:wrap}.demo-text-area label{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-text-area textarea{box-sizing:border-box;display:block;width:100%;padding:.3125rem;line-height:1.625;max-width:100%;min-height:6rem;outline:none;border:.1875rem solid transparent;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))}.demo-text-area textarea:disabled{resize:none;color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-text-area textarea:focus~.demo-validation-border{--skapa-validation-border-default: initial}.demo-text-area--disabled label{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-text-area--read-only textarea{background-color:rgb(var(--colour-neutral-2, 245, 245, 245))}@media (forced-colors: active){.demo-text-area textarea{padding:.5rem;border-width:0}.demo-text-area textarea:disabled{color:GrayText}.demo-text-area--disabled label{color:GrayText}}fieldset{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}fieldset legend{margin-bottom:1rem;-webkit-padding-start:0;-webkit-padding-end:0;font-weight:700}.demo-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:0;display:block;width:100%;border:var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border));pointer-events:none;transition:box-shadow .1s cubic-bezier(.4,0,.4,1),border .1s cubic-bezier(.4,0,.4,1);border-radius:4px;box-sizing:border-box}.demo-validation-border--warning{border-color:rgb(var(--colour-semantic-caution, 242, 106, 47))}.demo-validation-border--error{border-color:rgb(var(--colour-semantic-negative, 224, 7, 81))}.demo-validation-border--success{border-color:rgb(var(--colour-semantic-positive, 10, 138, 0))}.demo-validation-border--disabled{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204));box-shadow:none}.demo-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){.demo-validation-border{border-color:GrayText}}.demo-select{font-size:1rem;line-height:1.625}.demo-select__wrapper{position:relative;display:flex;width:100%;align-items:center}.demo-select select{width:100%;min-height:3rem;border:0;background:none;padding:.75rem;padding-inline-end:3rem;padding-inline-start:.5rem;font-size:1rem;line-height:1.5;overflow:hidden;background:rgb(var(--colour-neutral-1, 255, 255, 255));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;order:2;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));border-radius:4px;white-space:normal}.demo-select select:disabled,.demo-select select:disabled~label,.demo-select select:disabled~.demo-svg-icon{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204));opacity:1}.demo-select select:focus~.demo-validation-border{--skapa-validation-border-default: initial}.demo-select label,.demo-select optgroup{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-select select::-ms-expand{display:none}.demo-select__chevron-down{right:.5rem;top:50%;transform:translateY(-50%)}[dir=rtl] .demo-select__chevron-down{left:.5rem;right:auto}.demo-select__chevron-down{position:absolute;bottom:.25rem}.demo-select label,.demo-select .demo-svg-icon{pointer-events:none}.demo-select__icon{flex-shrink:0;order:1}.demo-select--hint select{color:rgb(var(--colour-text-and-icon-3, 118, 118, 118))}.demo-select--leading-icon select{padding-inline-start:2.25rem}.demo-select--leading-icon .demo-select__icon{margin-inline-start:.5rem;position:absolute}.demo-select--disabled label{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}@media (forced-colors: active){.demo-select--disabled label{color:GrayText}}.demo-radio{position:relative;display:flex;align-items:flex-start}.demo-radio>input[type=radio]{position:absolute;left:-.625rem;top:-.625rem;width:2.75rem;height:2.75rem;display:inline-block;border:0;opacity:0;padding:0;z-index:1;cursor:pointer}[dir=rtl] .demo-radio>input[type=radio]{right:-.625rem;left:initial}.demo-radio>.demo-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}.demo-radio>.demo-radio__symbol:after{content:"";display:block;border:0 solid;border-radius:64px;height:0;width:0}.demo-radio>.demo-radio__label{position:relative;display:block;font-size:.875rem;line-height:1.571;margin-top:.125rem;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-radio>.demo-radio__label>.demo-radio__caption{display:block;font-size:.75rem;line-height:1.5;color:rgb(var(--colour-text-and-icon-3, 118, 118, 118));padding-top:.25rem}.demo-radio label{display:inline-block;cursor:pointer;transition:color .2s ease-in-out;padding-inline-start:1rem}.demo-radio input[type=radio]:hover~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17))}.demo-radio input[type=radio]:hover~.demo-radio__symbol:after{border-width:.25rem;border-color:rgb(var(--colour-neutral-3, 223, 223, 223))}.demo-radio input[type=radio]:checked:hover:not(:disabled)~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))}.demo-radio input[type=radio]:checked:hover:not(:disabled)~.demo-radio__symbol:after{border-color:rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147))}.demo-radio--subtle>input[type=radio]:checked:hover:not(:disabled)~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-radio--subtle>input[type=radio]:checked:hover:not(:disabled)~.demo-radio__symbol:after{border-color:rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51))}.demo-radio input[type=radio]:checked~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))}.demo-radio input[type=radio]:checked~.demo-radio__symbol:after{border-width:.5rem;border-color:rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163))}.demo-radio--subtle>input[type=radio]:checked~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-radio--subtle>input[type=radio]:checked~.demo-radio__symbol:after{border-color:rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17))}.demo-radio input[type=radio]:disabled{pointer-events:none}.demo-radio input[type=radio]:disabled~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-radio input[type=radio]:disabled:checked~.demo-radio__symbol:after{border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-radio input[type=radio]:disabled:not(:checked)~.demo-radio__symbol:after{display:none}.demo-radio input[type=radio]:disabled~.demo-radio__label label{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204));cursor:not-allowed;pointer-events:none}.demo-radio input[type=radio]:disabled~.demo-radio__label a{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}@media (forced-colors: active){.demo-radio input[type=radio]:disabled~.demo-radio__symbol,.demo-radio input[type=radio]:disabled:checked~.demo-radio__symbol:after{border-color:GrayText}.demo-radio input[type=radio]:disabled~.demo-radio__label label,.demo-radio input[type=radio]:disabled~.demo-radio__label a{color:GrayText}}.demo-radio input[type=radio]:active:not(:disabled)~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))}.demo-radio input[type=radio]:active:not(:disabled)~.demo-radio__symbol:after{border-width:.5rem;border-color:rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114))}.demo-radio--subtle>input[type=radio]:active:not(:disabled)~.demo-radio__symbol{border-color:rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.demo-radio--subtle>input[type=radio]:active:not(:disabled)~.demo-radio__symbol:after{border-color:rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0))}.demo-checkbox{position:relative;display:flex;align-items:flex-start}.demo-checkbox input[type=checkbox]{position:absolute;left:-.625rem;top:-.625rem;width:2.75rem;height:2.75rem;display:inline-block;border:0;opacity:0;padding:0;z-index:1;cursor:pointer}[dir=rtl] .demo-checkbox input[type=checkbox]{right:-.625rem;left:initial}.demo-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}.demo-checkbox__symbol:before{transform:rotate(45deg);content:"";box-sizing:content-box;display:block;border:2px solid currentColor;border-left:0;border-top:0;height:.5625rem;width:.25rem;opacity:0;margin-top:-.25rem;color:rgb(var(--colour-static-white, 255, 255, 255))}.demo-checkbox__symbol:after{content:"";position:absolute;left:.25rem;top:.625rem;border:2px solid currentColor;border-left:0;border-top:0;border-right:0;opacity:0;color:rgb(var(--colour-static-white, 255, 255, 255));width:.875rem}[dir=rtl] .demo-checkbox__symbol{right:0;left:initial}.demo-checkbox__label{position:relative;display:block;font-size:.875rem;line-height:1.571;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72));margin-top:.125rem}.demo-checkbox__caption{display:block;font-size:.75rem;line-height:1.5;padding-top:.25rem;color:rgb(var(--colour-text-and-icon-3, 118, 118, 118))}.demo-checkbox label{display:inline-block;cursor:pointer;padding-inline-start:1rem;transition:color .2s ease-in-out}.demo-checkbox input[type=checkbox]:checked~.demo-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))}.demo-checkbox input[type=checkbox]:checked~.demo-checkbox__symbol:before{opacity:1}.demo-checkbox input[type=checkbox]:indeterminate~.demo-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))}.demo-checkbox input[type=checkbox]:indeterminate~.demo-checkbox__symbol:after{opacity:1}.demo-checkbox input[type=checkbox]:hover~.demo-checkbox__symbol{border-color:rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17))}.demo-checkbox input[type=checkbox]:hover~.demo-checkbox__symbol:before{color:rgb(var(--colour-neutral-3, 223, 223, 223));opacity:1}@media (hover: none){.demo-checkbox input[type=checkbox]:hover~.demo-checkbox__symbol:before{color:rgb(var(--colour-neutral-3, 223, 223, 223))}}.demo-checkbox input[type=checkbox]:hover:checked~.demo-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))}.demo-checkbox input[type=checkbox]:hover:checked~.demo-checkbox__symbol:before{color:rgb(var(--colour-static-white, 255, 255, 255))}.demo-checkbox input[type=checkbox]:hover:indeterminate~.demo-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))}.demo-checkbox input[type=checkbox]:hover:indeterminate~.demo-checkbox__symbol:before{opacity:0}.demo-checkbox--subtle input[type=checkbox]~.demo-checkbox__symbol:before,.demo-checkbox--subtle input[type=checkbox]~.demo-checkbox__symbol:after{color:rgb(var(--colour-neutral-1, 255, 255, 255))}.demo-checkbox--subtle input[type=checkbox]:checked~.demo-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))}.demo-checkbox--subtle input[type=checkbox]:hover:checked~.demo-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))}.demo-checkbox--subtle input[type=checkbox]:hover:checked~.demo-checkbox__symbol:after,.demo-checkbox--subtle input[type=checkbox]:hover:checked~.demo-checkbox__symbol:before{color:rgb(var(--colour-neutral-1, 255, 255, 255))}.demo-checkbox--subtle input[type=checkbox]:indeterminate~.demo-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))}.demo-checkbox--subtle input[type=checkbox]:hover:indeterminate~.demo-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))}.demo-checkbox input[type=checkbox]:disabled{pointer-events:none}.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__symbol{background-color:rgb(var(--colour-neutral-1, 255, 255, 255));border-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-checkbox input[type=checkbox]:disabled:hover{cursor:default}.demo-checkbox input[type=checkbox]:disabled:checked~.demo-checkbox__symbol,.demo-checkbox input[type=checkbox]:disabled:indeterminate~.demo-checkbox__symbol{background-color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.demo-checkbox input[type=checkbox]:disabled:checked~.demo-checkbox__symbol:before,.demo-checkbox input[type=checkbox]:disabled:checked~.demo-checkbox__symbol:after,.demo-checkbox input[type=checkbox]:disabled:indeterminate~.demo-checkbox__symbol:before,.demo-checkbox input[type=checkbox]:disabled:indeterminate~.demo-checkbox__symbol:after{border-color:rgb(var(--colour-interactive-disabled-2, 146, 146, 146))}.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__label label{cursor:default;color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204));pointer-events:none}.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__label a{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}@media (forced-colors: active){.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__symbol{border-color:GrayText}.demo-checkbox input[type=checkbox]:disabled:checked~.demo-checkbox__symbol:before,.demo-checkbox input[type=checkbox]:disabled:checked~.demo-checkbox__symbol:after,.demo-checkbox input[type=checkbox]:disabled:indeterminate~.demo-checkbox__symbol:before,.demo-checkbox input[type=checkbox]:disabled:indeterminate~.demo-checkbox__symbol:after{border-color:GrayText}.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__label label,.demo-checkbox input[type=checkbox]:disabled~.demo-checkbox__label a{color:GrayText}}.demo-checkbox-group{margin:0;padding:0;border:0}.demo-checkbox-group .demo-checkbox:not(:last-child){margin-bottom:1.5rem}.demo-radio-button-group{margin:0;padding:0;border:0}.demo-radio-button-group .demo-radio:not(:last-child){margin-bottom:1.5rem}[dir=rtl] .demo-radio-button-group .demo-radio{margin-right:0;margin-left:2rem}.demo-disabled .demo-form-field__message,.demo-disabled .demo-form-field__character-limit{color:rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}@media (forced-colors: active){.demo-disabled .demo-form-field__message,.demo-disabled .demo-form-field__character-limit{color:GrayText}}.demo-radio input[type=radio]:focus-visible~.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-radio input[type=radio]:focus-visible:hover~.demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-search{--skapa-search-filled: 0;transition:background-color .2s cubic-bezier(.4,0,.4,1),border .2s cubic-bezier(.4,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:.75rem}.demo-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))}.demo-search:focus-within .demo-search__input:-webkit-autofill{border:2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163));border-right:0}.demo-search--filled{--skapa-search-filled: 1;--skapa-search-button-width: 3.0625rem ;--skapa-search-actions-timing-function: step-start}.demo-search__input{transition:padding .2s cubic-bezier(.4,0,.4,1);flex-grow:1;margin:0;padding:0;padding-inline-start:calc(3rem - var(--skapa-search-filled) * 1.5rem);height:3rem;width:calc(100% - 2.5rem);font-size:1rem;line-height:1.625;border:none;outline:none;-webkit-appearance:none;appearance:none;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));background-color:transparent;text-overflow:ellipsis;box-shadow:0 0 0 3rem transparent inset;border-radius:0}.demo-search__input::placeholder{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.demo-search__input::-ms-clear{display:none}.demo-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.demo-search__input:-webkit-autofill{background-color:transparent;font-size:1rem;line-height:1.625;font-family:inherit;-webkit-text-fill-color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));-webkit-box-shadow:0 0 0 3rem rgb(var(--colour-neutral-2, 245, 245, 245)) inset;transition:box-shadow .2s cubic-bezier(.4,0,.4,1);border-radius:64px 0 0 64px;border:0}.demo-search__input:focus~.demo-search__clear{--skapa-search-action-override: 0}.demo-search--small .demo-search__input{height:2.5rem}.demo-search--large .demo-search__input{height:3.5rem}.demo-search--focus-with-clear.demo-search--filled .demo-search__input:focus~.demo-search__clear{--skapa-search-action-override: 1}.demo-search__input-wrapper{position:relative;display:flex;align-items:center;flex-grow:1;height:100%}.demo-search__icon{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72));pointer-events:none;position:absolute;margin-inline-start:1rem;transition:transform .2s cubic-bezier(.4,0,.4,1),opacity .2s cubic-bezier(0,0,1,1);transform:scale(calc(1 - var(--skapa-search-filled)));opacity:calc(1 - var(--skapa-search-filled));z-index:1}.demo-search__chevron-down{pointer-events:none;flex-shrink:0}.demo-search__scope{display:flex;flex:0 0;padding-inline-start:.5rem;padding-inline-end:1.5rem;margin-inline-end:-1.5rem;height:2.5rem;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;border:none;background-color:transparent;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17));max-width:calc(50% - .5rem - var(--skapa-search-button-width, 0rem));transition:max-width .2s cubic-bezier(.4,0,.4,1)}.demo-search__scope::-ms-expand{display:none}.demo-search__scope-wrapper{position:relative;display:flex;align-items:center;height:100%}.demo-search__divider{transition-property:opacity,width,margin;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1);height:1.5rem;background-color:rgb(var(--colour-neutral-3, 223, 223, 223));margin-inline:.5rem;width:1px}.demo-search__divider--hidden{opacity:0;width:0;margin:0}.demo-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:.2s;transition-property:max-width,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.4,1)}.demo-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:max-width .2s cubic-bezier(.4,0,.4,1);transition-property:max-width,margin;transition-timing-function:var(--skapa-search-actions-timing-function, step-end),cubic-bezier(.4,0,.4,1);margin-inline-start:calc(1 * (3rem + .0625rem) * var(--skapa-search-filled));margin-inline-end:calc(-1 * (3rem + .0625rem) * var(--skapa-search-filled))}.demo-search__actions>.demo-search__action{max-width:2rem}.demo-search__actions>.demo-search__action:not(:first-child){margin-inline-start:1rem}@media (forced-colors: active){.demo-search{border:solid 1px}}.demo-search .demo-search__scope: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 .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.demo-search .demo-search__scope:focus-visible,.demo-search .demo-btn:focus-visible{box-shadow:0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255));outline:2px solid rgb(var(--colour-neutral-7, 17, 17, 17));outline-offset:1px}.demo-search .demo-search__input:focus-visible{outline:0}.demo-search .demo-search__input:-webkit-autofill:focus-visible{box-shadow:0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset;transition:box-shadow 0ms cubic-bezier(.4,0,.4,1);caret-color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.demo-toast .demo-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 .2s ease-out,box-shadow .2s ease-out}.demo-toast{position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:.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 .2s cubic-bezier(.9,0,1,1);z-index:400;pointer-events:none;box-sizing:border-box}.demo-toast--show{transform:translateY(0);pointer-events:auto;transition-timing-function:cubic-bezier(0,0,.1,1)}.demo-toast--off-screen{transition:none}.demo-toast__body-wrapper{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center}.demo-toast__body,.demo-toast__action,.demo-toast__close-btn{margin:.25rem 0}.demo-toast__body{display:inline-block;flex-grow:1;flex-basis:50%;margin-inline-end:1rem;color:rgb(var(--colour-static-white, 255, 255, 255))}.demo-toast__action{line-height:1}.demo-toast__action-message.demo-btn{--colour-semantic-informative: 72, 156, 227;color:rgb(var(--colour-semantic-informative, 0, 88, 163));border-radius:4px}.demo-toast__action-message.demo-btn:hover,.demo-toast__action-message.demo-btn:active{text-decoration:underline}.demo-toast__action-message.demo-btn:hover,.demo-toast__action-message.demo-btn:focus,.demo-toast__action-message.demo-btn:active{color:rgb(var(--colour-semantic-informative, 0, 88, 163))}.demo-toast__action-message.demo-btn .demo-btn__inner{min-height:0}.demo-toast__action-message.demo-btn.demo-btn--plain .demo-btn__inner:after{min-width:2.75rem;inset:-.875rem -.5rem}.demo-toast__close-btn{padding-inline-start:.75rem}.demo-toast__text{color:rgb(var(--colour-static-white, 255, 255, 255));font-size:.875rem;line-height:1.571;margin-top:0}.demo-toast__text:last-child{margin-bottom:0}@media (min-width: 37.5em){.demo-toast{border-radius:4px;width:22.5rem;top:2rem;left:auto;right:0;transform:translate(100%)}[dir=rtl] .demo-toast{right:auto;left:0;transform:translate(-100%)}.demo-toast--show{transform:translate(-2rem)}[dir=rtl] .demo-toast--show{transform:translate(2rem)}}*{box-sizing:border-box!important;font-family:Noto IKEA}html,body{height:100vh;margin:0;padding:0;width:100vw;overflow:hidden}*{box-sizing:border-box}.sidp-inset-shadow{box-shadow:inset 0 0 3em #00000080}.demo-capitalize .demo-choice-item__title{text-transform:capitalize!important}