$color-background-accent-primary = rgb(240, 247, 250);
$color-background-accent-primary-turva = rgb(253, 247, 242);
$color-background-accent-secondary = rgb(228, 241, 247);
$color-background-accent-secondary-turva = rgb(251, 235, 225);
$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(23, 42, 59);
$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;