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

*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  background: rgb(255, 255, 255);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-variant-numeric: tabular-nums;
}

body {
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(8, 42, 77);
  background: transparent !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.duet-theme-turva body {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgb(23, 28, 58);
}

strong,
b {
  font-weight: 600;
}
.duet-theme-turva strong,
.duet-theme-turva b {
  font-weight: 700;
}

button,
fieldset,
form,
input,
label,
select,
textarea {
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.duet-theme-turva button,
.duet-theme-turva fieldset,
.duet-theme-turva form,
.duet-theme-turva input,
.duet-theme-turva label,
.duet-theme-turva select,
.duet-theme-turva textarea {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  padding: 0;
  margin: 0;
}

i,
em {
  font-style: normal;
}

a {
  color: rgb(0, 119, 179);
  transition: 300ms ease;
}
.duet-theme-turva a {
  color: rgb(198, 12, 48);
}
a:hover {
  color: rgb(0, 75, 129);
  text-decoration: none;
}
.duet-theme-turva a:hover {
  color: rgb(126, 2, 35);
}
a:active {
  opacity: 0.75;
  transition: none;
}

.duet-list {
  padding: 0 0 0 36px;
  margin: 0 0 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(8, 42, 77);
  border: 0 !important;
}
.duet-theme-turva .duet-list {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgb(23, 28, 58);
}

ul.duet-list {
  list-style: disc !important;
}

ol.duet-list {
  list-style-type: decimal !important;
}

.duet-list li {
  padding: 0 !important;
  margin: 0 0 12px !important;
}

.duet-list li:last-of-type {
  margin: 0 !important;
}

.duet-list li ul,
.duet-list li ol {
  margin-top: 12px !important;
}

dl.duet-list {
  padding-left: 0;
  line-height: 1.25;
}
dl.duet-list dt,
dl.duet-list dd {
  display: block;
  padding: 8px 0;
}
dl.duet-list dt {
  padding-bottom: 4px;
  font-weight: 600;
}
dl.duet-list dd {
  padding-top: 0;
  margin: 0;
}
@media (min-width: 36em) {
  dl.duet-list {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 12px;
  }
  dl.duet-list dt,
  dl.duet-list dd {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.duet-sticky-footer body,
.duet-sticky-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

.duet-sticky-content {
  flex: 1 0 auto !important;
}

.duet-font-style-italic {
  font-style: italic !important;
}

.duet-text-left {
  text-align: left !important;
}

.duet-text-center {
  text-align: center !important;
}

.duet-text-right {
  text-align: right !important;
}

.duet-expand {
  width: 100% !important;
}

.duet-reset {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  appearance: none;
  background: transparent;
  border: 0;
}

/* Used to hide an element visually, but keeping
   it accessible for accessibility tools. */
.duet-visually-hidden {
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

.duet-responsive-table {
  position: relative;
  width: 100%;
  overflow-x: auto;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100px 100%, 100px 100%, 12px 100%, 12px 100%;
}

.duet-selected-column {
  background: rgba(0, 119, 179, 0.08);
}
.duet-theme-turva .duet-selected-column {
  background: rgba(113, 118, 132, 0.08);
}

.duet-bg-gradient {
  background-color: rgb(255, 255, 255) !important;
  background-image: linear-gradient(rgb(240, 247, 250), rgb(255, 255, 255)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 1000px !important;
}
.duet-bg-gradient.duet-theme-turva {
  background-image: linear-gradient(rgb(245, 247, 250), rgb(255, 255, 255)) !important;
}

.duet-animate-load body {
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms 180ms ease;
}

.duet-animate-load.hydrated body {
  visibility: visible;
  opacity: 1;
}

duet-paragraph + duet-heading {
  margin-top: 20px !important;
}
@media (min-width: 36em) {
  duet-paragraph + duet-heading {
    margin-top: 28px !important;
  }
}

duet-paragraph + duet-button {
  margin-top: 12px !important;
}

.duet-toast {
  position: fixed;
  top: 16px;
  left: 50%;
  z-index: 500;
  width: calc(100% - 28px);
  max-width: 576px;
  transform: translateX(-50%);
}
.duet-toast duet-alert {
  box-shadow: 0 2px 10px 0 rgba(0, 41, 77, 0.1);
}

.duet-inline-loading-indicator::after {
  display: inline-block;
  min-width: 1.5rem;
  vertical-align: bottom;
  content: "   ";
  animation: duet-inline-loading-keyframes steps(4, end) 750ms infinite;
}

@keyframes duet-inline-loading-keyframes {
  0% {
    content: "   ";
  }
  25% {
    content: ".  ";
  }
  50% {
    content: ".. ";
  }
  75% {
    content: "...";
  }
}
.duet-label {
  display: inline-flex;
  width: auto;
  padding: 0;
  margin: 0;
  margin-top: 8px;
  margin-bottom: 12px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 600 !important;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  text-align: left;
  word-break: break-word;
  appearance: none;
  background: transparent;
  border: 0;
}
.duet-label.duet-label-small {
  font-size: 0.875rem;
}
.duet-label.duet-weight-normal {
  font-weight: 400 !important;
}
.duet-theme-turva .duet-label {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgb(23, 42, 59);
}

.duet-heading.h0 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 9.4vw;
  line-height: 1.1;
}
@media (min-width: 36em) {
  .duet-heading.h0 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva .duet-heading.h0 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 .duet-heading.h0 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 31.914893617rem) {
  .duet-heading.h0 {
    font-size: 3rem;
  }
}
@media (min-width: 47.8723404255rem) {
  .duet-heading.h0 {
    font-size: 4.5rem;
  }
}
@media (max-width: 22.5em) {
  .duet-heading.h0 {
    font-size: 2.25rem;
  }
}

h1.duet-heading,
.duet-heading-h1 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 7vw;
  line-height: 1.1;
}
@media (min-width: 36em) {
  h1.duet-heading,
  .duet-heading-h1 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h1.duet-heading,
.duet-theme-turva .duet-heading-h1 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h1.duet-heading,
.duet-theme-turva2 .duet-heading-h1 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 32.1428571429rem) {
  h1.duet-heading,
  .duet-heading-h1 {
    font-size: 2.25rem;
  }
}
@media (min-width: 42.8571428571rem) {
  h1.duet-heading,
  .duet-heading-h1 {
    font-size: 3rem;
  }
}
@media (max-width: 22.5em) {
  h1.duet-heading,
  .duet-heading-h1 {
    font-size: 1.5rem;
  }
}

h2.duet-heading,
.duet-heading-h2 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 5.8vw;
  line-height: 1.1;
}
@media (min-width: 36em) {
  h2.duet-heading,
  .duet-heading-h2 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h2.duet-heading,
.duet-theme-turva .duet-heading-h2 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h2.duet-heading,
.duet-theme-turva2 .duet-heading-h2 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 25.8620689655rem) {
  h2.duet-heading,
  .duet-heading-h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 38.7931034483rem) {
  h2.duet-heading,
  .duet-heading-h2 {
    font-size: 2.25rem;
  }
}
.duet-theme-turva h2.duet-heading,
.duet-theme-turva .duet-heading-h2 {
  font-style: normal;
}
@media (max-width: 22.5em) {
  h2.duet-heading,
  .duet-heading-h2 {
    font-size: 1.375rem;
  }
}

h3.duet-heading,
.duet-heading-h3 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 4.2vw;
  margin-bottom: 12px;
}
@media (min-width: 36em) {
  h3.duet-heading,
  .duet-heading-h3 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h3.duet-heading,
.duet-theme-turva .duet-heading-h3 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h3.duet-heading,
.duet-theme-turva2 .duet-heading-h3 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 29.7619047619rem) {
  h3.duet-heading,
  .duet-heading-h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 35.7142857143rem) {
  h3.duet-heading,
  .duet-heading-h3 {
    font-size: 1.5rem;
  }
}
.duet-theme-turva h3.duet-heading,
.duet-theme-turva .duet-heading-h3 {
  font-style: normal;
}

h4.duet-heading,
.duet-heading-h4 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 4vw;
  margin-bottom: 8px;
  letter-spacing: 0;
}
@media (min-width: 36em) {
  h4.duet-heading,
  .duet-heading-h4 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h4.duet-heading,
.duet-theme-turva .duet-heading-h4 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h4.duet-heading,
.duet-theme-turva2 .duet-heading-h4 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 27.5rem) {
  h4.duet-heading,
  .duet-heading-h4 {
    font-size: 1.1rem;
  }
}
@media (min-width: 31.25rem) {
  h4.duet-heading,
  .duet-heading-h4 {
    font-size: 1.25rem;
  }
}
.duet-theme-turva h4.duet-heading, .duet-theme-turva2 h4.duet-heading,
.duet-theme-turva .duet-heading-h4,
.duet-theme-turva2 .duet-heading-h4 {
  font-style: normal;
  font-weight: 700;
}

h5.duet-heading,
.duet-heading-h5 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  font-size: 4vw;
  margin-bottom: 8px;
  font-weight: 600;
  letter-spacing: 0;
}
@media (min-width: 36em) {
  h5.duet-heading,
  .duet-heading-h5 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h5.duet-heading,
.duet-theme-turva .duet-heading-h5 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h5.duet-heading,
.duet-theme-turva2 .duet-heading-h5 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
@media (max-width: 27.5rem) {
  h5.duet-heading,
  .duet-heading-h5 {
    font-size: 1.1rem;
  }
}
@media (min-width: 28.4090909091rem) {
  h5.duet-heading,
  .duet-heading-h5 {
    font-size: 1.1363636364rem;
  }
}
.duet-theme-turva h5.duet-heading, .duet-theme-turva2 h5.duet-heading,
.duet-theme-turva .duet-heading-h5,
.duet-theme-turva2 .duet-heading-h5 {
  font-style: normal;
  font-weight: 700;
}

h6.duet-heading,
.duet-heading-h6 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  color: rgb(8, 42, 77);
  letter-spacing: -0.01rem;
  word-break: break-word;
  text-wrap: balance;
  text-decoration: none;
  background: transparent;
  border: 0;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
}
@media (min-width: 36em) {
  h6.duet-heading,
  .duet-heading-h6 {
    margin-bottom: 20px;
  }
}
.duet-theme-turva h6.duet-heading,
.duet-theme-turva .duet-heading-h6 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: italic;
  font-weight: 700;
  color: rgb(23, 28, 58);
}
.duet-theme-turva2 h6.duet-heading,
.duet-theme-turva2 .duet-heading-h6 {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  color: #172a3b;
}
.duet-theme-turva h6.duet-heading, .duet-theme-turva2 h6.duet-heading,
.duet-theme-turva .duet-heading-h6,
.duet-theme-turva2 .duet-heading-h6 {
  font-style: normal;
  font-weight: 700;
}

