@layer storybook-fallbacks{:root{--font-heading:var(--font-body);--font-body:"Satoshi", system-ui, sans-serif}}:root{--selection-background:var(--color-primary);--selection-color:var(--color-white);--font-title:var(--font-heading), system-ui, sans-serif;--font-text:var(--font-body), system-ui, sans-serif;--font-size-text:clamp(1rem, .6vw + .9rem, 1.25rem);--font-size-text-xxs:clamp(.875rem, .1vw + .85rem, .9375rem);--font-size-text-xs:clamp(.875rem, .2vw + .83rem, 1rem);--font-size-text-s:clamp(.875rem, .35vw + .8rem, 1.05rem);--font-size-text-m:clamp(1rem, .6vw + .9rem, 1.25rem);--font-size-text-l:clamp(1.125rem, .8vw + 1rem, 1.5rem);--font-size-text-xl:clamp(1.375rem, 1vw + 1.15rem, 1.875rem);--font-size-text-xxl:clamp(1.625rem, 1.4vw + 1.35rem, 2.25rem);--font-size-title:clamp(2.25rem, 3.5vw + 1.5rem, 3.75rem);--font-size-title-xxs:clamp(1.125rem, .4vw + 1.05rem, 1.375rem);--font-size-title-xs:clamp(1.25rem, .9vw + 1.1rem, 1.75rem);--font-size-title-s:clamp(1.5rem, 2vw + 1.1rem, 2.25rem);--font-size-title-m:clamp(2rem, 2.8vw + 1.3rem, 3rem);--font-size-title-l:clamp(2.75rem, 4vw + 1.75rem, 4.25rem);--font-size-title-xl:clamp(3.5rem, 6vw + 2.5rem, 5.5rem);--font-size-title-xxl:clamp(4.5rem, 8vw + 3rem, 7rem);--font-size-display:clamp(5rem, 10vw + 3rem, 8rem);--font-size-display-xl:clamp(6rem, 14vw + 3rem, 12rem);--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--font-size-button-s:clamp(.875rem, .3vw + .8rem, 1rem);--font-size-button-m:clamp(1rem, .35vw + .9rem, 1.125rem);--font-size-button-l:clamp(1.125rem, .45vw + 1rem, 1.25rem);--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.75;--font-weight-title:700;--font-weight-medium:500;--font-weight-text:400;--color-title:var(--primary-text-color,#041b23);--color-text:var(--primary-text-color,#041b23);--font-mono:source-code-pro, menlo, monaco, consolas, "Courier New", monospace;--primary-body-font:var(--font-body), system-ui, sans-serif;--secondary-body-font:var(--font-heading), system-ui, sans-serif;--primary-bold-font:var(--font-body), system-ui, sans-serif;--secondary-bold-font:var(--font-heading), system-ui, sans-serif;--primary-heading-font:var(--font-heading), system-ui, sans-serif;--secondary-heading-font:var(--font-body), system-ui, sans-serif;--main-body-copy-color:#041b23;--primary-text-color:#041b23;--secondary-text-color:#041b23;--inverted-text-color:#fff;--link-color:#041b23;--logo-text-color:var(--color-text);--shortcut-hint-color:#4b5563;--accent-pink:#f205c5;--accent-purple:#812eff;--accent-teal:#85b5bd;--accent-violet:#bc6dff;--accent-cyan:#71efff;--accent-yellow:#f2e274;--logo-background:#dfff00;--logo-color:#000;--color-focus-ring:var(--color-primary);--color-black:#000;--color-white:#fff;--color-dark:#222;--color-gray-dark:#333;--color-gray:#5e5e5e;--color-muted:#626a72;--color-muted-light:#909090;--color-border:silver;--color-border-light:#ccc;--color-disabled-bg:#e8e8e8;--color-disabled-bg-light:#efefef;--color-disabled-placeholder:#858585;--color-gray-medium:#666;--color-light-bg:#f9f9f9;--color-surface:var(--main-body-background-color);--main-body-background-color:#fff;--color-primary:#041b23;--color-primary-disabled:#041b2350;--color-success:#068338;--color-info:#0c7a8b;--color-error:#dc3545;--color-warning:#ffc107;--color-warning-contrast:#8d5a00;--color-warning-text:#041b23;--color-neutral-bg:#e2e8f0;--color-neutral-text:#1a1d26;--color-error-bg:#dfbdbc;--color-error-text:#7a1f1f;--color-react:#61dafb;--color-header-bg:#282c34;--home-gradient:linear-gradient(120deg, #007cf0 0%, #ff0080 50%, #fff200 100%);--wavy-underline-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3 Q4 0 8 3 T16 3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--storybook-blue:#041b23;--storybook-cyan:#71efff;--storybook-pink:#f0f;--storybook-purple:#812eff;--storybook-violet:#bc6dff;--storybook-bg:#f9f9f9;--storybook-dark:#222;--storybook-yellow:#ff0;--storybook-white:#fff;--storybook-gray:#707070;--checkbox-checkmark-color:#fff;--checkbox-background-color:#fff;--focus-ring-color:var(--color-primary);--focus-ring-width:2px;--focus-ring-offset:2px;--modal-overlay-bg:#00000080;--modal-shadow:0 4px 8px #0003;--gallery-caption-bg:#0000008c;--radius-sm:2px;--radius-md:.25rem;--radius-lg:8px;--radius-full:9999px;--size-width-md:320px;--size-width-lg:900px;--size-width-form:600px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1440px;--breakpoint-ultra:1920px;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--container-full:100%;--grid-columns-mobile:4;--grid-columns-tablet:8;--grid-columns-desktop:12;--grid-gap-mobile:var(--space-layout-16);--grid-gap-tablet:var(--space-layout-24);--grid-gap-desktop:var(--space-layout-32);--page-margin-mobile:var(--space-layout-16);--page-margin-tablet:var(--space-layout-32);--page-margin-desktop:var(--space-layout-48);--page-margin-wide:var(--space-layout-64);--rhythm-base:.5rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--stagger-fast:30ms;--stagger-normal:80ms;--stagger-slow:.15s;--motion-distance-sm:12px;--motion-distance-md:24px;--motion-distance-lg:48px;--motion-distance-xl:80px;--space-internal-0:0;--space-internal-2:.125rem;--space-internal-4:.25rem;--space-internal-6:.375rem;--space-internal-8:.5rem;--space-internal-12:.75rem;--space-internal-16:1rem;--space-internal-24:1.5rem;--space-internal-32:2rem;--space-layout-0:0;--space-layout-4:.25rem;--space-layout-6:.375rem;--space-layout-8:.5rem;--space-layout-16:1rem;--space-layout-24:1.5rem;--space-layout-32:2rem;--space-layout-40:2.5rem;--space-layout-48:3rem;--space-layout-64:4rem;--space-layout-80:5rem;--space-layout-96:6rem;--space-layout-120:7.5rem;--space-layout-160:10rem}::selection{background-color:var(--selection-background);color:var(--selection-color)}.themeDark,.themeDark :root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--selection-background:var(--color-primary);--selection-color:var(--color-white);--main-body-background-color:#181a1b;--color-title:#f5f7f8;--color-text:#e0e0e0;--primary-text-color:#e0e0e0;--main-body-copy-color:#e0e0e0;--secondary-text-color:#aaa;--inverted-text-color:#181a1b;--shortcut-hint-color:#9ca3af;--link-color:var(--color-primary);--color-primary:#6fa8ff;--color-primary-disabled:#6fa8ff50;--color-success:#4fd18b;--color-info:#71efff;--color-error:#ff6b6b;--color-warning:#ffb366;--color-warning-contrast:#ffb366;--color-warning-text:#181a1b;--color-neutral-bg:#3b3f5c;--color-neutral-text:#f5f7ff;--color-error-bg:#2d2323;--color-error-text:#ffb3b3;--color-react:#61dafb;--color-header-bg:#181a1b;--home-gradient:linear-gradient(120deg, #007cf0 0%, #ff0080 50%, #fff200 100%);--color-white:#181a1b;--color-black:#fff;--color-dark:#e0e0e0;--color-gray-dark:#bbb;--color-gray:#aaa;--color-muted:#949494;--color-muted-light:#555;--color-border:#333;--color-border-light:#444;--color-disabled-bg:#23272a;--color-disabled-bg-light:#23272a;--color-disabled-placeholder:#767676;--color-gray-medium:#888;--color-light-bg:#23272a;--accent-pink:#f205c5;--accent-purple:#812eff;--accent-teal:#85b5bd;--accent-violet:#bc6dff;--accent-cyan:#71efff;--accent-yellow:#f2e274;--logo-background:#812eff;--logo-color:#fff;--logo-text-color:#e0e0e0;--storybook-blue:#4780d6;--storybook-cyan:#96e9ed;--storybook-pink:#ff5fc2;--storybook-purple:#a884d7;--storybook-violet:#bc9de0;--storybook-bg:#23272a;--storybook-dark:#e0e0e0;--storybook-yellow:#feeb6e;--storybook-white:#181a1b;--storybook-gray:#c4c4c4;--focus-ring-color:var(--color-primary);--focus-ring-width:2px;--focus-ring-offset:2px}.themeHCB,.themeHCB :root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--main-body-background-color:#000;--color-title:#fff;--color-text:#fff;--primary-text-color:#fff;--main-body-copy-color:#fff;--secondary-text-color:#fff;--inverted-text-color:#000;--shortcut-hint-color:#fff;--link-color:#fff;--color-primary:#fff;--color-primary-disabled:#999;--color-success:#fff;--color-info:#fff;--color-error:#fff;--color-warning:#fff;--color-warning-contrast:#fff;--color-warning-text:#000;--color-neutral-bg:#000;--color-neutral-text:#fff;--color-error-bg:#000;--color-error-text:#fff;--color-react:#fff;--color-header-bg:#000;--home-gradient:linear-gradient(120deg, #000 0%, #868686 50%, #fff 100%);--color-white:#000;--color-black:#fff;--color-dark:#fff;--color-gray-dark:#1f1f1f;--color-gray:#aaa;--color-muted:#888;--color-muted-light:#555;--color-border:#333;--color-border-light:#444;--color-disabled-bg:#313131;--color-disabled-bg-light:#313131;--color-disabled-placeholder:#9e9e9e;--color-gray-medium:#888;--color-light-bg:#101010;--accent-pink:#fff;--accent-purple:#fff;--accent-teal:#fff;--accent-violet:#fff;--accent-cyan:#fff;--accent-yellow:#fff;--logo-background:#fff;--logo-color:#000;--logo-text-color:#fff;--storybook-blue:#4780d6;--storybook-cyan:#96e9ed;--storybook-pink:#ff5fc2;--storybook-purple:#a884d7;--storybook-violet:#bc9de0;--storybook-bg:#23272a;--storybook-dark:#e0e0e0;--storybook-yellow:#feeb6e;--storybook-white:#181a1b;--storybook-gray:#c4c4c4;--selection-background:#fff;--selection-color:#000;--focus-ring-color:#fff;--focus-ring-width:3px;--focus-ring-offset:3px}.gradientTextUtility{background:var(--home-gradient);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradient-move}@keyframes gradient-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.outlineText{font-weight:var(--font-weight-title);-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--color-primary)}.themeHCW,.themeHCW :root{--main-body-background-color:#fff;--color-title:#000;--color-text:#000;--primary-text-color:#000;--main-body-copy-color:#000;--secondary-text-color:#000;--inverted-text-color:#fff;--shortcut-hint-color:#000;--link-color:#000;--color-primary:#000;--color-primary-disabled:#999;--color-success:#000;--color-info:#000;--color-error:#000;--color-warning:#000;--color-warning-contrast:#000;--color-warning-text:#fff;--color-neutral-bg:#fff;--color-neutral-text:#000;--color-error-bg:#fff;--color-error-text:#000;--color-react:#000;--color-header-bg:#fff;--home-gradient:linear-gradient(120deg, #000 0%, #868686 50%, #fff 100%);--color-white:#fff;--color-black:#000;--color-dark:#000;--color-gray-dark:#e6e6e6;--color-gray:#aaa;--color-muted:#333;--color-muted-light:#555;--color-border:#333;--color-border-light:#444;--color-disabled-bg:#e8e8e8;--color-disabled-bg-light:#efefef;--color-disabled-placeholder:#6b6b6b;--color-gray-medium:#888;--color-light-bg:#f1f1f1;--accent-pink:#000;--accent-purple:#000;--accent-teal:#000;--accent-violet:#000;--accent-cyan:#000;--accent-yellow:#000;--logo-background:#000;--logo-color:#fff;--logo-text-color:#000;--storybook-blue:#4780d6;--storybook-cyan:#96e9ed;--storybook-pink:#ff5fc2;--storybook-purple:#a884d7;--storybook-violet:#bc9de0;--storybook-bg:#23272a;--storybook-dark:#e0e0e0;--storybook-yellow:#feeb6e;--storybook-white:#181a1b;--storybook-gray:#c4c4c4;--selection-background:#000;--selection-color:#fff;--focus-ring-color:#000;--focus-ring-width:3px;--focus-ring-offset:3px}.themeHCB .badge,.themeHCB .toast{forced-color-adjust:none}@media (forced-colors:active){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--main-body-background-color:Canvas;--main-body-copy-color:CanvasText;--primary-text-color:CanvasText;--secondary-text-color:CanvasText;--inverted-text-color:Canvas;--link-color:LinkText;--color-title:CanvasText;--color-text:CanvasText;--color-primary:CanvasText;--color-border:CanvasText;--color-border-light:GrayText;--color-muted:CanvasText;--color-disabled-placeholder:GrayText;--color-disabled-bg:Canvas;--color-disabled-bg-light:Canvas;--logo-background:CanvasText;--logo-color:Canvas;--logo-text-color:CanvasText;--focus-ring-color:Highlight;--modal-overlay-bg:Canvas;--modal-shadow:none;--color-success:CanvasText;--color-error:CanvasText;--color-warning:CanvasText;--color-warning-contrast:CanvasText;--color-info:CanvasText}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@media (prefers-contrast:more){:root{--color-text:#000;--primary-text-color:#000;--secondary-text-color:#1a1a1a;--main-body-copy-color:#000;--color-border:#000;--color-border-light:#333;--focus-ring-width:3px;--focus-ring-color:#000}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--color-text:#fff;--primary-text-color:#fff;--secondary-text-color:#e0e0e0;--main-body-copy-color:#fff;--main-body-background-color:#000;--color-border:#fff;--color-border-light:#ccc;--focus-ring-width:3px;--focus-ring-color:#fff}}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.wavyUnderline,.readMore,.link,.cookieConsent a,.privacyPolicy a,.privacyPolicy a:hover{padding-bottom:6px;text-decoration:none;position:relative}.wavyUnderline:after,.readMore:after,.link:after,.cookieConsent a:after,.privacyPolicy a:after,.privacyPolicy a:hover:after{background-color:var(--underline-accent-color,currentcolor);opacity:.9;content:"";height:6px;-webkit-mask-image:var(--wavy-underline-mask);mask-image:var(--wavy-underline-mask);position:absolute;bottom:0;left:0;right:0;-webkit-mask-size:16px 6px;mask-size:16px 6px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}:lang(en) h1,:lang(en) h2,:lang(en) h3,:lang(en) h4,:lang(en) h5,:lang(en) h6{hyphenate-limit-chars:6 3 3}:lang(fi) h1,:lang(fi) h2,:lang(fi) h3,:lang(fi) h4,:lang(fi) h5,:lang(fi) h6{hyphenate-limit-chars:8 4 4}:lang(sv) h1,:lang(sv) h2,:lang(sv) h3,:lang(sv) h4,:lang(sv) h5,:lang(sv) h6{hyphenate-limit-chars:7 3 3}
body{background-color:var(--main-body-background-color,#fff);line-height:var(--line-height-normal);color:var(--color-text,#041b23)}h1{line-height:var(--line-height-tight);margin-block-end:var(--space-layout-24)}h2{line-height:var(--line-height-snug);margin-block-end:var(--space-layout-24)}h3{line-height:var(--line-height-snug);margin-block-end:var(--space-layout-16)}h4,h5,h6{line-height:var(--line-height-normal);margin-block-end:var(--space-layout-16)}p{line-height:var(--line-height-relaxed);margin-block-end:var(--space-layout-16)}article p,.article p,.content p,.prose p{line-height:var(--line-height-loose);margin-block-end:var(--space-layout-24)}ul,ol{line-height:var(--line-height-relaxed);margin-block-end:var(--space-layout-16);padding-inline-start:var(--space-layout-32)}li{margin-block-end:var(--space-internal-8)}blockquote{margin-block:var(--space-layout-32);margin-inline:var(--space-layout-24);border-inline-start:4px solid var(--color-primary);line-height:var(--line-height-relaxed);padding-inline-start:var(--space-layout-24);font-style:italic}pre{line-height:var(--line-height-normal)}code{line-height:inherit}small,.textSmall{line-height:var(--line-height-normal)}figcaption,.caption,.meta{font-size:.875rem;line-height:var(--line-height-normal)}button,.button,input,select,textarea{line-height:var(--line-height-normal)}.rhythmTight{line-height:var(--line-height-tight)}.rhythmSnug{line-height:var(--line-height-snug)}.rhythmNormal{line-height:var(--line-height-normal)}.rhythmRelaxed{line-height:var(--line-height-relaxed)}.rhythmLoose{line-height:var(--line-height-loose)}@media (max-width:768px){h1,h2,article p,.article p,.content p,.prose p{margin-block-end:var(--space-layout-16)}blockquote{margin-block:var(--space-layout-24);margin-inline:var(--space-layout-16)}}
.grainy{background-color:var(--color-black);color:var(--color-light-bg);position:relative;overflow:hidden}.grainy:before{pointer-events:none;opacity:.25;content:"";mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px),radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:3px 3px,5px 5px;animation:1.5s steps(6,end) infinite grain-noise;position:absolute;inset:0}@keyframes grain-noise{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-2%)}to{transform:translate(0)}}
/*# sourceMappingURL=0lhxy36x5mhy5.css.map*/