@color-background-accent-primary: rgb(240, 247, 250);
@color-background-accent-primary-turva: rgb(253, 247, 242);
@color-background-accent-secondary: rgb(217, 236, 245);
@color-background-accent-secondary-turva: rgb(251, 225, 209);
@color-background-accent-tertiary: rgb(0, 119, 179);
@color-background-accent-tertiary-turva: rgb(230, 23, 64);
@color-background-primary: rgb(255, 255, 255);
@color-background-primary-turva: rgb(255, 255, 255);
@color-background-secondary: rgb(245, 248, 250);
@color-background-secondary-turva: rgb(245, 246, 247);
@color-background-tertiary: rgb(8, 42, 77);
@color-background-tertiary-turva: rgb(6, 23, 38);
@color-brand-blue: rgb(0, 161, 212);
@color-brand-gray-turva: rgb(178, 180, 179);
@color-category-family: rgb(11, 114, 136);
@color-category-family-turva: rgb(199, 12, 112);
@color-category-finance: rgb(122, 1, 196);
@color-category-home: rgb(211, 36, 131);
@color-category-home-turva: rgb(161, 10, 78);
@color-category-pet: rgb(168, 1, 78);
@color-category-travel: rgb(213, 66, 3);
@color-category-travel-turva: rgb(9, 129, 148);
@color-category-union-turva: rgb(169, 69, 124);
@color-category-vehicle: rgb(54, 74, 129);
@color-category-vehicle-turva: rgb(23, 28, 58);
@color-danger: rgb(214, 28, 82);
@color-danger-00: rgb(255, 240, 243);
@color-danger-100: rgb(255, 211, 219);
@color-danger-1000: rgb(89, 0, 45);
@color-danger-200: rgb(255, 173, 190);
@color-danger-300: rgb(252, 136, 162);
@color-danger-400: rgb(243, 98, 134);
@color-danger-50: rgb(255, 225, 231);
@color-danger-500: rgb(231, 62, 107);
@color-danger-600: rgb(214, 28, 82);
@color-danger-700: rgb(185, 16, 74);
@color-danger-800: rgb(153, 9, 66);
@color-danger-900: rgb(120, 4, 56);
@color-danger-turva: rgb(214, 28, 82);
@color-data-01: rgb(122, 1, 196);
@color-data-02: rgb(0, 155, 204);
@color-data-03: rgb(27, 171, 75);
@color-data-04: rgb(255, 86, 34);
@color-data-05: rgb(245, 76, 154);
@color-data-06: rgb(194, 21, 101);
@color-data-07: rgb(192, 101, 247);
@color-data-08: rgb(0, 105, 191);
@color-data-09: rgb(19, 120, 53);
@color-data-10: rgb(179, 60, 24);
@color-data-11: rgb(13, 163, 166);
@color-data-12: rgb(11, 114, 136);
@color-data-13: rgb(179, 137, 24);
@color-data-14: rgb(128, 98, 17);
@color-data-15: rgb(0, 41, 77);
@color-gray: rgb(181, 198, 208);
@color-gray-dark: rgb(127, 150, 165);
@color-gray-dark-turva: rgb(143, 147, 158);
@color-gray-darker: rgb(98, 121, 138);
@color-gray-darker-turva: rgb(113, 118, 132);
@color-gray-light: rgb(212, 223, 229);
@color-gray-light-turva: rgb(222, 224, 228);
@color-gray-lighter: rgb(245, 248, 250);
@color-gray-lighter-turva: rgb(245, 247, 250);
@color-gray-lightest: rgb(255, 255, 255);
@color-gray-lightest-turva: rgb(255, 255, 255);
@color-gray-turva: rgb(199, 202, 207);
@color-lt-blue-00: rgb(240, 247, 250);
@color-lt-blue-100: rgb(217, 236, 245);
@color-lt-blue-1000: rgb(8, 42, 77);
@color-lt-blue-200: rgb(198, 225, 238);
@color-lt-blue-300: rgb(172, 210, 229);
@color-lt-blue-400: rgb(131, 188, 217);
@color-lt-blue-50: rgb(228, 241, 247);
@color-lt-blue-500: rgb(50, 153, 204);
@color-lt-blue-600: rgb(0, 119, 179);
@color-lt-blue-700: rgb(0, 97, 155);
@color-lt-blue-800: rgb(0, 75, 129);
@color-lt-blue-900: rgb(3, 56, 102);
@color-lt-gray-00: rgb(245, 248, 250);
@color-lt-gray-100: rgb(212, 223, 229);
@color-lt-gray-1000: rgb(17, 28, 38);
@color-lt-gray-200: rgb(181, 198, 208);
@color-lt-gray-300: rgb(153, 174, 186);
@color-lt-gray-400: rgb(127, 150, 165);
@color-lt-gray-50: rgb(228, 236, 239);
@color-lt-gray-500: rgb(98, 121, 138);
@color-lt-gray-600: rgb(81, 105, 123);
@color-lt-gray-700: rgb(62, 84, 102);
@color-lt-gray-800: rgb(45, 64, 81);
@color-lt-gray-900: rgb(30, 45, 59);
@color-primary: rgb(0, 119, 179);
@color-primary-dark: rgb(0, 75, 129);
@color-primary-dark-turva: rgb(126, 2, 35);
@color-primary-darker: rgb(0, 97, 155);
@color-primary-darker-turva: rgb(164, 4, 40);
@color-primary-light: rgb(198, 225, 238);
@color-primary-light-turva: rgb(255, 185, 190);
@color-primary-lighter: rgb(228, 241, 247);
@color-primary-lighter-turva: rgb(255, 227, 228);
@color-primary-lightest: rgb(240, 247, 250);
@color-primary-lightest-turva: rgb(255, 241, 241);
@color-primary-turva: rgb(198, 12, 48);
@color-secondary: rgb(8, 42, 77);
@color-secondary-turva: rgb(23, 28, 58);
@color-success: rgb(48, 131, 105);
@color-success-00: rgb(244, 250, 247);
@color-success-100: rgb(218, 246, 233);
@color-success-1000: rgb(4, 38, 33);
@color-success-200: rgb(191, 239, 218);
@color-success-300: rgb(163, 229, 202);
@color-success-400: rgb(134, 215, 185);
@color-success-50: rgb(231, 248, 239);
@color-success-500: rgb(105, 196, 166);
@color-success-600: rgb(76, 164, 138);
@color-success-700: rgb(48, 131, 105);
@color-success-800: rgb(29, 106, 88);
@color-success-900: rgb(13, 71, 59);
@color-success-turva: rgb(48, 131, 105);
@color-turva-2-gray-00: rgb(245, 246, 247);
@color-turva-2-gray-100: rgb(212, 221, 226);
@color-turva-2-gray-1000: rgb(6, 23, 38);
@color-turva-2-gray-200: rgb(178, 194, 205);
@color-turva-2-gray-300: rgb(148, 169, 185);
@color-turva-2-gray-400: rgb(120, 145, 164);
@color-turva-2-gray-50: rgb(228, 233, 237);
@color-turva-2-gray-500: rgb(95, 122, 143);
@color-turva-2-gray-600: rgb(72, 100, 122);
@color-turva-2-gray-700: rgb(53, 79, 101);
@color-turva-2-gray-800: rgb(37, 60, 80);
@color-turva-2-gray-900: rgb(23, 42, 59);
@color-turva-2-red-00: rgb(255, 242, 242);
@color-turva-2-red-100: rgb(255, 229, 230);
@color-turva-2-red-1000: rgb(51, 0, 10);
@color-turva-2-red-200: rgb(255, 201, 204);
@color-turva-2-red-300: rgb(249, 164, 172);
@color-turva-2-red-400: rgb(243, 119, 133);
@color-turva-2-red-50: rgb(255, 236, 236);
@color-turva-2-red-500: rgb(236, 69, 96);
@color-turva-2-red-600: rgb(230, 23, 64);
@color-turva-2-red-700: rgb(185, 3, 41);
@color-turva-2-red-800: rgb(140, 0, 30);
@color-turva-2-red-900: rgb(96, 0, 20);
@color-turva-gray-00: rgb(245, 247, 250);
@color-turva-gray-100: rgb(222, 224, 228);
@color-turva-gray-1000: rgb(8, 13, 38);
@color-turva-gray-200: rgb(199, 202, 207);
@color-turva-gray-300: rgb(175, 178, 186);
@color-turva-gray-400: rgb(143, 147, 158);
@color-turva-gray-50: rgb(234, 235, 239);
@color-turva-gray-500: rgb(113, 118, 132);
@color-turva-gray-600: rgb(98, 104, 122);
@color-turva-gray-700: rgb(71, 78, 101);
@color-turva-gray-800: rgb(45, 52, 79);
@color-turva-gray-900: rgb(23, 28, 58);
@color-turva-nude-00: rgb(253, 247, 242);
@color-turva-nude-100: rgb(251, 225, 209);
@color-turva-nude-1000: rgb(38, 21, 15);
@color-turva-nude-200: rgb(241, 202, 178);
@color-turva-nude-300: rgb(216, 174, 150);
@color-turva-nude-400: rgb(190, 147, 124);
@color-turva-nude-50: rgb(251, 235, 225);
@color-turva-nude-500: rgb(165, 122, 101);
@color-turva-nude-600: rgb(140, 98, 79);
@color-turva-nude-700: rgb(114, 76, 60);
@color-turva-nude-800: rgb(89, 56, 43);
@color-turva-nude-900: rgb(64, 38, 28);
@color-turva-red-00: rgb(255, 241, 241);
@color-turva-red-100: rgb(255, 213, 215);
@color-turva-red-1000: rgb(51, 5, 20);
@color-turva-red-200: rgb(255, 185, 190);
@color-turva-red-300: rgb(252, 148, 158);
@color-turva-red-400: rgb(240, 102, 119);
@color-turva-red-50: rgb(255, 227, 228);
@color-turva-red-500: rgb(221, 49, 77);
@color-turva-red-600: rgb(198, 12, 48);
@color-turva-red-700: rgb(164, 4, 40);
@color-turva-red-800: rgb(126, 2, 35);
@color-turva-red-900: rgb(87, 4, 29);
@color-warning: rgb(247, 178, 40);
@color-warning-00: rgb(255, 251, 242);
@color-warning-100: rgb(255, 244, 198);
@color-warning-1000: rgb(38, 26, 4);
@color-warning-200: rgb(255, 232, 160);
@color-warning-300: rgb(255, 217, 120);
@color-warning-400: rgb(255, 199, 79);
@color-warning-50: rgb(255, 247, 221);
@color-warning-500: rgb(247, 178, 40);
@color-warning-600: rgb(196, 138, 23);
@color-warning-700: rgb(156, 110, 22);
@color-warning-800: rgb(126, 87, 16);
@color-warning-900: rgb(81, 55, 9);
@color-warning-turva: rgb(247, 178, 40);
@font-family-heading: 'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@font-family-heading-turva: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@font-family-text: 'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@font-family-text-turva: 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@font-size-large: 1.25rem;
@font-size-medium: 1rem;
@font-size-small: 0.875rem;
@font-size-x-large: 1.5rem;
@font-size-x-small: 0.75rem;
@font-size-xx-large: 2.25rem;
@font-size-xxx-large: 3rem;
@font-size-xxxx-large: 4.5rem;
@font-weight-bold: 700;
@font-weight-extra-bold: 800;
@font-weight-normal: 400;
@font-weight-semi-bold: 600;
@letter-spacing-heading: -0.01rem;
@line-height-medium: 1.5;
@line-height-small: 1.25;
@line-height-x-small: 1.1;
@media-query-large: '(min-width: 62em)';
@media-query-medium: '(min-width: 48em)';
@media-query-small: '(min-width: 36em)';
@media-query-x-large: '(min-width: 64.0625em)';
@media-query-x-small: '(max-width: 35.9375em)';
@media-query-xx-large: '(min-width: 76.25em)';
@media-query-xx-small: '(max-width: 22.5em)';
@media-query-xxx-large: '(min-width: 106.25em)';
@media-query-xxx-small: '(max-width: 20.5em)';
@opacity-30: 0.30;
@opacity-50: 0.50;
@opacity-75: 0.75;
@opacity-85: 0.85;
@radius-circle: 50%;
@radius-default: 4px;
@radius-intermediate: 12px;
@radius-large: 16px;
@radius-medium: 8px;
@radius-pill: 20rem;
@radius-sharp: 0;
@shadow-card: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
@shadow-card-turva: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
@shadow-default: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
@shadow-default-turva: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
@shadow-error: 0 0 0 1px #de2362;
@shadow-error-turva: 0 0 0 1px #e55039;
@shadow-focus: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
@shadow-focus-input: 0 0 0 1px #0077b3;
@shadow-focus-input-turva: 0 0 0 1px #171c3a;
@shadow-focus-turva: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
@shadow-hover: 0 2px 10px 0 rgba(0, 41, 77, 0.1);
@shadow-hover-input: 0 0 0 1px #909599;
@shadow-hover-input-turva: 0 0 0 1px #747475;
@shadow-hover-turva: 0 2px 10px 0 rgba(117, 117, 117, 0.15);
@shadow-modal: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
@shadow-tooltip: 0 2px 10px 0 rgba(0, 41, 77, 0.07);
@shadow-tooltip-turva: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
@size-button-border: 1px;
@size-button-min-width: 8rem;
@size-button-tiny-border: 1px;
@size-form-border: 1px;
@size-header: 4rem;
@size-icon-large: 30px;
@size-icon-medium: 24px;
@size-icon-small: 20px;
@size-icon-x-large: 36px;
@size-icon-x-small: 16px;
@size-icon-xx-large: 48px;
@size-icon-xx-small: 10px;
@size-icon-xxx-large: 72px;
@size-icon-xxx-small: 7px;
@size-layout-max-width: 1110px;
@size-medium-border: 2px;
@size-navigation: 3rem;
@size-step-medium: 40px;
@size-step-small: 30px;
@size-tappable-square: 48px;
@space-large: 20px;
@space-medium: 16px;
@space-small: 12px;
@space-x-large: 28px;
@space-x-small: 8px;
@space-xx-large: 36px;
@space-xx-small: 4px;
@space-xxx-large: 48px;
@space-xxx-small: 2px;
@space-xxxx-large: 72px;
@space-xxxxx-large: 94px;
@transition-quickly: 300ms ease;
@transition-slowly: 600ms ease;
@z-index-deep: -999999;
@z-index-default: 1;
@z-index-dropdown: 600;
@z-index-header: 400;
@z-index-mask: 200;
@z-index-mask-buttons: 250;
@z-index-masked: 100;
@z-index-modal: 900;
@z-index-overlay: 700;
@z-index-popup: 950;
@z-index-spinner: 800;
@z-index-sticky: 300;
@z-index-toast: 500;