/**
 * KESKO DESIGN SYSTEM
 * https://kesko.design
 * 
 * Do not edit directly, this file was auto-generated.
 */
:root{--k-color-brand-kesko-orange:#f86800;--k-color-brand-kesko-orange-inverted:#fd8726;--k-color-brand-kesko-pure-black:#000000;--k-color-brand-kesko-pure-white:#ffffff;--k-color-brand-kcm-red:#c20614;--k-color-brand-kcm-dark-red:#570000;--k-color-brand-kcm-warm-red:#800000;--k-color-brand-kcm-bright-red:#e20000;--k-color-brand-kcm-outlet:#ffed00;--k-color-brand-ksm-blue:#002855;--k-color-brand-ksm-secondary-blue:#335377;--k-color-brand-km-berry:#962242;--k-color-brand-km-burgundy:#651d32;--k-color-brand-krauta-violet:#330072;--k-color-brand-krauta-green:#78d64b;--k-color-brand-krauta-procenter:#54585a;--k-color-brand-onninen-blue:#002855;--k-color-brand-onninen-teal:#00857e;--k-color-brand-kbygg-burgundy:#671f34;--k-color-brand-byggmakker-pro:#384043;--k-color-brand-byggmakker-blue:#5b879a;--k-color-brand-byggmakker-red:#b81921;--k-color-brand-kauto-dark-blue:#1e2233;--k-color-brand-kauto-approval-peach:#ffe4cb;--k-color-brand-kauto-campaign:#4a566d;--k-color-brand-kespro-primary:#ff6900;--k-color-brand-kbusiness-black:#242424;--k-color-overlay-base:rgba(255, 255, 255, 0.05);--k-color-overlay-dim:rgba(0, 0, 0, 0.04);--k-color-overlay-dimmer:rgba(0, 0, 0, 0.06);--k-color-neutral-100:#ffffff;--k-color-neutral-200:#f8f8f8;--k-color-neutral-300:#f1f1f1;--k-color-neutral-400:#e6e6e6;--k-color-neutral-500:#cdcdcd;--k-color-neutral-600:#b9b9b9;--k-color-neutral-700:#949494;--k-color-neutral-800:#757575;--k-color-neutral-900:#565656;--k-color-neutral-1000:#3e3e3e;--k-color-neutral-1100:#282828;--k-color-neutral-1200:#000000;--k-color-beige-100:#fcf8f5;--k-color-beige-200:#f6f1ed;--k-color-beige-300:#ede5dd;--k-color-beige-400:#dacbbc;--k-color-beige-500:#c9b6a1;--k-color-beige-600:#b9a38c;--k-color-beige-700:#a7917a;--k-color-beige-800:#83705c;--k-color-beige-900:#6a5a4a;--k-color-beige-1000:#5c4e40;--k-color-beige-1100:#2b241e;--k-color-beige-1200:#191612;--k-color-red-100:#fdf7f7;--k-color-red-200:#fbeeef;--k-color-red-300:#f9e6e7;--k-color-red-400:#f5d0d2;--k-color-red-500:#eda6aa;--k-color-red-600:#e88d92;--k-color-red-700:#e27378;--k-color-red-800:#d13c44;--k-color-red-900:#b9161e;--k-color-red-1000:#a40910;--k-color-red-1100:#540001;--k-color-red-1200:#370001;--k-color-orange-100:#fdf7f0;--k-color-orange-200:#fcf0e0;--k-color-orange-300:#fae2c4;--k-color-orange-400:#f9c48c;--k-color-orange-500:#fba656;--k-color-orange-600:#fd8726;--k-color-orange-700:#f86800;--k-color-orange-800:#cb4700;--k-color-orange-900:#a53900;--k-color-orange-1000:#903100;--k-color-orange-1100:#451700;--k-color-orange-1200:#2b0e00;--k-color-yellow-100:#fff9e5;--k-color-yellow-200:#fff5d2;--k-color-yellow-300:#ffeaa2;--k-color-yellow-400:#ffe075;--k-color-yellow-500:#ffd23f;--k-color-yellow-600:#fcc10f;--k-color-yellow-700:#e19e00;--k-color-yellow-800:#ab6f00;--k-color-yellow-900:#935d00;--k-color-yellow-1000:#734600;--k-color-yellow-1100:#372100;--k-color-yellow-1200:#211400;--k-color-green-100:#f5f9f3;--k-color-green-200:#ebf4e8;--k-color-green-300:#daead3;--k-color-green-400:#b6d7a9;--k-color-green-500:#99c586;--k-color-green-600:#7eb567;--k-color-green-700:#66a44c;--k-color-green-800:#408225;--k-color-green-900:#306a17;--k-color-green-1000:#275c12;--k-color-green-1100:#122b07;--k-color-green-1200:#0b1a05;--k-color-teal-100:#f3f9fa;--k-color-teal-200:#e6f3f6;--k-color-teal-300:#d2eaef;--k-color-teal-400:#a3d6df;--k-color-teal-500:#7ec4d2;--k-color-teal-600:#5db2c3;--k-color-teal-700:#40a1b4;--k-color-teal-800:#1b7e91;--k-color-teal-900:#106677;--k-color-teal-1000:#0b5868;--k-color-teal-1100:#042a32;--k-color-teal-1200:#03191e;--k-color-blue-100:#eff8ff;--k-color-blue-200:#e8f3fb;--k-color-blue-300:#d9e8f4;--k-color-blue-400:#b9d0e3;--k-color-blue-500:#9fbcd6;--k-color-blue-600:#88aaca;--k-color-blue-700:#7298be;--k-color-blue-800:#4676a6;--k-color-blue-900:#295f96;--k-color-blue-1000:#18528c;--k-color-blue-1100:#001f5a;--k-color-blue-1200:#00143c;--k-color-purple-100:#f9f7fb;--k-color-purple-200:#f4f1f7;--k-color-purple-300:#e9e4f0;--k-color-purple-400:#d4c9e1;--k-color-purple-500:#c3b3d5;--k-color-purple-600:#b29ec9;--k-color-purple-700:#a28bbe;--k-color-purple-800:#8565aa;--k-color-purple-900:#704c9c;--k-color-purple-1000:#643c93;--k-color-purple-1100:#330072;--k-color-purple-1200:#20004c;--k-color-neutral-dark-100:#1b1b1b;--k-color-neutral-dark-200:#212121;--k-color-neutral-dark-300:#252525;--k-color-neutral-dark-400:#2d2d2d;--k-color-neutral-dark-500:#3d3d3d;--k-color-neutral-dark-600:#4b4b4b;--k-color-neutral-dark-700:#666666;--k-color-neutral-dark-800:#848484;--k-color-neutral-dark-900:#a9a9a9;--k-color-neutral-dark-1000:#cbcbcb;--k-color-neutral-dark-1100:#ededed;--k-color-neutral-dark-1200:#ffffff;--k-font-family-sans:'SkattaSansUI','SkattaSansUI-fallback',system-ui,sans-serif;--k-font-family-code:monospace,monospace;--k-font-leading-xs:1;--k-font-leading-sm:1.25;--k-font-leading-md:1.5;--k-font-size-3xs:0.625rem;--k-font-size-2xs:0.75rem;--k-font-size-xs:0.8125rem;--k-font-size-sm:0.875rem;--k-font-size-md:1rem;--k-font-size-lg:1.125rem;--k-font-size-xl:1.25rem;--k-font-size-2xl:1.5rem;--k-font-size-3xl:2rem;--k-font-weight-regular:400;--k-font-weight-medium:500;--k-font-weight-bold:700;--k-font-weight-black:900;--k-layer-base:1;--k-layer-lowest:calc(-infinity);--k-layer-masked:50;--k-layer-mask:100;--k-layer-sticky:150;--k-layer-overlay:200;--k-layer-highest:calc(infinity);--k-motion-duration-xs:50ms;--k-motion-duration-sm:100ms;--k-motion-duration-md:300ms;--k-motion-duration-lg:400ms;--k-motion-duration-xl:600ms;--k-motion-duration-2xl:1000ms;--k-motion-easing-decelerate:ease-out;--k-motion-easing-accelerate:ease-in;--k-motion-easing-decelerate-emphasized:cubic-bezier(0.05, 0.7, 0.1, 1);--k-motion-easing-accelerate-emphasized:cubic-bezier(0.3, 0, 0.8, 0.15);--k-radius-xs:0.125rem;--k-radius-sm:0.25rem;--k-radius-md:0.5rem;--k-radius-lg:0.75rem;--k-radius-xl:1rem;--k-radius-pill:999px;--k-radius-circle:50%;--k-shadow-base:0 1px 2px rgba(0, 0, 0, 0.04),0 1px 4px rgba(0, 0, 0, 0.12);--k-shadow-float:0 8px 24px 2px rgba(0, 0, 0, 0.04),0 2px 28px rgba(0, 0, 0, 0.02),0 4px 4px rgba(0, 0, 0, 0.08);--k-shadow-float-high:0 20px 32px 2px rgba(0, 0, 0, 0.08),0 4px 36px rgba(0, 0, 0, 0.04),0 8px 12px rgba(0, 0, 0, 0.12);--k-shadow-float-higher:0 24px 36px 4px rgba(0, 0, 0, 0.12),0 8px 44px rgba(0, 0, 0, 0.08),0 12px 16px rgba(0, 0, 0, 0.16);--k-shadow-popover:0 2px 4px -1px rgba(0, 0, 0, 0.05),0 4px 6px -1px rgba(0, 0, 0, 0.1);--k-shadow-switch:0 4px 2px 0 rgba(0, 0, 0, 0.1);--k-size-border-base:0.0625rem;--k-size-border-button:0.125rem;--k-size-spinner-sm:0.375em;--k-size-spinner-md:0.5em;--k-size-spinner-lg:0.625em;--k-size-spinner-xl:0.875em;--k-size-spinner-2xl:1.25em;--k-size-icon-xs:1rem;--k-size-icon-sm:1.25rem;--k-size-icon-md:1.5rem;--k-size-icon-lg:2rem;--k-size-icon-xl:3rem;--k-space-4xs:0.125rem;--k-space-3xs:0.25rem;--k-space-2xs:0.5rem;--k-space-xs:0.625rem;--k-space-sm:0.75rem;--k-space-md:1rem;--k-space-lg:1.5rem;--k-space-xl:2rem;--k-space-2xl:2.5rem;--k-space-3xl:3rem;--k-color-bg-base:var(--k-color-neutral-100);--k-color-bg-disabled:var(--k-color-neutral-500);--k-color-bg-surface:var(--k-color-neutral-200);--k-color-bg-panel:var(--k-color-neutral-300);--k-color-bg-container:var(--k-color-neutral-400);--k-color-bg-inverted:var(--k-color-neutral-1100);--k-color-bg-primary:var(--k-color-orange-200);--k-color-bg-secondary:var(--k-color-blue-200);--k-color-bg-info:var(--k-color-blue-200);--k-color-bg-success:var(--k-color-green-200);--k-color-bg-warning:var(--k-color-yellow-200);--k-color-bg-error:var(--k-color-red-200);--k-color-border-base:var(--k-color-neutral-600);--k-color-border-disabled:var(--k-color-neutral-700);--k-color-border-focus:var(--k-color-blue-900);--k-color-border-divider:var(--k-color-neutral-600);--k-color-highlight-primary:var(--k-color-orange-900);--k-color-highlight-secondary:var(--k-color-blue-1100);--k-color-highlight-inverted:var(--k-color-neutral-300);--k-color-highlight-info:var(--k-color-blue-1100);--k-color-highlight-success:var(--k-color-green-900);--k-color-highlight-warning:var(--k-color-yellow-700);--k-color-highlight-error:var(--k-color-red-1000);--k-color-status-error:var(--k-color-red-900);--k-color-status-info:var(--k-color-blue-900);--k-color-status-warning:var(--k-color-yellow-600);--k-color-status-success:var(--k-color-green-800);--k-color-text-base:var(--k-color-neutral-1100);--k-color-text-dim:var(--k-color-neutral-800);--k-color-text-dimmer:var(--k-color-neutral-900);--k-color-text-dimmest:var(--k-color-neutral-1000);--k-color-text-disabled:var(--k-color-neutral-700);--k-color-text-warning-dim:var(--k-color-yellow-900);--k-color-theme-primary:var(--k-color-orange-800);--k-color-theme-secondary:var(--k-color-blue-1000);--k-color-theme-inverted:var(--k-color-neutral-100);--k-color-theme-decorative:var(--k-color-purple-1100);--k-font-weight-base:var(--k-font-weight-regular);--k-radius-button:var(--k-radius-pill);--k-radius-panel:var(--k-radius-xl);--k-space-button:var(--k-space-sm);--k-color-overlay:var(--k-color-overlay-base);--k-font-family:var(--k-font-family-sans);--k-font-size:var(--k-font-size-md);--k-font-leading:var(--k-font-leading-md);--k-layer:var(--k-layer-base);--k-radius:var(--k-radius-md);--k-shadow:var(--k-shadow-base);--k-size-border:var(--k-size-border-base);--k-space:var(--k-space-md);--k-color-border-primary:var(--k-color-theme-primary);--k-color-border-secondary:var(--k-color-theme-secondary);--k-color-border-inverted:var(--k-color-theme-inverted);--k-color-border-info:var(--k-color-status-info);--k-color-border-success:var(--k-color-status-success);--k-color-border-warning:var(--k-color-status-warning);--k-color-border-error:var(--k-color-status-error);--k-color-text-link:var(--k-color-theme-primary);--k-color-text-link-dim:var(--k-color-highlight-primary);--k-color-text-primary:var(--k-color-theme-primary);--k-color-text-secondary:var(--k-color-theme-secondary);--k-color-text-decorative:var(--k-color-theme-decorative);--k-color-text-inverted:var(--k-color-theme-inverted);--k-color-text-inverted-dim:var(--k-color-highlight-inverted);--k-color-text-info:var(--k-color-status-info);--k-color-text-info-dim:var(--k-color-highlight-info);--k-color-text-success:var(--k-color-status-success);--k-color-text-success-dim:var(--k-color-highlight-success);--k-color-text-warning:var(--k-color-status-warning);--k-color-text-error:var(--k-color-status-error);--k-color-text-error-dim:var(--k-color-highlight-error);--k-color-text-on-warning:var(--k-color-text-base);--k-color-theme:var(--k-color-theme-primary);--k-color-highlight:var(--k-color-highlight-primary);--k-color-bg:var(--k-color-bg-base);--k-color-border:var(--k-color-border-base);--k-color-text:var(--k-color-text-base);--k-font-weight:var(--k-font-weight-base);--k-color-text-on-error:var(--k-color-text-inverted);--k-color-text-on-success:var(--k-color-text-inverted);--k-color-text-on-info:var(--k-color-text-inverted);--k-color-text-on-primary:var(--k-color-text-inverted);--k-color-text-on-secondary:var(--k-color-text-inverted);--k-color-text-on-disabled:var(--k-color-text-inverted);--k-color-text-on-decorative:var(--k-color-text-inverted)}