/* this file is auto-generated as part of the build */
duet-action-button:not(:defined),
duet-alert:not(:defined),
duet-badge:not(:defined),
duet-banner:not(:defined),
duet-breadcrumb:not(:defined),
duet-breadcrumbs:not(:defined),
duet-button:not(:defined),
duet-callout:not(:defined),
duet-caption:not(:defined),
duet-card:not(:defined),
duet-checkbox:not(:defined),
duet-checkmark:not(:defined),
duet-chip:not(:defined),
duet-choice:not(:defined),
duet-choice-group:not(:defined),
duet-collapsible:not(:defined),
duet-combobox:not(:defined),
duet-contact-card:not(:defined),
duet-cookie-consent:not(:defined),
duet-date-picker:not(:defined),
duet-divider:not(:defined),
duet-editable-table:not(:defined),
duet-empty-state:not(:defined),
duet-fieldset:not(:defined),
duet-file-chooser:not(:defined),
duet-footer:not(:defined),
duet-grid:not(:defined),
duet-grid-item:not(:defined),
duet-header:not(:defined),
duet-heading:not(:defined),
duet-hero:not(:defined),
duet-icon:not(:defined),
duet-indicator:not(:defined),
duet-input:not(:defined),
duet-label:not(:defined),
duet-layout:not(:defined),
duet-link:not(:defined),
duet-list:not(:defined),
duet-list-item:not(:defined),
duet-logo:not(:defined),
duet-menu-bar:not(:defined),
duet-menu-bar-button:not(:defined),
duet-menu-bar-dropdown:not(:defined),
duet-menu-bar-dropdown-link:not(:defined),
duet-menu-bar-item:not(:defined),
duet-menu-bar-link:not(:defined),
duet-modal:not(:defined),
duet-multiselect:not(:defined),
duet-nav:not(:defined),
duet-notification:not(:defined),
duet-notification-drawer:not(:defined),
duet-number-input:not(:defined),
duet-overlay:not(:defined),
duet-page-heading:not(:defined),
duet-pagination:not(:defined),
duet-panel:not(:defined),
duet-paragraph:not(:defined),
duet-phone-input:not(:defined),
duet-popup-menu:not(:defined),
duet-popup-menu-item:not(:defined),
duet-progress:not(:defined),
duet-promo-card:not(:defined),
duet-radio:not(:defined),
duet-radio-group:not(:defined),
duet-range-slider:not(:defined),
duet-range-stepper:not(:defined),
duet-scrollable:not(:defined),
duet-section-layout:not(:defined),
duet-select:not(:defined),
duet-shaped-image:not(:defined),
duet-share-chart:not(:defined),
duet-share-chart-item:not(:defined),
duet-show-more:not(:defined),
duet-slideout:not(:defined),
duet-slideout-lang:not(:defined),
duet-slideout-link:not(:defined),
duet-slideout-panel:not(:defined),
duet-slideout-panel-dropdown:not(:defined),
duet-spacer:not(:defined),
duet-spinner:not(:defined),
duet-status-icon:not(:defined),
duet-step:not(:defined),
duet-stepper:not(:defined),
duet-submenu-bar:not(:defined),
duet-submenu-bar-dropdown:not(:defined),
duet-submenu-bar-dropdown-link:not(:defined),
duet-submenu-bar-item:not(:defined),
duet-submenu-bar-link:not(:defined),
duet-tab:not(:defined),
duet-tab-group:not(:defined),
duet-table:not(:defined),
duet-textarea:not(:defined),
duet-toggle:not(:defined),
duet-toolbar:not(:defined),
duet-toolbar-dropdown:not(:defined),
duet-toolbar-dropdown-link:not(:defined),
duet-toolbar-item:not(:defined),
duet-toolbar-link:not(:defined),
duet-tooltip:not(:defined),
duet-tooltip-button:not(:defined),
duet-tooltip-popup:not(:defined),
duet-tray:not(:defined),
duet-upload:not(:defined),
duet-upload-aria-status:not(:defined),
duet-upload-item:not(:defined),
duet-visually-hidden:not(:defined) {
  visibility: hidden;
}

.duet-breakpoints::after {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  box-sizing: border-box;
  padding: 6px 8px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 10px;
  font-weight: 600;
  color: rgb(127, 150, 165);
  background: rgb(245, 248, 250);
  border-top-left-radius: 4px;
}
@media (max-width: 35.9375em) {
  .duet-breakpoints::after {
    content: "X-Small";
  }
}
@media (max-width: 20.5em) {
  .duet-breakpoints::after {
    content: "XXX-Small";
  }
}
@media (max-width: 22.5em) {
  .duet-breakpoints::after {
    content: "XX-Small";
  }
}
@media (min-width: 36em) {
  .duet-breakpoints::after {
    content: "Small";
  }
}
@media (min-width: 48em) {
  .duet-breakpoints::after {
    content: "Medium";
  }
}
@media (min-width: 62em) {
  .duet-breakpoints::after {
    content: "Large";
  }
}
@media (min-width: 64.0625em) {
  .duet-breakpoints::after {
    content: "X-Large";
  }
}
@media (min-width: 76.25em) {
  .duet-breakpoints::after {
    content: "XX-Large";
  }
}
.duet-breakpoints.duet-theme-turva::after {
  color: rgb(143, 147, 158);
  background: rgb(245, 247, 250);
}