@inera/ids-design 4.9.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/components/alert/alert-lit.d.ts +2 -0
  2. package/components/alert/alert-lit.js +1 -1
  3. package/components/alert/alert.css +225 -1
  4. package/components/alert-global/alert-global-lit.d.ts +2 -0
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +167 -1
  7. package/components/badge/badge-lit.d.ts +2 -0
  8. package/components/badge/badge-lit.js +1 -1
  9. package/components/badge/badge.css +60 -1
  10. package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -0
  11. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  12. package/components/breadcrumbs/breadcrumbs.css +90 -1
  13. package/components/button/button-lit.d.ts +2 -0
  14. package/components/button/button-lit.js +1 -1
  15. package/components/button/button.css +308 -1
  16. package/components/button-group/button-group-lit.d.ts +2 -0
  17. package/components/button-group/button-group-lit.js +1 -1
  18. package/components/button-group/button-group.css +39 -1
  19. package/components/card/card-lit.d.ts +2 -0
  20. package/components/card/card-lit.js +1 -1
  21. package/components/card/card.css +107 -1
  22. package/components/data-table/data-table-lit.d.ts +2 -0
  23. package/components/data-table/data-table-lit.js +7 -0
  24. package/components/data-table/data-table.css +402 -0
  25. package/components/date-label/date-label-lit.d.ts +2 -0
  26. package/components/date-label/date-label-lit.js +1 -1
  27. package/components/date-label/date-label.css +75 -1
  28. package/components/dialog/dialog-lit.d.ts +2 -0
  29. package/components/dialog/dialog-lit.js +1 -1
  30. package/components/dialog/dialog.css +178 -1
  31. package/components/expandable/expandable-lit.d.ts +2 -0
  32. package/components/expandable/expandable-lit.js +1 -1
  33. package/components/expandable/expandable.css +94 -1
  34. package/components/footer/footer-lit.d.ts +2 -0
  35. package/components/footer/footer-lit.js +1 -1
  36. package/components/footer/footer.css +470 -1
  37. package/components/footer-1177/footer-1177-lit.d.ts +2 -0
  38. package/components/footer-1177/footer-1177-lit.js +7 -0
  39. package/components/footer-1177/footer-1177.css +316 -0
  40. package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -0
  41. package/components/footer-1177-admin/footer-1177-admin-lit.js +7 -0
  42. package/components/footer-1177-admin/footer-1177-admin.css +303 -0
  43. package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -0
  44. package/components/footer-1177-pro/footer-1177-pro-lit.js +7 -0
  45. package/components/footer-1177-pro/footer-1177-pro.css +169 -0
  46. package/components/footer-inera/footer-inera-lit.d.ts +2 -0
  47. package/components/footer-inera/footer-inera-lit.js +7 -0
  48. package/components/footer-inera/footer-inera.css +333 -0
  49. package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -0
  50. package/components/footer-inera-admin/footer-inera-admin-lit.js +7 -0
  51. package/components/footer-inera-admin/footer-inera-admin.css +350 -0
  52. package/components/form/error-message/error-message-lit.d.ts +2 -0
  53. package/components/form/error-message/error-message.css +39 -1
  54. package/components/form/group/group-lit.d.ts +2 -0
  55. package/components/form/group/group.css +19 -1
  56. package/components/form/range/range-lit.d.ts +2 -0
  57. package/components/form/range/range.css +34 -1
  58. package/components/form/select-multiple/select-multiple-lit.d.ts +2 -0
  59. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  60. package/components/form/select-multiple/select-multiple.css +189 -1
  61. package/components/form/spinner/spinner-lit.d.ts +2 -0
  62. package/components/form/spinner/spinner.css +60 -1
  63. package/components/form/textarea/textarea-lit.d.ts +2 -0
  64. package/components/form/textarea/textarea.css +0 -1
  65. package/components/form/toggle/toggle-lit.d.ts +2 -0
  66. package/components/form/toggle/toggle-lit.js +1 -1
  67. package/components/form/toggle/toggle.css +153 -1
  68. package/components/grid/column/_column-partials.css +0 -1
  69. package/components/grid/column/column-lit.d.ts +2 -0
  70. package/components/grid/column/column.css +424 -1
  71. package/components/header-1177/composite-header-1177.css +1885 -0
  72. package/components/header-1177/header-1177-avatar-lit.d.ts +2 -0
  73. package/components/header-1177/header-1177-avatar-lit.js +7 -0
  74. package/components/header-1177/header-1177-avatar.css +285 -0
  75. package/components/header-1177/header-1177-item-lit.d.ts +2 -0
  76. package/components/header-1177/header-1177-item-lit.js +7 -0
  77. package/components/header-1177/header-1177-item.css +153 -0
  78. package/components/header-1177/header-1177-lit.d.ts +2 -0
  79. package/components/header-1177/header-1177-lit.js +7 -0
  80. package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -0
  81. package/components/header-1177/header-1177-nav-item-lit.js +7 -0
  82. package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -0
  83. package/components/header-1177/header-1177-nav-item-mobile-lit.js +7 -0
  84. package/components/header-1177/header-1177-nav-item-mobile.css +280 -0
  85. package/components/header-1177/header-1177-nav-item.css +446 -0
  86. package/components/header-1177/header-1177-nav-lit.d.ts +2 -0
  87. package/components/header-1177/header-1177-nav-lit.js +7 -0
  88. package/components/header-1177/header-1177-nav.css +101 -0
  89. package/components/header-1177/header-1177.css +615 -0
  90. package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -0
  91. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +7 -0
  92. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -0
  93. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +7 -0
  94. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +73 -0
  95. package/components/header-1177-admin/header-1177-admin-avatar.css +285 -0
  96. package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -0
  97. package/components/header-1177-admin/header-1177-admin-item-lit.js +7 -0
  98. package/components/header-1177-admin/header-1177-admin-item.css +141 -0
  99. package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -0
  100. package/components/header-1177-admin/header-1177-admin-lit.js +7 -0
  101. package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -0
  102. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +7 -0
  103. package/components/header-1177-admin/header-1177-admin-nav-item.css +434 -0
  104. package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -0
  105. package/components/header-1177-admin/header-1177-admin-nav-lit.js +7 -0
  106. package/components/header-1177-admin/header-1177-admin-nav.css +91 -0
  107. package/components/header-1177-admin/header-1177-admin.css +354 -0
  108. package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -0
  109. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +7 -0
  110. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -0
  111. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +7 -0
  112. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +73 -0
  113. package/components/header-1177-pro/header-1177-pro-avatar.css +301 -0
  114. package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -0
  115. package/components/header-1177-pro/header-1177-pro-item-lit.js +7 -0
  116. package/components/header-1177-pro/header-1177-pro-item.css +157 -0
  117. package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -0
  118. package/components/header-1177-pro/header-1177-pro-lit.js +7 -0
  119. package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -0
  120. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +7 -0
  121. package/components/header-1177-pro/header-1177-pro-nav-item.css +426 -0
  122. package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -0
  123. package/components/header-1177-pro/header-1177-pro-nav-lit.js +7 -0
  124. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -0
  125. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +7 -0
  126. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +287 -0
  127. package/components/header-1177-pro/header-1177-pro-nav.css +97 -0
  128. package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -0
  129. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +7 -0
  130. package/components/header-1177-pro/header-1177-pro-region-picker.css +205 -0
  131. package/components/header-1177-pro/header-1177-pro.css +272 -0
  132. package/components/link/link-lit.d.ts +2 -0
  133. package/components/link/link-lit.js +1 -1
  134. package/components/link/link.css +131 -1
  135. package/components/list/list-lit.d.ts +2 -0
  136. package/components/list/list-lit.js +1 -1
  137. package/components/list/list.css +134 -1
  138. package/components/mobile-menu/mobile-menu-lit.d.ts +2 -0
  139. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  140. package/components/mobile-menu/mobile-menu.css +827 -1
  141. package/components/notification-badge/notification-badge-lit.d.ts +2 -0
  142. package/components/notification-badge/notification-badge-lit.js +1 -1
  143. package/components/notification-badge/notification-badge.css +21 -1
  144. package/components/popover/popover-lit.d.ts +2 -0
  145. package/components/popover/popover-lit.js +7 -0
  146. package/components/popover/popover.css +24 -0
  147. package/components/popover-content/popover-content-lit.d.ts +2 -0
  148. package/components/popover-content/popover-content-lit.js +7 -0
  149. package/components/popover-content/popover-content.css +306 -0
  150. package/components/progressbar/progressbar-lit.d.ts +2 -0
  151. package/components/progressbar/progressbar-lit.js +1 -1
  152. package/components/progressbar/progressbar.css +53 -1
  153. package/components/table/table.css +31 -1
  154. package/components/tabs/tabs-lit.d.ts +2 -0
  155. package/components/tabs/tabs-lit.js +2 -2
  156. package/components/tabs/tabs.css +124 -1
  157. package/components/tag/tag-lit.d.ts +2 -0
  158. package/components/tag/tag-lit.js +1 -1
  159. package/components/tag/tag.css +59 -1
  160. package/global/_partials.css +7 -1
  161. package/global/global.css +2949 -1
  162. package/global/util/util.css +2234 -1
  163. package/package.json +1 -1
  164. package/themes/1177/1177-tokens.css +32 -1
  165. package/themes/1177/1177.css +3967 -1
  166. package/themes/1177-pro/1177-pro-tokens.css +1 -1
  167. package/themes/1177-pro/1177-pro.css +4112 -1
  168. package/themes/inera/inera-tokens.css +52 -1
  169. package/themes/inera/inera.css +3956 -1
  170. package/themes/inera-admin/inera-admin-tokens.css +1 -1
  171. package/themes/inera-admin/inera-admin.css +4044 -1
  172. package/themes/reset.css +61 -1
package/themes/inera/inera.css CHANGED
@@ -1 +1,3956 @@
1
- .ids *,.ids *::before,.ids *::after{box-sizing:border-box}body.ids,.ids h1,.ids h2,.ids h3,.ids h4,.ids h5,.ids h6,.ids p,.ids dl,.ids dd,.ids figure,.ids picture{margin:0}body.ids{background-color:var(--IDS-COLOR-NEUTRAL-100);color:black;font-family:var(--font-family_1);font-size:1rem;min-height:100%}.ids img,.ids picture{max-width:100%;display:block}.ids input,.ids button,.ids textarea,.ids select{font:inherit}.ids ul[class],.ids ol[class]{list-style:none;padding:0}@media (prefers-reduced-motion: reduce){.ids *,.ids *::before,.ids *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.ids-block{display:block !important}.ids-inline-block{display:inline-block}.ids-no-margin{margin:0px !important}.ids .ids-mt-0{margin-top:0px}.ids .ids-mt-1{margin-top:0.25rem}.ids .ids-mt-2{margin-top:0.5rem}.ids .ids-mt-3{margin-top:0.75rem}.ids .ids-mt-4{margin-top:1rem}.ids .ids-mt-5{margin-top:1.25rem}.ids .ids-mt-6{margin-top:1.5rem}.ids .ids-mt-7{margin-top:1.75rem}.ids .ids-mt-8{margin-top:2rem}.ids .ids-mt-9{margin-top:2.25rem}.ids .ids-mt-10{margin-top:2.5rem}.ids .ids-mt-11{margin-top:2.75rem}.ids .ids-mt-12{margin-top:3rem}.ids .ids-mr-0{margin-right:0px}.ids .ids-mr-1{margin-right:0.25rem}.ids .ids-mr-2{margin-right:0.5rem}.ids .ids-mr-3{margin-right:0.75rem}.ids .ids-mr-4{margin-right:1rem}.ids .ids-mr-5{margin-right:1.25rem}.ids .ids-mr-6{margin-right:1.5rem}.ids .ids-mr-7{margin-right:1.75rem}.ids .ids-mr-8{margin-right:2rem}.ids .ids-mr-9{margin-right:2.25rem}.ids .ids-mr-10{margin-right:2.5rem}.ids .ids-mr-11{margin-right:2.75rem}.ids .ids-mr-12{margin-right:3rem}.ids .ids-mb-0{margin-bottom:0px}.ids .ids-mb-1{margin-bottom:0.25rem}.ids .ids-mb-2{margin-bottom:0.5rem}.ids .ids-mb-3{margin-bottom:0.75rem}.ids .ids-mb-4{margin-bottom:1rem}.ids .ids-mb-5{margin-bottom:1.25rem}.ids .ids-mb-6{margin-bottom:1.5rem}.ids .ids-mb-7{margin-bottom:1.75rem}.ids .ids-mb-8{margin-bottom:2rem}.ids .ids-mb-9{margin-bottom:2.25rem}.ids .ids-mb-10{margin-bottom:2.5rem}.ids .ids-mb-11{margin-bottom:2.75rem}.ids .ids-mb-12{margin-bottom:3rem}.ids .ids-ml-0{margin-left:0px}.ids .ids-ml-1{margin-left:0.25rem}.ids .ids-ml-2{margin-left:0.5rem}.ids .ids-ml-3{margin-left:0.75rem}.ids .ids-ml-4{margin-left:1rem}.ids .ids-ml-5{margin-left:1.25rem}.ids .ids-ml-6{margin-left:1.5rem}.ids .ids-ml-7{margin-left:1.75rem}.ids .ids-ml-8{margin-left:2rem}.ids .ids-ml-9{margin-left:2.25rem}.ids .ids-ml-10{margin-left:2.5rem}.ids .ids-ml-11{margin-left:2.75rem}.ids .ids-ml-12{margin-left:3rem}.ids .ids-my-0{margin-top:0px;margin-bottom:0px}.ids .ids-my-1{margin-top:0.25rem;margin-bottom:0.25rem}.ids .ids-my-2{margin-top:0.5rem;margin-bottom:0.5rem}.ids .ids-my-3{margin-top:0.75rem;margin-bottom:0.75rem}.ids .ids-my-4{margin-top:1rem;margin-bottom:1rem}.ids .ids-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ids .ids-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ids .ids-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.ids .ids-my-8{margin-top:2rem;margin-bottom:2rem}.ids .ids-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.ids .ids-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.ids .ids-my-11{margin-top:2.75rem;margin-bottom:2.75rem}.ids .ids-my-12{margin-top:3rem;margin-bottom:3rem}.ids .ids-mx-0{margin-left:0px;margin-right:0px}.ids .ids-mx-1{margin-left:0.25rem;margin-right:0.25rem}.ids .ids-mx-2{margin-left:0.5rem;margin-right:0.5rem}.ids .ids-mx-3{margin-left:0.75rem;margin-right:0.75rem}.ids .ids-mx-4{margin-left:1rem;margin-right:1rem}.ids .ids-mx-5{margin-left:1.25rem;margin-right:1.25rem}.ids .ids-mx-6{margin-left:1.5rem;margin-right:1.5rem}.ids .ids-mx-7{margin-left:1.75rem;margin-right:1.75rem}.ids .ids-mx-8{margin-left:2rem;margin-right:2rem}.ids .ids-mx-9{margin-left:2.25rem;margin-right:2.25rem}.ids .ids-mx-10{margin-left:2.5rem;margin-right:2.5rem}.ids .ids-mx-11{margin-left:2.75rem;margin-right:2.75rem}.ids .ids-mx-12{margin-left:3rem;margin-right:3rem}.ids .ids-pt-0{padding-top:0px}.ids .ids-pt-1{padding-top:0.25rem}.ids .ids-pt-2{padding-top:0.5rem}.ids .ids-pt-3{padding-top:0.75rem}.ids .ids-pt-4{padding-top:1rem}.ids .ids-pt-5{padding-top:1.25rem}.ids .ids-pt-6{padding-top:1.5rem}.ids .ids-pt-7{padding-top:1.75rem}.ids .ids-pt-8{padding-top:2rem}.ids .ids-pt-9{padding-top:2.25rem}.ids .ids-pt-10{padding-top:2.5rem}.ids .ids-pt-11{padding-top:2.75rem}.ids .ids-pt-12{padding-top:3rem}.ids .ids-pb-0{padding-bottom:0px}.ids .ids-pb-1{padding-bottom:0.25rem}.ids .ids-pb-2{padding-bottom:0.5rem}.ids .ids-pb-3{padding-bottom:0.75rem}.ids .ids-pb-4{padding-bottom:1rem}.ids .ids-pb-5{padding-bottom:1.25rem}.ids .ids-pb-6{padding-bottom:1.5rem}.ids .ids-pb-7{padding-bottom:1.75rem}.ids .ids-pb-8{padding-bottom:2rem}.ids .ids-pb-9{padding-bottom:2.25rem}.ids .ids-pb-10{padding-bottom:2.5rem}.ids .ids-pb-11{padding-bottom:2.75rem}.ids .ids-pb-12{padding-bottom:3rem}.ids .ids-pr-0{padding-right:0px}.ids .ids-pr-1{padding-right:0.25rem}.ids .ids-pr-2{padding-right:0.5rem}.ids .ids-pr-3{padding-right:0.75rem}.ids .ids-pr-4{padding-right:1rem}.ids .ids-pr-5{padding-right:1.25rem}.ids .ids-pr-6{padding-right:1.5rem}.ids .ids-pr-7{padding-right:1.75rem}.ids .ids-pr-8{padding-right:2rem}.ids .ids-pr-9{padding-right:2.25rem}.ids .ids-pr-10{padding-right:2.5rem}.ids .ids-pr-11{padding-right:2.75rem}.ids .ids-pr-12{padding-right:3rem}.ids .ids-pl-0{padding-left:0px}.ids .ids-pl-1{padding-left:0.25rem}.ids .ids-pl-2{padding-left:0.5rem}.ids .ids-pl-3{padding-left:0.75rem}.ids .ids-pl-4{padding-left:1rem}.ids .ids-pl-5{padding-left:1.25rem}.ids .ids-pl-6{padding-left:1.5rem}.ids .ids-pl-7{padding-left:1.75rem}.ids .ids-pl-8{padding-left:2rem}.ids .ids-pl-9{padding-left:2.25rem}.ids .ids-pl-10{padding-left:2.5rem}.ids .ids-pl-11{padding-left:2.75rem}.ids .ids-pl-12{padding-left:3rem}.ids .ids-py-0{padding-top:0px;padding-bottom:0px}.ids .ids-py-1{padding-top:0.25rem;padding-bottom:0.25rem}.ids .ids-py-2{padding-top:0.5rem;padding-bottom:0.5rem}.ids .ids-py-3{padding-top:0.75rem;padding-bottom:0.75rem}.ids .ids-py-4{padding-top:1rem;padding-bottom:1rem}.ids .ids-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ids .ids-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ids .ids-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.ids .ids-py-8{padding-top:2rem;padding-bottom:2rem}.ids .ids-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.ids .ids-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ids .ids-py-11{padding-top:2.75rem;padding-bottom:2.75rem}.ids .ids-py-12{padding-top:3rem;padding-bottom:3rem}.ids .ids-px-0{padding-right:0px;padding-left:0px}.ids .ids-px-1{padding-right:0.25rem;padding-left:0.25rem}.ids .ids-px-2{padding-right:0.5rem;padding-left:0.5rem}.ids .ids-px-3{padding-right:0.75rem;padding-left:0.75rem}.ids .ids-px-4{padding-right:1rem;padding-left:1rem}.ids .ids-px-5{padding-right:1.25rem;padding-left:1.25rem}.ids .ids-px-6{padding-right:1.5rem;padding-left:1.5rem}.ids .ids-px-7{padding-right:1.75rem;padding-left:1.75rem}.ids .ids-px-8{padding-right:2rem;padding-left:2rem}.ids .ids-px-9{padding-right:2.25rem;padding-left:2.25rem}.ids .ids-px-10{padding-right:2.5rem;padding-left:2.5rem}.ids .ids-px-11{padding-right:2.75rem;padding-left:2.75rem}.ids .ids-px-12{padding-right:3rem;padding-left:3rem}.ids-hide{display:none}@media only screen and (max-width: 1024px){.ids .ids-m-mt-0{margin-top:0px}.ids .ids-m-mt-1{margin-top:0.25rem}.ids .ids-m-mt-2{margin-top:0.5rem}.ids .ids-m-mt-3{margin-top:0.75rem}.ids .ids-m-mt-4{margin-top:1rem}.ids .ids-m-mt-5{margin-top:1.25rem}.ids .ids-m-mt-6{margin-top:1.5rem}.ids .ids-m-mt-7{margin-top:1.75rem}.ids .ids-m-mt-8{margin-top:2rem}.ids .ids-m-mt-9{margin-top:2.25rem}.ids .ids-m-mt-10{margin-top:2.5rem}.ids .ids-m-mt-11{margin-top:2.75rem}.ids .ids-m-mt-12{margin-top:3rem}.ids .ids-m-mr-0{margin-right:0px}.ids .ids-m-mr-1{margin-right:0.25rem}.ids .ids-m-mr-2{margin-right:0.5rem}.ids .ids-m-mr-3{margin-right:0.75rem}.ids .ids-m-mr-4{margin-right:1rem}.ids .ids-m-mr-5{margin-right:1.25rem}.ids .ids-m-mr-6{margin-right:1.5rem}.ids .ids-m-mr-7{margin-right:1.75rem}.ids .ids-m-mr-8{margin-right:2rem}.ids .ids-m-mr-9{margin-right:2.25rem}.ids .ids-m-mr-10{margin-right:2.5rem}.ids .ids-m-mr-11{margin-right:2.75rem}.ids .ids-m-mr-12{margin-right:3rem}.ids .ids-m-mb-0{margin-bottom:0px}.ids .ids-m-mb-1{margin-bottom:0.25rem}.ids .ids-m-mb-2{margin-bottom:0.5rem}.ids .ids-m-mb-3{margin-bottom:0.75rem}.ids .ids-m-mb-4{margin-bottom:1rem}.ids .ids-m-mb-5{margin-bottom:1.25rem}.ids .ids-m-mb-6{margin-bottom:1.5rem}.ids .ids-m-mb-7{margin-bottom:1.75rem}.ids .ids-m-mb-8{margin-bottom:2rem}.ids .ids-m-mb-9{margin-bottom:2.25rem}.ids .ids-m-mb-10{margin-bottom:2.5rem}.ids .ids-m-mb-11{margin-bottom:2.75rem}.ids .ids-m-mb-12{margin-bottom:3rem}.ids .ids-m-ml-0{margin-left:0px}.ids .ids-m-ml-1{margin-left:0.25rem}.ids .ids-m-ml-2{margin-left:0.5rem}.ids .ids-m-ml-3{margin-left:0.75rem}.ids .ids-m-ml-4{margin-left:1rem}.ids .ids-m-ml-5{margin-left:1.25rem}.ids .ids-m-ml-6{margin-left:1.5rem}.ids .ids-m-ml-7{margin-left:1.75rem}.ids .ids-m-ml-8{margin-left:2rem}.ids .ids-m-ml-9{margin-left:2.25rem}.ids .ids-m-ml-10{margin-left:2.5rem}.ids .ids-m-ml-11{margin-left:2.75rem}.ids .ids-m-ml-12{margin-left:3rem}.ids .ids-m-my-0{margin-top:0px;margin-bottom:0px}.ids .ids-m-my-1{margin-top:0.25rem;margin-bottom:0.25rem}.ids .ids-m-my-2{margin-top:0.5rem;margin-bottom:0.5rem}.ids .ids-m-my-3{margin-top:0.75rem;margin-bottom:0.75rem}.ids .ids-m-my-4{margin-top:1rem;margin-bottom:1rem}.ids .ids-m-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ids .ids-m-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ids .ids-m-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.ids .ids-m-my-8{margin-top:2rem;margin-bottom:2rem}.ids .ids-m-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.ids .ids-m-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.ids .ids-m-my-11{margin-top:2.75rem;margin-bottom:2.75rem}.ids .ids-m-my-12{margin-top:3rem;margin-bottom:3rem}.ids .ids-m-mx-0{margin-left:0px;margin-right:0px}.ids .ids-m-mx-1{margin-left:0.25rem;margin-right:0.25rem}.ids .ids-m-mx-2{margin-left:0.5rem;margin-right:0.5rem}.ids .ids-m-mx-3{margin-left:0.75rem;margin-right:0.75rem}.ids .ids-m-mx-4{margin-left:1rem;margin-right:1rem}.ids .ids-m-mx-5{margin-left:1.25rem;margin-right:1.25rem}.ids .ids-m-mx-6{margin-left:1.5rem;margin-right:1.5rem}.ids .ids-m-mx-7{margin-left:1.75rem;margin-right:1.75rem}.ids .ids-m-mx-8{margin-left:2rem;margin-right:2rem}.ids .ids-m-mx-9{margin-left:2.25rem;margin-right:2.25rem}.ids .ids-m-mx-10{margin-left:2.5rem;margin-right:2.5rem}.ids .ids-m-mx-11{margin-left:2.75rem;margin-right:2.75rem}.ids .ids-m-mx-12{margin-left:3rem;margin-right:3rem}.ids .ids-m-pt-0{padding-top:0px}.ids .ids-m-pt-1{padding-top:0.25rem}.ids .ids-m-pt-2{padding-top:0.5rem}.ids .ids-m-pt-3{padding-top:0.75rem}.ids .ids-m-pt-4{padding-top:1rem}.ids .ids-m-pt-5{padding-top:1.25rem}.ids .ids-m-pt-6{padding-top:1.5rem}.ids .ids-m-pt-7{padding-top:1.75rem}.ids .ids-m-pt-8{padding-top:2rem}.ids .ids-m-pt-9{padding-top:2.25rem}.ids .ids-m-pt-10{padding-top:2.5rem}.ids .ids-m-pt-11{padding-top:2.75rem}.ids .ids-m-pt-12{padding-top:3rem}.ids .ids-m-pb-0{padding-bottom:0px}.ids .ids-m-pb-1{padding-bottom:0.25rem}.ids .ids-m-pb-2{padding-bottom:0.5rem}.ids .ids-m-pb-3{padding-bottom:0.75rem}.ids .ids-m-pb-4{padding-bottom:1rem}.ids .ids-m-pb-5{padding-bottom:1.25rem}.ids .ids-m-pb-6{padding-bottom:1.5rem}.ids .ids-m-pb-7{padding-bottom:1.75rem}.ids .ids-m-pb-8{padding-bottom:2rem}.ids .ids-m-pb-9{padding-bottom:2.25rem}.ids .ids-m-pb-10{padding-bottom:2.5rem}.ids .ids-m-pb-11{padding-bottom:2.75rem}.ids .ids-m-pb-12{padding-bottom:3rem}.ids .ids-m-pr-0{padding-right:0px}.ids .ids-m-pr-1{padding-right:0.25rem}.ids .ids-m-pr-2{padding-right:0.5rem}.ids .ids-m-pr-3{padding-right:0.75rem}.ids .ids-m-pr-4{padding-right:1rem}.ids .ids-m-pr-5{padding-right:1.25rem}.ids .ids-m-pr-6{padding-right:1.5rem}.ids .ids-m-pr-7{padding-right:1.75rem}.ids .ids-m-pr-8{padding-right:2rem}.ids .ids-m-pr-9{padding-right:2.25rem}.ids .ids-m-pr-10{padding-right:2.5rem}.ids .ids-m-pr-11{padding-right:2.75rem}.ids .ids-m-pr-12{padding-right:3rem}.ids .ids-m-pl-0{padding-left:0px}.ids .ids-m-pl-1{padding-left:0.25rem}.ids .ids-m-pl-2{padding-left:0.5rem}.ids .ids-m-pl-3{padding-left:0.75rem}.ids .ids-m-pl-4{padding-left:1rem}.ids .ids-m-pl-5{padding-left:1.25rem}.ids .ids-m-pl-6{padding-left:1.5rem}.ids .ids-m-pl-7{padding-left:1.75rem}.ids .ids-m-pl-8{padding-left:2rem}.ids .ids-m-pl-9{padding-left:2.25rem}.ids .ids-m-pl-10{padding-left:2.5rem}.ids .ids-m-pl-11{padding-left:2.75rem}.ids .ids-m-pl-12{padding-left:3rem}.ids .ids-m-py-0{padding-top:0px;padding-bottom:0px}.ids .ids-m-py-1{padding-top:0.25rem;padding-bottom:0.25rem}.ids .ids-m-py-2{padding-top:0.5rem;padding-bottom:0.5rem}.ids .ids-m-py-3{padding-top:0.75rem;padding-bottom:0.75rem}.ids .ids-m-py-4{padding-top:1rem;padding-bottom:1rem}.ids .ids-m-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ids .ids-m-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ids .ids-m-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.ids .ids-m-py-8{padding-top:2rem;padding-bottom:2rem}.ids .ids-m-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.ids .ids-m-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ids .ids-m-py-11{padding-top:2.75rem;padding-bottom:2.75rem}.ids .ids-m-py-12{padding-top:3rem;padding-bottom:3rem}.ids .ids-m-px-0{padding-right:0px;padding-left:0px}.ids .ids-m-px-1{padding-right:0.25rem;padding-left:0.25rem}.ids .ids-m-px-2{padding-right:0.5rem;padding-left:0.5rem}.ids .ids-m-px-3{padding-right:0.75rem;padding-left:0.75rem}.ids .ids-m-px-4{padding-right:1rem;padding-left:1rem}.ids .ids-m-px-5{padding-right:1.25rem;padding-left:1.25rem}.ids .ids-m-px-6{padding-right:1.5rem;padding-left:1.5rem}.ids .ids-m-px-7{padding-right:1.75rem;padding-left:1.75rem}.ids .ids-m-px-8{padding-right:2rem;padding-left:2rem}.ids .ids-m-px-9{padding-right:2.25rem;padding-left:2.25rem}.ids .ids-m-px-10{padding-right:2.5rem;padding-left:2.5rem}.ids .ids-m-px-11{padding-right:2.75rem;padding-left:2.75rem}.ids .ids-m-px-12{padding-right:3rem;padding-left:3rem}.ids .ids-hide-on-m,.ids .ids-m-hide{display:none}}@media only screen and (max-width: 640px){.ids .ids-s-mt-0{margin-top:0px}.ids .ids-s-mt-1{margin-top:0.25rem}.ids .ids-s-mt-2{margin-top:0.5rem}.ids .ids-s-mt-3{margin-top:0.75rem}.ids .ids-s-mt-4{margin-top:1rem}.ids .ids-s-mt-5{margin-top:1.25rem}.ids .ids-s-mt-6{margin-top:1.5rem}.ids .ids-s-mt-7{margin-top:1.75rem}.ids .ids-s-mt-8{margin-top:2rem}.ids .ids-s-mt-9{margin-top:2.25rem}.ids .ids-s-mt-10{margin-top:2.5rem}.ids .ids-s-mt-11{margin-top:2.75rem}.ids .ids-s-mt-12{margin-top:3rem}.ids .ids-s-mr-0{margin-right:0px}.ids .ids-s-mr-1{margin-right:0.25rem}.ids .ids-s-mr-2{margin-right:0.5rem}.ids .ids-s-mr-3{margin-right:0.75rem}.ids .ids-s-mr-4{margin-right:1rem}.ids .ids-s-mr-5{margin-right:1.25rem}.ids .ids-s-mr-6{margin-right:1.5rem}.ids .ids-s-mr-7{margin-right:1.75rem}.ids .ids-s-mr-8{margin-right:2rem}.ids .ids-s-mr-9{margin-right:2.25rem}.ids .ids-s-mr-10{margin-right:2.5rem}.ids .ids-s-mr-11{margin-right:2.75rem}.ids .ids-s-mr-12{margin-right:3rem}.ids .ids-s-mb-0{margin-bottom:0px}.ids .ids-s-mb-1{margin-bottom:0.25rem}.ids .ids-s-mb-2{margin-bottom:0.5rem}.ids .ids-s-mb-3{margin-bottom:0.75rem}.ids .ids-s-mb-4{margin-bottom:1rem}.ids .ids-s-mb-5{margin-bottom:1.25rem}.ids .ids-s-mb-6{margin-bottom:1.5rem}.ids .ids-s-mb-7{margin-bottom:1.75rem}.ids .ids-s-mb-8{margin-bottom:2rem}.ids .ids-s-mb-9{margin-bottom:2.25rem}.ids .ids-s-mb-10{margin-bottom:2.5rem}.ids .ids-s-mb-11{margin-bottom:2.75rem}.ids .ids-s-mb-12{margin-bottom:3rem}.ids .ids-s-ml-0{margin-left:0px}.ids .ids-s-ml-1{margin-left:0.25rem}.ids .ids-s-ml-2{margin-left:0.5rem}.ids .ids-s-ml-3{margin-left:0.75rem}.ids .ids-s-ml-4{margin-left:1rem}.ids .ids-s-ml-5{margin-left:1.25rem}.ids .ids-s-ml-6{margin-left:1.5rem}.ids .ids-s-ml-7{margin-left:1.75rem}.ids .ids-s-ml-8{margin-left:2rem}.ids .ids-s-ml-9{margin-left:2.25rem}.ids .ids-s-ml-10{margin-left:2.5rem}.ids .ids-s-ml-11{margin-left:2.75rem}.ids .ids-s-ml-12{margin-left:3rem}.ids .ids-s-my-0{margin-top:0px;margin-bottom:0px}.ids .ids-s-my-1{margin-top:0.25rem;margin-bottom:0.25rem}.ids .ids-s-my-2{margin-top:0.5rem;margin-bottom:0.5rem}.ids .ids-s-my-3{margin-top:0.75rem;margin-bottom:0.75rem}.ids .ids-s-my-4{margin-top:1rem;margin-bottom:1rem}.ids .ids-s-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ids .ids-s-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ids .ids-s-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.ids .ids-s-my-8{margin-top:2rem;margin-bottom:2rem}.ids .ids-s-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.ids .ids-s-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.ids .ids-s-my-11{margin-top:2.75rem;margin-bottom:2.75rem}.ids .ids-s-my-12{margin-top:3rem;margin-bottom:3rem}.ids .ids-s-mx-0{margin-left:0px;margin-right:0px}.ids .ids-s-mx-1{margin-left:0.25rem;margin-right:0.25rem}.ids .ids-s-mx-2{margin-left:0.5rem;margin-right:0.5rem}.ids .ids-s-mx-3{margin-left:0.75rem;margin-right:0.75rem}.ids .ids-s-mx-4{margin-left:1rem;margin-right:1rem}.ids .ids-s-mx-5{margin-left:1.25rem;margin-right:1.25rem}.ids .ids-s-mx-6{margin-left:1.5rem;margin-right:1.5rem}.ids .ids-s-mx-7{margin-left:1.75rem;margin-right:1.75rem}.ids .ids-s-mx-8{margin-left:2rem;margin-right:2rem}.ids .ids-s-mx-9{margin-left:2.25rem;margin-right:2.25rem}.ids .ids-s-mx-10{margin-left:2.5rem;margin-right:2.5rem}.ids .ids-s-mx-11{margin-left:2.75rem;margin-right:2.75rem}.ids .ids-s-mx-12{margin-left:3rem;margin-right:3rem}.ids .ids-s-pt-0{padding-top:0px}.ids .ids-s-pt-1{padding-top:0.25rem}.ids .ids-s-pt-2{padding-top:0.5rem}.ids .ids-s-pt-3{padding-top:0.75rem}.ids .ids-s-pt-4{padding-top:1rem}.ids .ids-s-pt-5{padding-top:1.25rem}.ids .ids-s-pt-6{padding-top:1.5rem}.ids .ids-s-pt-7{padding-top:1.75rem}.ids .ids-s-pt-8{padding-top:2rem}.ids .ids-s-pt-9{padding-top:2.25rem}.ids .ids-s-pt-10{padding-top:2.5rem}.ids .ids-s-pt-11{padding-top:2.75rem}.ids .ids-s-pt-12{padding-top:3rem}.ids .ids-s-pb-0{padding-bottom:0px}.ids .ids-s-pb-1{padding-bottom:0.25rem}.ids .ids-s-pb-2{padding-bottom:0.5rem}.ids .ids-s-pb-3{padding-bottom:0.75rem}.ids .ids-s-pb-4{padding-bottom:1rem}.ids .ids-s-pb-5{padding-bottom:1.25rem}.ids .ids-s-pb-6{padding-bottom:1.5rem}.ids .ids-s-pb-7{padding-bottom:1.75rem}.ids .ids-s-pb-8{padding-bottom:2rem}.ids .ids-s-pb-9{padding-bottom:2.25rem}.ids .ids-s-pb-10{padding-bottom:2.5rem}.ids .ids-s-pb-11{padding-bottom:2.75rem}.ids .ids-s-pb-12{padding-bottom:3rem}.ids .ids-s-pr-0{padding-right:0px}.ids .ids-s-pr-1{padding-right:0.25rem}.ids .ids-s-pr-2{padding-right:0.5rem}.ids .ids-s-pr-3{padding-right:0.75rem}.ids .ids-s-pr-4{padding-right:1rem}.ids .ids-s-pr-5{padding-right:1.25rem}.ids .ids-s-pr-6{padding-right:1.5rem}.ids .ids-s-pr-7{padding-right:1.75rem}.ids .ids-s-pr-8{padding-right:2rem}.ids .ids-s-pr-9{padding-right:2.25rem}.ids .ids-s-pr-10{padding-right:2.5rem}.ids .ids-s-pr-11{padding-right:2.75rem}.ids .ids-s-pr-12{padding-right:3rem}.ids .ids-s-pl-0{padding-left:0px}.ids .ids-s-pl-1{padding-left:0.25rem}.ids .ids-s-pl-2{padding-left:0.5rem}.ids .ids-s-pl-3{padding-left:0.75rem}.ids .ids-s-pl-4{padding-left:1rem}.ids .ids-s-pl-5{padding-left:1.25rem}.ids .ids-s-pl-6{padding-left:1.5rem}.ids .ids-s-pl-7{padding-left:1.75rem}.ids .ids-s-pl-8{padding-left:2rem}.ids .ids-s-pl-9{padding-left:2.25rem}.ids .ids-s-pl-10{padding-left:2.5rem}.ids .ids-s-pl-11{padding-left:2.75rem}.ids .ids-s-pl-12{padding-left:3rem}.ids .ids-s-py-0{padding-top:0px;padding-bottom:0px}.ids .ids-s-py-1{padding-top:0.25rem;padding-bottom:0.25rem}.ids .ids-s-py-2{padding-top:0.5rem;padding-bottom:0.5rem}.ids .ids-s-py-3{padding-top:0.75rem;padding-bottom:0.75rem}.ids .ids-s-py-4{padding-top:1rem;padding-bottom:1rem}.ids .ids-s-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ids .ids-s-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ids .ids-s-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.ids .ids-s-py-8{padding-top:2rem;padding-bottom:2rem}.ids .ids-s-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.ids .ids-s-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ids .ids-s-py-11{padding-top:2.75rem;padding-bottom:2.75rem}.ids .ids-s-py-12{padding-top:3rem;padding-bottom:3rem}.ids .ids-s-px-0{padding-right:0px;padding-left:0px}.ids .ids-s-px-1{padding-right:0.25rem;padding-left:0.25rem}.ids .ids-s-px-2{padding-right:0.5rem;padding-left:0.5rem}.ids .ids-s-px-3{padding-right:0.75rem;padding-left:0.75rem}.ids .ids-s-px-4{padding-right:1rem;padding-left:1rem}.ids .ids-s-px-5{padding-right:1.25rem;padding-left:1.25rem}.ids .ids-s-px-6{padding-right:1.5rem;padding-left:1.5rem}.ids .ids-s-px-7{padding-right:1.75rem;padding-left:1.75rem}.ids .ids-s-px-8{padding-right:2rem;padding-left:2rem}.ids .ids-s-px-9{padding-right:2.25rem;padding-left:2.25rem}.ids .ids-s-px-10{padding-right:2.5rem;padding-left:2.5rem}.ids .ids-s-px-11{padding-right:2.75rem;padding-left:2.75rem}.ids .ids-s-px-12{padding-right:3rem;padding-left:3rem}.ids .ids-hide-on-s,.ids .ids-s-hide{display:none}}.ids-label{display:inline-block;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-label.ids-label--disabled{font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-radio,ids-radio input{position:absolute;opacity:0}ids-radio *[slot=tooltip]{margin-left:5px}.ids-label--radio{display:inline-flex;align-items:center}.ids-label--radio.ids-label--light:before{background-color:white}.ids-label--radio:before{content:"";flex:0 0 auto;background:var(--IDS-RADIO__BACKGROUND-COLOR);box-sizing:border-box;border-radius:100%;border:var(--IDS-RADIO__BORDER);display:inline-block;width:1.25rem;height:1.25rem;position:relative;cursor:pointer;text-align:center;margin-right:0.625rem}input[type=radio]:checked+.ids-label--radio:before{background-color:var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);box-shadow:inset 0 0 0 2px white}input[type=radio]:disabled+.ids-label--radio:before{background-image:var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:none}input[type=radio][aria-invalid=true]:not(:checked)+.ids-label--radio:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE)}input:focus+.ids-label--radio::before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-label--checkbox::before{content:"";cursor:pointer;background-color:var(--IDS-CHECKBOX_BACKGROUND-COLOR);border:var(--IDS-CHECKBOX_BORDER);border-radius:var(--IDS-CHECKBOX_BORDER-RADIUS);box-sizing:border-box;min-height:1.25rem;min-width:1.25rem}.ids-label--checkbox::after{content:"";min-height:1.25rem;min-width:1.25rem;position:absolute;cursor:pointer;background-position:center center;background-size:1em 1em;background-repeat:no-repeat}.ids-checkbox,ids-checkbox input{opacity:0;position:absolute}ids-checkbox *[slot=tooltip]{margin-left:5px}.ids-label--checkbox{position:relative;display:inline-flex;align-items:center;gap:0.625rem}input:focus+.ids-label--checkbox::before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}input:checked+.ids-label--checkbox::after{background-image:var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE)}.ids-label--checkbox.ids-label--checkbox--no-label{justify-content:center;margin-bottom:0px;gap:0px}.ids-label--checkbox.ids-label--light:not(.ids-label--invalid)::before{background:white}.ids-label--checkbox.ids-label--disabled::before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:none !important;background-image:var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important}input:checked+.ids-label--checkbox.ids-label--disabled::after{background-image:var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important}.ids-label--checkbox.ids-label--invalid::before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE)}input:checked+.ids-label--checkbox.ids-label--invalid::after{background-image:var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-input,.ids-select,.ids-textarea,input.ids-time{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input.ids-input--invalid,.ids-textarea.ids-input--invalid,input.ids-time.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-select:disabled,.ids-textarea:disabled,input.ids-time:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-input{width:100%}.ids-input.ids-input--search{margin-top:0px !important;margin-bottom:0px !important;height:3.75rem;padding-left:55px !important;font-size:18px !important}.ids-input:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-input__hint{margin-top:5px;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);display:flex;justify-content:end;line-height:1.5rem;font-size:1rem;font-style:italic}.ids-input-wrapper{position:relative;display:flex;gap:10px}.ids-input-wrapper .ids-input{width:100%;min-height:3rem}.ids-input-wrapper .ids-input__icon{pointer-events:none;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.ids-input-wrapper .ids-input__prepend-icon{pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.ids-input-wrapper .ids-input__prepend-icon+.ids-input{padding-left:55px !important}.ids-input:focus{box-shadow:var(--IDS-INPUT_BOX-SHADOW)}.ids-input[type=search]{padding-left:55px}.ids-input.ids-input--light:not(:invalid){background-color:white}.ids-input.ids-input--search::-webkit-search-cancel-button,.ids-input.ids-input--search::-webkit-search-results-button,.ids-input.ids-input--search::-webkit-search-results-decoration{cursor:pointer;-webkit-appearance:none;height:20px;width:20px;background-image:var(--IDS-INPUT--SEARCH__CANCEL-ICON)}@media (max-width: 1024px){.ids-input.ids-input--search{padding-left:20px !important;font-size:16px !important;margin-right:var(--input-search-mobile_margin-right);border-radius:var(--IDS-INPUT--SEARCH__BORDER-RADIUS);height:3.125rem}}.ids-range{-webkit-appearance:none;width:100%;height:8px;background-color:var(--IDS-RANGE__BACKGROUND-COLOR);background-image:linear-gradient(var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR), var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR));background-repeat:no-repeat;border:1px;cursor:pointer;display:block;padding:0px;border-radius:16px}.ids-range:disabled{-webkit-appearance:none;width:100%;height:8px;background-color:var(--IDS-RANGE__BACKGROUND-COLOR);background-image:linear-gradient(var(--IDS-RANGE-SELECTION--DISABLED__COLOR), var(--IDS-RANGE-SELECTION--DISABLED__COLOR));background-repeat:no-repeat;border:1px;padding:0px;border-radius:16px}.ids-range::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.ids-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid white;height:24px;width:24px;border-radius:100%;background:var(--IDS-RANGE-THUMB__BACKGROUND-COLOR);cursor:pointer}.ids-range:disabled::-webkit-slider-thumb{cursor:default;background:var(--IDS-RANGE-SELECTION--DISABLED__COLOR)}.ids-range::-ms-thumb{border:2px solid white;height:22px;width:24px;border-radius:100%;cursor:pointer}.ids-range:disabled::-ms-thumb{cursor:default}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-input,.ids-select,.ids-textarea,input.ids-time{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input.ids-input--invalid,.ids-textarea.ids-input--invalid,input.ids-time.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-select:disabled,.ids-textarea:disabled,input.ids-time:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select{-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select.ids-input--light{background-color:white}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-input,.ids-select,.ids-textarea,input.ids-time{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input.ids-input--invalid,.ids-textarea.ids-input--invalid,input.ids-time.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-select:disabled,.ids-textarea:disabled,input.ids-time:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-textarea.ids-input--light{background-color:white}.ids-textarea.ids-textarea--autosize{resize:none;display:block;overflow:hidden}.ids-textarea:focus{box-shadow:var(--IDS-INPUT_BOX-SHADOW)}.ids-textarea::-webkit-scrollbar{width:10px}.ids-textarea::-webkit-scrollbar-track{background:5px var(--IDS-SCROLL_BACKGROUND-COLOR);border-radius:10px;margin:10px}.ids-textarea::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border-radius:10px}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-input,.ids-select,.ids-textarea,input.ids-time{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input.ids-input--invalid,.ids-textarea.ids-input--invalid,input.ids-time.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-select:disabled,.ids-textarea:disabled,input.ids-time:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}input.ids-time{-webkit-appearance:none;-moz-appearance:none;display:inline-block;box-sizing:border-box;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:var(--time-width);height:var(--time-height);padding-left:var(--time-padding-left);padding-top:var(--time-padding-top);padding-bottom:var(--time-padding-bottom)}input.ids-time::-webkit-calendar-picker-indicator{opacity:0;background-size:20px;margin-top:-3px;position:absolute;right:var(--IDS-INPUT__CALENDAR-ICON__RIGHT);top:25px}.ids-form-group__fieldset{border:none;margin:0px;padding:0px;display:flex;flex-direction:column;gap:10px}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:0px}.ids-form-group__fieldset legend{padding:0px;display:inline-flex;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);gap:10px;margin-bottom:10px}:root{--IDS_MAX-WIDTH: 1280px;--ids-font-family: Open sans;--ids-font-color: black}.ids input:focus,.ids select:focus,.ids textarea:focus,.ids ids-button:focus,.ids a:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}[tabindex="0"]:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset);outline-color:var(--focus-outline_color)}:root,:host{--IDS-COLOR-PRIMARY-30: #7e2a4c;--IDS-COLOR-ON-PRIMARY-30: #FFF;--IDS-COLOR-PRIMARY-40: #A33662;--IDS-COLOR-ON-PRIMARY-40: #FFF;--IDS-COLOR-PRIMARY-50: #C03F73;--IDS-COLOR-ON-PRIMARY-50: #FFF;--IDS-COLOR-SECONDARY-40: #E7DAC5;--IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-SECONDARY-90: #F6F1E9;--IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-SECONDARY-95: #F9F6F1;--IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-ACCENT-30: #305A47;--IDS-COLOR-ON-ACCENT-30: #FFF;--IDS-COLOR-ACCENT-40: #40775E;--IDS-COLOR-ON-ACCENT-40: #FFF;--IDS-COLOR-ACCENT-90: #AFD4C4;--IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-GRAPHIC: #FF9517;--IDS-COLOR-ALTERNATIVE: #0CB0C6;--IDS-COLOR-NEUTRAL-20: #353636;--IDS-COLOR-ON-NEUTRAL-20: #FFF;--IDS-COLOR-NEUTRAL-40: #727373;--IDS-COLOR-ON-NEUTRAL-40: #FFF;--IDS-COLOR-NEUTRAL-90: #CCCCCC;--IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-NEUTRAL-99: #F0F0F0;--IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-BACKGROUND: #fff;--IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-SUCCESS-40: #277637;--IDS-COLOR-ON-SUCCESS-40: #FFF;--IDS-COLOR-SUCCESS-99: #E7F7EA;--IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-ATTENTION-40: #FFD748;--IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-ATTENTION-95: #FFF7D9;--IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);--IDS-COLOR-ERROR-40: #DB0F00;--IDS-COLOR-ON-ERROR-40: #FFF;--IDS-COLOR-ERROR-99: #FFDAD7;--IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20)}:root,:host{--IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);--IDS-FORM--DISABLED__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%23727373' stroke-width='1' stroke-dasharray='3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");--IDS-FORM--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-FORM__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-FORM--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);--IDS-FORM--INVALID__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");--IDS-FORM__PLACEHOLDER__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-FORM__LABEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-FORM__LABEL--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-FORM__LABEL__FONT-FAMILY: var(--font-family_1);--IDS-FORM__LABEL__FONT-SIZE: 1rem;--IDS-FORM__LABEL__FONT-WEIGHT: 400;--IDS-FORM__LABEL__LETTER-SPACING: 0px;--IDS-FORM__LABEL__HEIGHT: 1.5rem;--IDS-ERROR-MESSAGE__COLOR: var(--IDS-COLOR-ERROR-40);--IDS-ERROR-MESSAGE__MARGIN-TOP: 0.8rem;--IDS-ERROR-MESSAGE__BACKGROUND-COLOR: #fff;--IDS-ERROR-MESSAGE__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);--IDS-ERROR-MESSAGE__BORDER: 1px solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);--IDS-ERROR-MESSAGE__PADDING: 13px 20px;--IDS-ERROR-MESSAGE__ICON__BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="100%" height="100%" style="" viewBox="0 0 40 40" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5134 12.7567C22.5134 12.7889 22.5129 12.821 22.5118 12.8529C22.5129 12.8828 22.5134 12.913 22.5134 12.9436C22.5134 13.1581 22.4809 13.4575 22.4158 13.8419L20.3119 24.2492C20.2585 24.5129 20.0268 24.7025 19.7577 24.7025C19.4877 24.7025 19.2554 24.5117 19.2031 24.2468L17.1463 13.8419C17.0857 13.5476 17.0439 13.2999 17.021 13.0987C17.007 12.976 17 12.8707 17 12.7827L17 12.7713L17 12.7567C17 11.2342 18.2342 10 19.7567 10C21.2792 10 22.5134 11.2342 22.5134 12.7567ZM21.0564 29.572C20.6977 29.9324 20.2644 30.1126 19.7567 30.1126C19.2489 30.1126 18.8157 29.9324 18.457 29.572C18.0982 29.2117 17.9189 28.7765 17.9189 28.2664C17.9189 27.7675 18.0982 27.3378 18.457 26.9775C18.8157 26.6171 19.2489 26.4369 19.7567 26.4369C20.2644 26.4369 20.6977 26.6171 21.0564 26.9775C21.4151 27.3378 21.5945 27.7675 21.5945 28.2664C21.5945 28.7765 21.4151 29.2117 21.0564 29.572Z" fill="%23DB0F00"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M39.2886 18.5C39.8245 19.4282 39.8245 20.5718 39.2886 21.5L30.9433 35.9545C30.4074 36.8827 29.417 37.4545 28.3452 37.4545H11.6546C10.5828 37.4545 9.59245 36.8827 9.05655 35.9545L0.711251 21.5C0.175351 20.5718 0.175351 19.4282 0.711251 18.5L9.05655 4.04553C9.59245 3.11733 10.5828 2.54553 11.6546 2.54553L28.3452 2.54553C29.417 2.54553 30.4074 3.11733 30.9433 4.04553L39.2886 18.5ZM37.5565 20.5C37.7352 20.1906 37.7352 19.8094 37.5565 19.5L29.2112 5.04553C29.0326 4.73613 28.7025 4.54553 28.3452 4.54553L11.6546 4.54553C11.2974 4.54553 10.9672 4.73613 10.7886 5.04553L2.4433 19.5C2.26467 19.8094 2.26467 20.1906 2.4433 20.5L10.7886 34.9545C10.9672 35.2639 11.2974 35.4545 11.6546 35.4545H28.3452C28.7025 35.4545 29.0326 35.2639 29.2112 34.9545L37.5565 20.5Z" fill="%23DB0F00"></path></svg>');--IDS-ALERT__BUTTON__ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT__HEADLINE__FONT-FAMILY: var(--font-family_2);--IDS-ALERT__HEADLINE__FONT-WEIGHT: 600;--IDS-ALERT--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);--IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-ALERT--INFO__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT--INFO__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);--IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-ALERT--ATTENTION__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT--ATTENTION__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);--IDS-ALERT--SUCCESS__BORDER-COLOR: var(--IDS-COLOR-SUCCESS-40);--IDS-ALERT--SUCCESS__ICON__COLOR-1: var(--IDS-COLOR-SUCCESS-40);--IDS-ALERT--SUCCESS__ICON__COLOR-2: var(--IDS-COLOR-SUCCESS-40);--IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);--IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);--IDS-ALERT--ERROR__ICON__COLOR-1: var(--IDS-COLOR-ERROR-40);--IDS-ALERT--ERROR__ICON__COLOR-2: var(--IDS-COLOR-ERROR-40);--IDS-CHECKBOX_BORDER: 0.0625rem solid var(--IDS-FORM__BORDER-COLOR);--IDS-CHECKBOX_BORDER-RADIUS: var(--IDS-BORDER-RADIUS);--IDS-CHECKBOX_BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%2340775E"></path></svg>');--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23DB0F00"></path></svg>');--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23727373' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23727373"></path></svg>');--IDS-INPUT--INVALID_BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);--IDS-INPUT--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23c12143' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-INPUT--DISABLED_BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);--IDS-INPUT--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-INPUT_BACKGROUND: var(--form-element_background);--IDS-INPUT__CALENDAR-ICON__RIGHT: 10px;--IDS-INPUT_BORDER: 1px solid var(--IDS-FORM__BORDER-COLOR);--IDS-INPUT_BORDER-RADIUS: var(--IDS-BORDER-RADIUS);--IDS-INPUT_BORDER-BOTTOM: 1px solid var(--IDS-COLOR-ACCENT-40);--IDS-INPUT_BOX-SHADOW: none;--IDS-INPUT_COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-INPUT__ICON--DISABLED__FILL: var(--IDS-COLOR-NEUTRAL-40);--IDS-INPUT--SEARCH__BORDER-RADIUS: 3px;--IDS-INPUT--SEARCH__CANCEL-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="20" height="20" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="%2340775E"></path></svg>');--IDS-RADIO__BACKGROUND-COLOR: var(--form-element_background);--IDS-RADIO__BORDER: 1px solid var(--IDS-FORM__BORDER-COLOR);--IDS-RADIO--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-RADIO--CHECKED__BOX-SHADOW: inset 0 0 0 2px var(--IDS-RADIO__BACKGROUND-COLOR);--IDS-RADIO--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-RADIO--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");--IDS-SELECT__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%2340775E"></path></g></svg>');--IDS-SELECT--INVALID__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23DB0F00"></path></g></svg>');--IDS-SELECT--DISABLED__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23727373"></path></g></svg>');--IDS-TOGGLE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-40);--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);--IDS-TOGGLE-ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-TOGGLE-ICON--ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);--IDS-TOGGLE-ICON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-TOGGLE-KNOB--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);--IDS-TOGGLE-SLIDER--DISABLED__BORDER: 1px dashed var(--IDS-COLOR-NEUTRAL-40);--IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-TEXTAREA-SCROLL__BACKGROUND-COLOR: var(--IDS-SCROLL_BACKGROUND-COLOR);--IDS-RANGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);--IDS-RANGE-SELECTION__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-RANGE-THUMB__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-RANGE-TICK-LINE__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-RANGE-TICK__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-RANGE-SELECTION--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-BOX-SHADOW: 0px 2px 6px rgba(0, 0, 0, 0.15);--IDS-BOX-SHADOW-INNER: inset 0px 5px 10px rgba(0, 0, 0, 0.2);--IDS-BOX-SHADOW-ALT: 0px 0px 10px rgba(0, 0, 0, 0.3);--IDS-BORDER-RADIUS: 3px;--IDS-SCROLL_BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);--IDS-SCROLL_COLOR: var(--IDS-COLOR-ACCENT-40);--focus_outline: 2px solid var(--focus-outline_color);--focus_outline-offset: 2px;--focus-outline_color: var(--IDS-COLOR-NEUTRAL-20);--focus-outline-bright_color: white;--font-family_1: 'Open Sans';--font-family_2: 'Poppins';--IDS_BORDER-RADIUS: 3px;--form-element_background: var(--IDS-COLOR-SECONDARY-95);--spinner_color: var(--IDS-COLOR-ACCENT-40);--IDS-ALERT-GLOBAL__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);--IDS-ALERT-GLOBAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT-GLOBAL__HEADLINE__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY: var(--font-family_2);--IDS-ALERT-GLOBAL__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT-GLOBAL__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);--IDS-ALERT-GLOBAL__BUTTON__ICON__COLOR: var(--IDS-COLOR-ON-ATTENTION-95);--IDS-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-BADGE--PRIMARY__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-40);--IDS-BADGE--PRIMARY__COLOR: white;--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);--IDS-BADGE--NEUTRAL__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-99);--IDS-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);--IDS-BADGE--INFO__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-BADGE--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);--IDS-BADGE--ATTENTION__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-BADGE--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);--IDS-BADGE--SUCCESS__BORDER: 1px solid var(--IDS-COLOR-SUCCESS-40);--IDS-BADGE--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);--IDS-BADGE--ERROR__BORDER: 1px solid var(--IDS-COLOR-ERROR-40);--IDS-BADGE--SECONDARY__BACKGROUND-COLOR: white;--IDS-BADGE--SECONDARY__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-BREADCRUMBS__CHEVRON__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-BREADCRUMBS__COLOR: var(--IDS-COLOR-NEUTRAL-20);--btn_background-color: var(--IDS-COLOR-ACCENT-40);--btn-fab_border: 1px solid var(--IDS-COLOR-NEUTRAL-90);--btn-s_height: 30px;--btn-m_height: 40px;--btn-l_height: 50px;--btn-s_padding: 0px 40px;--btn-m_padding: 9px 40px;--btn-l_padding: 17px 40px;--btn_font-family: var(--font-family_1);--btn_font-weight: 400em;--btn-mobile_font-weight: 400em;--btn-active_background-color: var(--IDS-COLOR-ACCENT-30);--btn-active_box-shadow: var(--IDS-BOX-SHADOW);--btn-secondary-s_height: 1.875rem;--btn-secondary-m_height: 2.5rem;--btn-secondary-l_height: 3.125rem;--btn-secondary-s_padding: 0px 40px;--btn-secondary-m_padding: 8px 40px;--btn-secondary-l_padding: 16px 40px;--btn-secondary_color: var(--IDS-COLOR-ACCENT-40);--btn-secondary_border: 1px solid var(--IDS-COLOR-ACCENT-40);--btn-secondary-active_border: 1px solid var(--IDS-COLOR-ACCENT-30);--btn-secondary-active_background-color: var(--IDS-COLOR-ACCENT-30);--btn-secondary-active_color: var(--IDS-COLOR-ON-ACCENT-30);--btn-secondary-hover-icon_color: var(--IDS-COLOR-ON-ACCENT-30);--btn-tertiary_color: var(--IDS-COLOR-ACCENT-40);--btn-tertiary-active_color: var(--IDS-COLOR-ACCENT-30);--btn_border-radius: var(--IDS-BORDER-RADIUS);--btn-disabled_color: var(--IDS-COLOR-NEUTRAL-40);--btn-disabled_border: 1px solid var(--IDS-COLOR-NEUTRAL-90);---btn-submit_height: 3.75em !important;--btn-submit_border-radius: var(--IDS-BORDER-RADIUS);--btn-search_border-radius: var(--IDS-BORDER-RADIUS);--btn-search-mobile_border-radius: var(--IDS-BORDER-RADIUS);--btn-search_height: 3.75rem;--btn-search-s_height: 3.125rem;--btn-search-mobile_height: 3.125rem;--btn-search_font-size: 1.25rem;--btn-search-s_font-size: 1.125rem;--btn-search-mobile_font-size: 1rem;--btn-append-disabled_height: 55px;--btn-fab-icon_color: var(--IDS-COLOR-ACCENT-40);--btn-icon_color: var(--IDS-COLOR-ON-ACCENT-40);--btn-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);--btn-icon-secondary-active-icon_color: white;--btn-icon-secondary-active-icon_color2: white;--btn-icon-secondary_background-color: var(--IDS-COLOR-NEUTRAL-99);--btn-icon-secondary--hover_background-color: var(--IDS-COLOR-ACCENT-30);--btn-secondary-icon_color: var(--IDS-COLOR-ACCENT-30);--btn-secondary-icon_color2: var(--IDS-COLOR-ACCENT-30);--btn-tertiary-icon_color: var(--IDS-COLOR-ACCENT-30);--btn-tertiary-icon_color2: var(--IDS-COLOR-ACCENT-30);--btn-active-icon_color: var(--IDS-COLOR-ON-ACCENT-40);--btn-active-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);--btn-secondary-active-icon_color: var(--IDS-COLOR-ON-ACCENT-40);--btn-secondary-active-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);--btn-tertiary-active-icon_color: white;--btn-tertiary-active-icon_color2: white;--IDS-CARD__BACKGROUND: white;--IDS-CARD__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-CARD__BORDER-RADIUS: var(--IDS-BORDER-RADIUS);--IDS-CARD__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-CARD__INNER__BORDER: none;--IDS-CARD--BORDER__BORDER: none;--IDS-CARD--HOVER_BOX-SHADOW: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);--IDS-CARD--FILL__INNER__BACKGROUND: var(--IDS-COLOR-SECONDARY-95);--IDS-CARD--FILL__INNER__BORDER: 1px solid var(--IDS-COLOR-ACCENT-30);--carousel_background-color: var(--IDS-COLOR-SECONDARY-95);--carousel_color: var(--IDS-COLOR-NEUTRAL-20);--carousel-icon_color: var(--IDS-COLOR-ACCENT-40);--carousel-icon_background-color: var(--IDS-COLOR-ACCENT-40);--carousel-headline_font-family: var(--font-family_2);--carousel_font-family: var(--font-family_1);--carousel-slides_background-color: white;--carousel-description_background-color: white;--carousel-description--mobile_padding: 5px 10px;--IDS-DATE-LABEL__DAY__FONT-FAMILY: var(--font-family_1);--IDS-DATE-LABEL__DAY__COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-DATE-LABEL__MONTH__FONT-FAMILY: var(--font-family_1);--IDS-DATE-LABEL__MONTH__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-DATE-LABEL__YEAR__FONT-FAMILY: var(--font-family_1);--IDS-DATE-LABEL__YEAR__COLOR: var(--IDS-COLOR-NEUTRAL-20);--dialog_color: var(--IDS-COLOR-NEUTRAL-20);--dialog_border-color: var(--IDS-COLOR-NEUTRAL-40);--dialog-headline_font-weight: 600;--dialog_border-radius: var(--IDS-BORDER-RADIUS);--dialog-headline_color: var(--IDS-COLOR-PRIMARY-40);--dialog-headline_font-family: var(--font-family_2);--expandable_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-40);--expandable-headline_color: var(--IDS-COLOR-ACCENT-40);--expandable-headline-2_color: var(--IDS-COLOR-NEUTRAL-20);--expandable-icon-2-icon: var(--IDS-COLOR-ACCENT-40);--IDS-EXPANDABLE__HEADLINE__FONT-FAMILY: var(--font-family_2);--IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT: 600;--IDS-EXPANDABLE__HEADLINE__FONT-SIZE: 1.75rem;--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE: 1.75rem;--IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE: 1.25rem;--footer_background-color: var(--IDS-COLOR-PRIMARY-40);--footer-inner_padding-top: 70px;--footer-inner_padding-bottom: 85px;--footer-inner-mobile_padding-bottom: 50px;--footer-headline_color: var(--IDS-COLOR-ON-PRIMARY-40);--footer-headline_font-size: 1.625rem;--footer-headline_line-height: 32px;--footer-headline_letter-spacing: -0.5px;--footer-headline_font-weight: bold;--footer-headline-sub_color: var(--IDS-COLOR-ON-PRIMARY-40);--footer-content_color: var(--IDS-COLOR-ON-PRIMARY-40);--footer-link_color: var(--IDS-COLOR-ON-PRIMARY-40);--footer-sub_padding-top: 10px;--footer-sub_padding-bottom: 10px;--footer-sub-link_color: var(--IDS-COLOR-ON-PRIMARY-30);--footer-sub-link-right_color: var(--IDS-COLOR-ON-PRIMARY-30);--footer-sub_border-top: none;--footer-sub_background-color: var(--IDS-COLOR-PRIMARY-30);--footer-sub-mobile_background-color: var(--IDS-COLOR-PRIMARY-30);--footer-sub-mobile_color: white;--footer-sub-text_color: var(--IDS-COLOR-ON-PRIMARY-40);--header-item-icon-color: #e3abc1;--header-item-icon-color2: var(--IDS-COLOR-PRIMARY-40);--header-main_background: var(--color-dust-light);--header-inner_background: var(--IDS-COLOR-BACKGROUND);--header-nav_background-color: transparent;--header-nav-menu_color: var(--IDS-COLOR-PRIMARY-40);--header-nav-mobile-menu-items_box-shadow: 0px 2px 5px #c5c5c5;--header-nav-item_color: var(--IDS-COLOR-NEUTRAL-20);--header-nav-item-active_color: var(--IDS-COLOR-NEUTRAL-20);--header-nav-item_font-size: 1.125rem;--header-nav-item_font-weight: 600;--header-nav-item_font-family: var(--font-family_2);--header-nav-item_padding: 8px 10px 8px 10px;--header-nav-item-expanded_color: var(--header-nav-item_color);--header-nav-item-after_background: var(--IDS-COLOR-PRIMARY-40);--header-nav-item-after_content: "";--header-nav-item-content_background: var(--IDS-COLOR-SECONDARY-95);--header-nav-item-link_color: var(--IDS-COLOR-PRIMARY-40);--header-nav-item-link_border-bottom: 1px solid #ddd7d3;--header-nav_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);--icon-color: var(--IDS-COLOR-ACCENT-40);--icon-color2: var(--IDS-COLOR-ACCENT-40);--icon-disabled-color: var(--IDS-COLOR-NEUTRAL-90);--icon-color-preset1: var(--IDS-COLOR-ACCENT-40);--icon-color2-preset1: var(--IDS-COLOR-ACCENT-40);--icon-color-preset2: var(--IDS-COLOR-PRIMARY-40);--icon-color2-preset2: var(--IDS-COLOR-PRIMARY-40);--icon-color-preset3: var(--IDS-COLOR-NEUTRAL-40);--icon-color2-preset3: var(--IDS-COLOR-NEUTRAL-40);--icon-color-preset4: white;--icon-color2-preset4: white;--link_color: var(--IDS-COLOR-ACCENT-40);--link-hover_color: var(--IDS-COLOR-ACCENT-30);--link-icon-hover_background-color: var(--IDS-COLOR-ACCENT-30);--link-icon-hover_color: var(--IDS-COLOR-ON-ACCENT-30);--link-colorpreset-1_color: var(--IDS-COLOR-ACCENT-40);--link-colorpreset-1-hover_color: var(--IDS-COLOR-ACCENT-30);--link-colorpreset-2_color: var(--IDS-COLOR-PRIMARY-40);--link-colorpreset-2-hover_color: var(--IDS-COLOR-PRIMARY-30);--list-heading_color: var(--IDS-COLOR-ACCENT-40);--list_border: var(--IDS-COLOR-NEUTRAL-90);--list_color: var(--IDS-COLOR-NEUTRAL-20);--list-item-interactive_border-bottom: var(--IDS-COLOR-ACCENT-30) 5px solid;--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);--IDS-MOBILE-MENU-ITEM__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT: 600;--IDS-MOBILE-MENU-ITEM__ICON__COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);--IDS-MOBILE-MENU-ITEM--EXPANDED__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR: white;--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR: white;--IDS-MOBILE-MENU--2-ITEM__ICON__COLOR: white;--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT: 600;--IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: white;--IDS-MOBILE-MENU--2-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT: 600;--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR: white;--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR: white;--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR: white;--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT: normal;--IDS-MOBILE-MENU-ITEM--2__ICON__COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-40);--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: normal;--IDS-MOBILE-MENU-ITEM--2--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR: white;--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR: white;--IDS-MOBILE-MENU--2-ITEM--2__ICON__COLOR: white;--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT: normal;--IDS-MOBILE-MENU--2-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: 600;--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR: white;--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR: white;--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR: white;--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR: white;--mobile-menu-item_font-weight: normal;--mobile-menu-2-item_font-weight: 600;--mobile-menu-item-has-children_font-weight: 600;--mobile-menu-item_font-family: var(--font-family_2);--mobile-menu-sub-item--before_display: block;--mobile-menu-sub-item--before_box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.3);--mobile-menu-2-item_position: relative;--mobile-menu-2-sub-item--shadow_display: none;--mobile-menu-2-sub-item-item_box-shadow: none;--mobile-menu-2-sub-item--after_background-color: white;--mobile-menu-2-item-1--after_left: 10px;--mobile-menu-2-item-1--after_right: 10px;--mobile-menu-2-item-2--after_left: 30px;--mobile-menu-2-sub-item-2--after_right: 20px;--mobile-menu-2-sub-item-2--active--after_left: 30px;--mobile-menu-2-sub-item-2--expanded--after_left: 30px;--mobile-menu-2-item-3--after_left: 50px;--mobile-menu-2-sub-item-3--after_left: 50px;--mobile-menu-item--focus_outline-color: var(--focus-outline_color);--mobile-MENU-ITEM--2--focus_outline-color: var(--focus-outline_color);--mobile-menu-item-3--focus_outline-color: var(--focus-outline_color);--mobile-menu-item-secondary--focus_outline-color: var(--focus-outline_color);--mobile-menu-2-item--focus_outline-color: white;--mobile-menu-item_color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item_border-color: var(--IDS-COLOR-BACKGROUND);--mobile-menu-item_background-color: var(--IDS-COLOR-BACKGROUND);--mobile-menu-item-icon_color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item--active_border: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item-has-children_color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item-has-children_border-color: var(--IDS-COLOR-SECONDARY-90);--mobile-menu-item-has-children_background-color: var(--IDS-COLOR-SECONDARY-90);--mobile-menu-2-item_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item_border-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-icon_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item-2-icon_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-MENU-ITEM--2_color: var(--IDS-COLOR-PRIMARY-40);--mobile-MENU-ITEM--2_background-color: var(--IDS-COLOR-BACKGROUND);--mobile-MENU-ITEM--2_border-color: var(--IDS-COLOR-BACKGROUND);--mobile-MENU-ITEM--2-icon_color: var(--IDS-COLOR-PRIMARY-40);--mobile-MENU-ITEM--2--expanded_border-color: var(--IDS-COLOR-SECONDARY-40);--mobile-MENU-ITEM--2--active_border-color: var(--IDS-COLOR-PRIMARY-40);--mobile-MENU-ITEM--2--active_background-color: var(--IDS-COLOR-SECONDARY-90);--mobile-menu-2-item-2_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item-2_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2_border-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2--active_border: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2--active_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2--expanded_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item-2--expanded_border-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2--expanded_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item-3_color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item-3_background-color: var(--IDS-COLOR-BACKGROUND);--mobile-menu-item-3_border-color: var(--IDS-COLOR-SECONDARY-40);--mobile-menu-item-3-icon_color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-item-3--active_border-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-3_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item-3_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-3_border: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-3--active_background-color: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-3--active_color: var(--IDS-COLOR-ON-PRIMARY-40);--mobile-menu-2-item-3--active_border: var(--IDS-COLOR-PRIMARY-40);--mobile-menu-2-item-2-chevron_color: var(--IDS-COLOR-ON-PRIMARY-40);--content-navigation_border-radius: var(--IDS-BORDER-RADIUS);--content-navigation_font-family: var(--font-family_1);--content-navigation_font-weight: 400;--content-navigation_font-size: 1rem;--content-navigation_line-height: 22px;--content-navigation_letter-spacing: -0.4px;--content-navigation_text-transform: uppercase;--content-navigation_padding-bottom: 5px;--content-navigation_color: var(--IDS-COLOR-ACCENT-40);--content-navigation-separator_background-color: var(--IDS-COLOR-NEUTRAL-90);--navigation-local_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);--navigation-local-hover_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);--navigation-local-focus_border-left: var(--IDS-COLOR-ACCENT-30);--navigation-local-selected_border-left: var(--IDS-COLOR-ACCENT-40);--navigation-local-active_border-left: var(--IDS-COLOR-ACCENT-30);--navigation-link_color: var(--link-colorpreset-1_color);--navigation-link-hover_color: var(--link-colorpreset-1-hover_color);--navigation-local_letter-spacing: -0rem;--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);--IDS-NOTIFICATION-BADGE__COLOR: white;--popover_color: var(--IDS-COLOR-NEUTRAL-20);--popover_border: var(--IDS-COLOR-NEUTRAL-40);--popover-content_border-radius: 3px;--popover-icon_color: var(--IDS-COLOR-ACCENT-40);--popover-scroll-track_background: var(--IDS-COLOR-NEUTRAL-99);--popover-scroll-thumb_background: var(--IDS-COLOR-ACCENT-40);--popover-headline_font-family: var(--font-family_2);--progressbar_border: 1px solid var(--IDS-COLOR-ACCENT-40);--progressbar-fill_background-color: var(--IDS-COLOR-ACCENT-40);--progressbar_color:var(--IDS-COLOR-NEUTRAL-20);--stepper-step_border: 1px solid var(--IDS-COLOR-ACCENT-40);--stepper-step-headline_font-family: var(--font-family_2);--stepper-step-headline_color: var(--IDS-COLOR-NEUTRAL-20);--stepper-step-headline_letter-spacing: 0px;--stepper-step-headline--disabled_color: var(--IDS-COLOR-NEUTRAL-40);--stepper-step-label_color: var(--IDS-COLOR-NEUTRAL-20);--stepper-step-label--disabled_color: var(--IDS-COLOR-NEUTRAL-40);--stepper-step--after_background-color: var(--IDS-COLOR-NEUTRAL-40);--stepper-step-indicator_background-color: var(--IDS-COLOR-NEUTRAL-99);--stepper-step-indicator_border: 1px solid var(--IDS-COLOR-ACCENT-40);--stepper-step-indicator_color: var(--IDS-COLOR-ACCENT-40);--stepper-step-indicator_font-family: var(--font-family_1);--stepper-step-chevron_color: var(--IDS-COLOR-ACCENT-40);--stepper-step-indicator-selected_background-color: var(--IDS-COLOR-ACCENT-40);--stepper-step-indicator-valid-icon_color: var(--IDS-COLOR-SUCCESS-40);--stepper-step-indicator-valid_background-color: var(--IDS-COLOR-SUCCESS-99);--stepper-step-indicator-valid_border: 1px solid var(--IDS-COLOR-SUCCESS-40);--stepper-step-indicator-invalid-icon_color: var(--IDS-COLOR-ERROR-40);--stepper-step-indicator-invalid_background-color: var(--IDS-COLOR-ERROR-99);--stepper-step-indicator-invalid_border: 1px dashed var(--IDS-COLOR-ERROR-40);--table-head_background-color: var(--IDS-COLOR-SECONDARY-90);--table-head_color: var(--IDS-COLOR-NEUTRAL-20);--table-cell_color: var(--IDS-COLOR-NEUTRAL-20);--table-cell_border: 1px solid var(--IDS-COLOR-NEUTRAL-40);--table_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-40);--table_border-lr: 1px solid var(--IDS-COLOR-NEUTRAL-40);--table_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-40);--table_broder-radius: 5px;--IDS-TABS_BORDER-BOTTOM: 4px solid var(--IDS-COLOR-NEUTRAL-90);--IDS-TAB_BACKGROUND-COLOR: var(--color-dust-background);--IDS-TAB_COLOR: var(--IDS-COLOR-ACCENT-30);--IDS-TAB_BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);--IDS-TAB_BORDER-RADIUS: 3px 3px 0px 0px;--IDS-TAB--SELECTED_BOX-SHADOW: 0px 0px 4px rgba(0, 0, 0, 0.3);--IDS-TAB--SELECTED_COLOR: var(--color-grey-base);--IDS-TAB-ICON_COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-TAB-ICON_COLOR2: var(--IDS-COLOR-ACCENT-40);--IDS-TAB--SELECTED--BEFORE_CONTENT: none;--IDS-TAB--SELECTED--AFTER_HEIGHT: 4px;--IDS-TAB--SELECTED--AFTER_BOTTOM: -4px;--IDS-TAB--SELECTED--AFTER_BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);--IDS-TAG__BACKGROUND-COLOR: white;--IDS-TAG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);--IDS-TAG__BORDER-RADIUS: 5px;--IDS-TAG__PADDING: 7px 15px;--IDS-TAG__COLOR: var(--IDS-COLOR-NEUTRAL-20);--IDS-TAG__ICON_COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-TAG--INTERACTIVE__COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-TAG--INTERACTIVE__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);--IDS-TAG__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);--tooltip_color: var(--IDS-COLOR-NEUTRAL-20);--tooltip_border-color: var(--IDS-COLOR-NEUTRAL-40);--select_border: 1px solid var(--IDS-COLOR-ACCENT-40);--select_padding-right: 60px;--select-chevron_marign-left: -45px;--select-multiple-dropdown_border-radius: 3px;--date-width: 100%;--date-height: 48px;--date-padding-left: 20px;--date-padding-right: 0px;--date-padding-top: 11px;--date-padding-bottom: 11px;--date-moz-padding-right: 40px;--time-width: 100%;--time-height: 48px;--time-padding-left: 20px;--time-padding-right: 0px;--time-padding-top: 11px;--time-padding-bottom: 11px;--time-moz-padding-right: 40px}ids-input input[type=search]::-webkit-search-cancel-button,ids-input input[type=search]::-webkit-search-results-button,ids-input input[type=search]::-webkit-search-results-decoration{cursor:pointer;-webkit-appearance:none;height:20px;width:20px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="20" height="20" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="%23396291"></path></svg>')}.ids-divider{height:1px;background-color:var(--IDS-COLOR-NEUTRAL-40);border:none}.ids-content .ids-heading-1,.ids-content .ids-heading-1.ids-small{margin-bottom:20px}.ids-content .ids-body{margin-bottom:30px}.ids-content .ids-heading-2,.ids-content .ids-heading-2.ids-small,.ids-content .ids-heading-3,.ids-content .ids-heading-4,.ids-content .ids-heading-5,.ids-content .ids-heading-6{margin-bottom:10px}.ids-content .ids-preamble{margin-bottom:40px}.ids .ids-heading-1{color:var(--IDS-COLOR-PRIMARY-40);font-family:var(--font-family_2);font-size:2.5rem;font-style:normal;font-weight:600;line-height:3.125rem}@media (max-width: 1024px){.ids .ids-heading-1{font-size:2.125rem;line-height:2.5rem}}.ids .ids-heading-1.ids-small{color:var(--IDS-COLOR-PRIMARY-40);font-family:var(--font-family_2);font-style:normal;font-weight:600;font-size:2rem;line-height:2.625rem}@media (max-width: 1024px){.ids .ids-heading-1.ids-small{font-size:1.875rem;line-height:2.25rem}}.ids .ids-heading-2{color:var(--IDS-COLOR-PRIMARY-40);font-family:var(--font-family_2);font-size:1.75rem;font-style:normal;font-weight:600;line-height:2.25rem}@media (max-width: 1024px){.ids .ids-heading-2{font-size:1.75rem;line-height:2.25rem}}.ids .ids-heading-3{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);font-size:1.375rem;font-style:normal;font-weight:600;line-height:1.75rem}@media (max-width: 1024px){.ids .ids-heading-3{font-size:1.375rem;line-height:1.75rem}}.ids .ids-heading-4{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.625rem}@media (max-width: 1024px){.ids .ids-heading-4{font-size:1.125rem;line-height:1.625rem}}.ids .ids-heading-5{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:1.5rem;font-style:normal;font-weight:400;letter-spacing:0.09375rem;line-height:2.125rem;text-transform:uppercase}@media (max-width: 1024px){.ids .ids-heading-5{font-size:1.125rem;line-height:1.625rem}}.ids .ids-heading-6{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0.0625rem;line-height:1.25rem;text-transform:uppercase}.ids .ids-preamble{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:1.25rem;font-style:normal;font-weight:300;letter-spacing:0rem;line-height:2rem}.ids .ids-body{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0rem;line-height:1.625rem}.ids .ids-body.ids-disabled{color:var(--IDS-COLOR-NEUTRAL-40);font-style:italic}.ids .ids-heading-1 .ids-anchor:link,.ids .ids-heading-2 .ids-anchor:link,.ids .ids-heading-3 .ids-anchor:link,.ids .ids-heading-4 .ids-anchor:link{text-decoration:none}.ids .ids-anchor:link,.ids .ids-anchor:active,.ids .ids-anchor:visited,.ids .ids-anchor:hover{color:var(--IDS-COLOR-ACCENT-40);text-decoration:underline}.ids .ids-small{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:0.875rem;font-style:normal;font-weight:400;letter-spacing:0rem;line-height:1.25rem}.ids .ids-pagelist{color:var(--IDS-COLOR-ACCENT-40);font-family:var(--font-family_1);font-size:1.125rem;font-style:normal;font-weight:600;letter-spacing:0rem;line-height:1.5rem;margin-bottom:var(--margin-300)}.ids-show-inera{display:block}.ids-show-inera-force{display:block !important}.ids-show-inera-all{display:block !important}.ids-hide-inera{display:none}
1
+ .ids *,
2
+ .ids *::before,
3
+ .ids *::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ body.ids,
8
+ .ids h1,
9
+ .ids h2,
10
+ .ids h3,
11
+ .ids h4,
12
+ .ids h5,
13
+ .ids h6,
14
+ .ids p,
15
+ .ids dl,
16
+ .ids dd,
17
+ .ids figure,
18
+ .ids picture {
19
+ margin: 0;
20
+ }
21
+
22
+ body.ids {
23
+ background-color: var(--IDS-COLOR-NEUTRAL-100);
24
+ color: black;
25
+ font-family: var(--font-family_1);
26
+ font-size: 1rem;
27
+ min-height: 100%;
28
+ }
29
+
30
+ /* make images easier to work with */
31
+ .ids img,
32
+ .ids picture {
33
+ max-width: 100%;
34
+ display: block;
35
+ }
36
+
37
+ /* make form elements easier to work with */
38
+ .ids input,
39
+ .ids button,
40
+ .ids textarea,
41
+ .ids select {
42
+ font: inherit;
43
+ }
44
+
45
+ .ids ul[class],
46
+ .ids ol[class] {
47
+ list-style: none;
48
+ padding: 0;
49
+ }
50
+
51
+ /* remove animations for people who've turned them off */
52
+ @media (prefers-reduced-motion: reduce) {
53
+ .ids *,
54
+ .ids *::before,
55
+ .ids *::after {
56
+ animation-duration: 0.01ms !important;
57
+ animation-iteration-count: 1 !important;
58
+ transition-duration: 0.01ms !important;
59
+ scroll-behavior: auto !important;
60
+ }
61
+ }
62
+ @media (max-width: 1023px) {
63
+ .ids-desktop {
64
+ display: none !important;
65
+ }
66
+ }
67
+
68
+ @media (min-width: 1024px) {
69
+ .ids-mobile {
70
+ display: none !important;
71
+ }
72
+ }
73
+
74
+ /* Pre-existing utility classes begin here */
75
+ /* Force elements to be displayed as block elements */
76
+ .ids-block {
77
+ display: block !important;
78
+ }
79
+
80
+ /* Makes elements behave as inline-level block containers */
81
+ .ids-inline-block {
82
+ display: inline-block;
83
+ }
84
+
85
+ /* Overrides all margins that is set and removes them */
86
+ .ids-no-margin {
87
+ margin: 0px !important;
88
+ }
89
+
90
+ /* Margin Bottom */
91
+ .ids-mb-0 {
92
+ margin-bottom: 0 px;
93
+ }
94
+
95
+ .ids .ids-mb-1 {
96
+ margin-bottom: 0.25rem;
97
+ }
98
+
99
+ .ids .ids-mb-10 {
100
+ margin-bottom: 2.5rem;
101
+ }
102
+
103
+ .ids .ids-mb-11 {
104
+ margin-bottom: 2.75rem;
105
+ }
106
+
107
+ .ids .ids-mb-12 {
108
+ margin-bottom: 3rem;
109
+ }
110
+
111
+ .ids .ids-mb-2 {
112
+ margin-bottom: 0.5rem;
113
+ }
114
+
115
+ .ids .ids-mb-3 {
116
+ margin-bottom: 0.75rem;
117
+ }
118
+
119
+ .ids .ids-mb-4 {
120
+ margin-bottom: 1rem;
121
+ }
122
+
123
+ .ids .ids-mb-5 {
124
+ margin-bottom: 1.25rem;
125
+ }
126
+
127
+ .ids .ids-mb-6 {
128
+ margin-bottom: 1.5rem;
129
+ }
130
+
131
+ .ids .ids-mb-7 {
132
+ margin-bottom: 1.75rem;
133
+ }
134
+
135
+ .ids .ids-mb-8 {
136
+ margin-bottom: 2rem;
137
+ }
138
+
139
+ .ids .ids-mb-9 {
140
+ margin-bottom: 2.25rem;
141
+ }
142
+
143
+ .ids-mb-auto {
144
+ margin-bottom: auto;
145
+ }
146
+
147
+ /* Checkpoint */
148
+ .ids-me-0 {
149
+ margin-inline-end: 0 px;
150
+ }
151
+
152
+ .ids-me-1 {
153
+ margin-inline-end: 0.25rem;
154
+ }
155
+
156
+ .ids-me-10 {
157
+ margin-inline-end: 2.5rem;
158
+ }
159
+
160
+ .ids-me-11 {
161
+ margin-inline-end: 2.75rem;
162
+ }
163
+
164
+ .ids-me-12 {
165
+ margin-inline-end: 3rem;
166
+ }
167
+
168
+ .ids-me-2 {
169
+ margin-inline-end: 0.5rem;
170
+ }
171
+
172
+ .ids-me-3 {
173
+ margin-inline-end: 0.75rem;
174
+ }
175
+
176
+ .ids-me-4 {
177
+ margin-inline-end: 1rem;
178
+ }
179
+
180
+ .ids-me-5 {
181
+ margin-inline-end: 1.25rem;
182
+ }
183
+
184
+ .ids-me-6 {
185
+ margin-inline-end: 1.5rem;
186
+ }
187
+
188
+ .ids-me-7 {
189
+ margin-inline-end: 1.75rem;
190
+ }
191
+
192
+ .ids-me-8 {
193
+ margin-inline-end: 2rem;
194
+ }
195
+
196
+ .ids-me-9 {
197
+ margin-inline-end: 2.25rem;
198
+ }
199
+
200
+ .ids-me-auto {
201
+ margin-inline-end: auto;
202
+ }
203
+
204
+ .ids-ml-auto {
205
+ margin-left: auto;
206
+ }
207
+
208
+ .ids-ms-0 {
209
+ margin-inline-start: 0 px;
210
+ }
211
+
212
+ .ids-ms-1 {
213
+ margin-inline-start: 0.25rem;
214
+ }
215
+
216
+ .ids-ms-10 {
217
+ margin-inline-start: 2.5rem;
218
+ }
219
+
220
+ .ids-ms-11 {
221
+ margin-inline-start: 2.75rem;
222
+ }
223
+
224
+ .ids-ms-12 {
225
+ margin-inline-start: 3rem;
226
+ }
227
+
228
+ .ids-ms-2 {
229
+ margin-inline-start: 0.5rem;
230
+ }
231
+
232
+ .ids-ms-3 {
233
+ margin-inline-start: 0.75rem;
234
+ }
235
+
236
+ .ids-ms-4 {
237
+ margin-inline-start: 1rem;
238
+ }
239
+
240
+ .ids-ms-5 {
241
+ margin-inline-start: 1.25rem;
242
+ }
243
+
244
+ .ids-ms-6 {
245
+ margin-inline-start: 1.5rem;
246
+ }
247
+
248
+ .ids-ms-7 {
249
+ margin-inline-start: 1.75rem;
250
+ }
251
+
252
+ .ids-ms-8 {
253
+ margin-inline-start: 2rem;
254
+ }
255
+
256
+ .ids-ms-9 {
257
+ margin-inline-start: 2.25rem;
258
+ }
259
+
260
+ .ids-ms-auto {
261
+ margin-inline-start: auto;
262
+ }
263
+
264
+ .ids-mt-auto {
265
+ margin-top: auto;
266
+ }
267
+
268
+ .ids-block {
269
+ display: block;
270
+ }
271
+
272
+ .ids-inline {
273
+ display: inline;
274
+ }
275
+
276
+ .ids-flex {
277
+ display: flex;
278
+ }
279
+
280
+ .ids-inline-flex {
281
+ display: inline-flex;
282
+ }
283
+
284
+ .ids-table {
285
+ display: table;
286
+ }
287
+
288
+ .ids-inline-table {
289
+ display: inline-table;
290
+ }
291
+
292
+ .ids-table-caption {
293
+ display: table-caption;
294
+ }
295
+
296
+ .ids-table-cell {
297
+ display: table-cell;
298
+ }
299
+
300
+ .ids-table-column {
301
+ display: table-column;
302
+ }
303
+
304
+ .ids-table-column-group {
305
+ display: table-column-group;
306
+ }
307
+
308
+ .ids-table-footer-group {
309
+ display: table-footer-group;
310
+ }
311
+
312
+ .ids-table-header-group {
313
+ display: table-header-group;
314
+ }
315
+
316
+ .ids-table-row-group {
317
+ display: table-row-group;
318
+ }
319
+
320
+ .ids-table-row {
321
+ display: table-row;
322
+ }
323
+
324
+ .ids-flow-root {
325
+ display: flow-root;
326
+ }
327
+
328
+ .ids-grid {
329
+ display: grid;
330
+ }
331
+
332
+ .ids-inline-grid {
333
+ display: inline-grid;
334
+ }
335
+
336
+ .ids-contents {
337
+ display: contents;
338
+ }
339
+
340
+ .ids-hidden {
341
+ display: none;
342
+ }
343
+
344
+ .ids-flex-1 {
345
+ flex: 1 1 0%;
346
+ }
347
+
348
+ .ids-flex-auto {
349
+ flex: 1 1 auto;
350
+ }
351
+
352
+ .ids-flex-initial {
353
+ flex: 0 1 auto;
354
+ }
355
+
356
+ .ids-flex-none {
357
+ flex: none;
358
+ }
359
+
360
+ .ids-p-0 {
361
+ padding: 0 px;
362
+ }
363
+
364
+ .ids-p-1 {
365
+ padding: 0.25rem;
366
+ }
367
+
368
+ .ids-p-10 {
369
+ padding: 2.5rem;
370
+ }
371
+
372
+ .ids-p-11 {
373
+ padding: 2.75rem;
374
+ }
375
+
376
+ .ids-p-12 {
377
+ padding: 3rem;
378
+ }
379
+
380
+ .ids-p-2 {
381
+ padding: 0.5rem;
382
+ }
383
+
384
+ .ids-p-3 {
385
+ padding: 0.75rem;
386
+ }
387
+
388
+ .ids-p-4 {
389
+ padding: 1rem;
390
+ }
391
+
392
+ .ids-p-5 {
393
+ padding: 1.25rem;
394
+ }
395
+
396
+ .ids-p-6 {
397
+ padding: 1.5rem;
398
+ }
399
+
400
+ .ids-p-7 {
401
+ padding: 1.75rem;
402
+ }
403
+
404
+ .ids-p-8 {
405
+ padding: 2rem;
406
+ }
407
+
408
+ .ids-p-9 {
409
+ padding: 2.25rem;
410
+ }
411
+
412
+ .ids-pe-0 {
413
+ padding-inline-end: 0 px;
414
+ }
415
+
416
+ .ids-pe-1 {
417
+ padding-inline-end: 0.25rem;
418
+ }
419
+
420
+ .ids-pe-10 {
421
+ padding-inline-end: 2.5rem;
422
+ }
423
+
424
+ .ids-pe-11 {
425
+ padding-inline-end: 2.75rem;
426
+ }
427
+
428
+ .ids-pe-12 {
429
+ padding-inline-end: 3rem;
430
+ }
431
+
432
+ .ids-pe-2 {
433
+ padding-inline-end: 0.5rem;
434
+ }
435
+
436
+ .ids-pe-3 {
437
+ padding-inline-end: 0.75rem;
438
+ }
439
+
440
+ .ids-pe-4 {
441
+ padding-inline-end: 1rem;
442
+ }
443
+
444
+ .ids-pe-5 {
445
+ padding-inline-end: 1.25rem;
446
+ }
447
+
448
+ .ids-pe-6 {
449
+ padding-inline-end: 1.5rem;
450
+ }
451
+
452
+ .ids-pe-7 {
453
+ padding-inline-end: 1.75rem;
454
+ }
455
+
456
+ .ids-pe-8 {
457
+ padding-inline-end: 2rem;
458
+ }
459
+
460
+ .ids-pe-9 {
461
+ padding-inline-end: 2.25rem;
462
+ }
463
+
464
+ .ids-ps-0 {
465
+ padding-inline-start: 0 px;
466
+ }
467
+
468
+ .ids-ps-1 {
469
+ padding-inline-start: 0.25rem;
470
+ }
471
+
472
+ .ids-ps-10 {
473
+ padding-inline-start: 2.5rem;
474
+ }
475
+
476
+ .ids-ps-11 {
477
+ padding-inline-start: 2.75rem;
478
+ }
479
+
480
+ .ids-ps-12 {
481
+ padding-inline-start: 3rem;
482
+ }
483
+
484
+ .ids-ps-2 {
485
+ padding-inline-start: 0.5rem;
486
+ }
487
+
488
+ .ids-ps-3 {
489
+ padding-inline-start: 0.75rem;
490
+ }
491
+
492
+ .ids-ps-4 {
493
+ padding-inline-start: 1rem;
494
+ }
495
+
496
+ .ids-ps-5 {
497
+ padding-inline-start: 1.25rem;
498
+ }
499
+
500
+ .ids-ps-6 {
501
+ padding-inline-start: 1.5rem;
502
+ }
503
+
504
+ .ids-ps-7 {
505
+ padding-inline-start: 1.75rem;
506
+ }
507
+
508
+ .ids-ps-8 {
509
+ padding-inline-start: 2rem;
510
+ }
511
+
512
+ .ids-ps-9 {
513
+ padding-inline-start: 2.25rem;
514
+ }
515
+
516
+ .ids-leading-10 {
517
+ line-height: 2.5rem;
518
+ }
519
+
520
+ .ids-leading-3 {
521
+ line-height: 0.75rem;
522
+ }
523
+
524
+ .ids-leading-4 {
525
+ line-height: 1rem;
526
+ }
527
+
528
+ .ids-leading-5 {
529
+ line-height: 1.25rem;
530
+ }
531
+
532
+ .ids-leading-6 {
533
+ line-height: 1.5rem;
534
+ }
535
+
536
+ .ids-leading-7 {
537
+ line-height: 1.75rem;
538
+ }
539
+
540
+ .ids-leading-8 {
541
+ line-height: 2rem;
542
+ }
543
+
544
+ .ids-leading-9 {
545
+ line-height: 2.25rem;
546
+ }
547
+
548
+ .ids-leading-loose {
549
+ line-height: 2;
550
+ }
551
+
552
+ .ids-leading-none {
553
+ line-height: 1;
554
+ }
555
+
556
+ .ids-leading-normal {
557
+ line-height: 1.5;
558
+ }
559
+
560
+ .ids-leading-relaxed {
561
+ line-height: 1.625;
562
+ }
563
+
564
+ .ids-leading-snug {
565
+ line-height: 1.375;
566
+ }
567
+
568
+ .ids-leading-tight {
569
+ line-height: 1.25;
570
+ }
571
+
572
+ /* Margin top */
573
+ .ids .ids-mt-0 {
574
+ margin-top: 0px;
575
+ }
576
+
577
+ .ids .ids-mt-1 {
578
+ margin-top: 0.25rem;
579
+ }
580
+
581
+ .ids .ids-mt-2 {
582
+ margin-top: 0.5rem;
583
+ }
584
+
585
+ .ids .ids-mt-3 {
586
+ margin-top: 0.75rem;
587
+ }
588
+
589
+ .ids .ids-mt-4 {
590
+ margin-top: 1rem;
591
+ }
592
+
593
+ .ids .ids-mt-5 {
594
+ margin-top: 1.25rem;
595
+ }
596
+
597
+ .ids .ids-mt-6 {
598
+ margin-top: 1.5rem;
599
+ }
600
+
601
+ .ids .ids-mt-7 {
602
+ margin-top: 1.75rem;
603
+ }
604
+
605
+ .ids .ids-mt-8 {
606
+ margin-top: 2rem;
607
+ }
608
+
609
+ .ids .ids-mt-9 {
610
+ margin-top: 2.25rem;
611
+ }
612
+
613
+ .ids .ids-mt-10 {
614
+ margin-top: 2.5rem;
615
+ }
616
+
617
+ .ids .ids-mt-11 {
618
+ margin-top: 2.75rem;
619
+ }
620
+
621
+ .ids .ids-mt-12 {
622
+ margin-top: 3rem;
623
+ }
624
+
625
+ /* Margin right */
626
+ .ids .ids-mr-0 {
627
+ margin-right: 0px;
628
+ }
629
+
630
+ .ids .ids-mr-1 {
631
+ margin-right: 0.25rem;
632
+ }
633
+
634
+ .ids .ids-mr-2 {
635
+ margin-right: 0.5rem;
636
+ }
637
+
638
+ .ids .ids-mr-3 {
639
+ margin-right: 0.75rem;
640
+ }
641
+
642
+ .ids .ids-mr-4 {
643
+ margin-right: 1rem;
644
+ }
645
+
646
+ .ids .ids-mr-5 {
647
+ margin-right: 1.25rem;
648
+ }
649
+
650
+ .ids .ids-mr-6 {
651
+ margin-right: 1.5rem;
652
+ }
653
+
654
+ .ids .ids-mr-7 {
655
+ margin-right: 1.75rem;
656
+ }
657
+
658
+ .ids .ids-mr-8 {
659
+ margin-right: 2rem;
660
+ }
661
+
662
+ .ids .ids-mr-9 {
663
+ margin-right: 2.25rem;
664
+ }
665
+
666
+ .ids .ids-mr-10 {
667
+ margin-right: 2.5rem;
668
+ }
669
+
670
+ .ids .ids-mr-11 {
671
+ margin-right: 2.75rem;
672
+ }
673
+
674
+ .ids .ids-mr-12 {
675
+ margin-right: 3rem;
676
+ }
677
+
678
+ /* Margin left */
679
+ .ids .ids-ml-0 {
680
+ margin-left: 0px;
681
+ }
682
+
683
+ .ids .ids-ml-1 {
684
+ margin-left: 0.25rem;
685
+ }
686
+
687
+ .ids .ids-ml-2 {
688
+ margin-left: 0.5rem;
689
+ }
690
+
691
+ .ids .ids-ml-3 {
692
+ margin-left: 0.75rem;
693
+ }
694
+
695
+ .ids .ids-ml-4 {
696
+ margin-left: 1rem;
697
+ }
698
+
699
+ .ids .ids-ml-5 {
700
+ margin-left: 1.25rem;
701
+ }
702
+
703
+ .ids .ids-ml-6 {
704
+ margin-left: 1.5rem;
705
+ }
706
+
707
+ .ids .ids-ml-7 {
708
+ margin-left: 1.75rem;
709
+ }
710
+
711
+ .ids .ids-ml-8 {
712
+ margin-left: 2rem;
713
+ }
714
+
715
+ .ids .ids-ml-9 {
716
+ margin-left: 2.25rem;
717
+ }
718
+
719
+ .ids .ids-ml-10 {
720
+ margin-left: 2.5rem;
721
+ }
722
+
723
+ .ids .ids-ml-11 {
724
+ margin-left: 2.75rem;
725
+ }
726
+
727
+ .ids .ids-ml-12 {
728
+ margin-left: 3rem;
729
+ }
730
+
731
+ /* Margin y axis */
732
+ .ids .ids-my-0 {
733
+ margin-top: 0px;
734
+ margin-bottom: 0px;
735
+ }
736
+
737
+ .ids .ids-my-1 {
738
+ margin-top: 0.25rem;
739
+ margin-bottom: 0.25rem;
740
+ }
741
+
742
+ .ids .ids-my-2 {
743
+ margin-top: 0.5rem;
744
+ margin-bottom: 0.5rem;
745
+ }
746
+
747
+ .ids .ids-my-3 {
748
+ margin-top: 0.75rem;
749
+ margin-bottom: 0.75rem;
750
+ }
751
+
752
+ .ids .ids-my-4 {
753
+ margin-top: 1rem;
754
+ margin-bottom: 1rem;
755
+ }
756
+
757
+ .ids .ids-my-5 {
758
+ margin-top: 1.25rem;
759
+ margin-bottom: 1.25rem;
760
+ }
761
+
762
+ .ids .ids-my-6 {
763
+ margin-top: 1.5rem;
764
+ margin-bottom: 1.5rem;
765
+ }
766
+
767
+ .ids .ids-my-7 {
768
+ margin-top: 1.75rem;
769
+ margin-bottom: 1.75rem;
770
+ }
771
+
772
+ .ids .ids-my-8 {
773
+ margin-top: 2rem;
774
+ margin-bottom: 2rem;
775
+ }
776
+
777
+ .ids .ids-my-9 {
778
+ margin-top: 2.25rem;
779
+ margin-bottom: 2.25rem;
780
+ }
781
+
782
+ .ids .ids-my-10 {
783
+ margin-top: 2.5rem;
784
+ margin-bottom: 2.5rem;
785
+ }
786
+
787
+ .ids .ids-my-11 {
788
+ margin-top: 2.75rem;
789
+ margin-bottom: 2.75rem;
790
+ }
791
+
792
+ .ids .ids-my-12 {
793
+ margin-top: 3rem;
794
+ margin-bottom: 3rem;
795
+ }
796
+
797
+ /* Padding */
798
+ /* Padding top */
799
+ .ids .ids-pt-0 {
800
+ padding-top: 0px;
801
+ }
802
+
803
+ .ids .ids-pt-1 {
804
+ padding-top: 0.25rem;
805
+ }
806
+
807
+ .ids .ids-pt-2 {
808
+ padding-top: 0.5rem;
809
+ }
810
+
811
+ .ids .ids-pt-3 {
812
+ padding-top: 0.75rem;
813
+ }
814
+
815
+ .ids .ids-pt-4 {
816
+ padding-top: 1rem;
817
+ }
818
+
819
+ .ids .ids-pt-5 {
820
+ padding-top: 1.25rem;
821
+ }
822
+
823
+ .ids .ids-pt-6 {
824
+ padding-top: 1.5rem;
825
+ }
826
+
827
+ .ids .ids-pt-7 {
828
+ padding-top: 1.75rem;
829
+ }
830
+
831
+ .ids .ids-pt-8 {
832
+ padding-top: 2rem;
833
+ }
834
+
835
+ .ids .ids-pt-9 {
836
+ padding-top: 2.25rem;
837
+ }
838
+
839
+ .ids .ids-pt-10 {
840
+ padding-top: 2.5rem;
841
+ }
842
+
843
+ .ids .ids-pt-11 {
844
+ padding-top: 2.75rem;
845
+ }
846
+
847
+ .ids .ids-pt-12 {
848
+ padding-top: 3rem;
849
+ }
850
+
851
+ /* Padding bottom */
852
+ .ids .ids-pb-0 {
853
+ padding-bottom: 0px;
854
+ }
855
+
856
+ .ids .ids-pb-1 {
857
+ padding-bottom: 0.25rem;
858
+ }
859
+
860
+ .ids .ids-pb-2 {
861
+ padding-bottom: 0.5rem;
862
+ }
863
+
864
+ .ids .ids-pb-3 {
865
+ padding-bottom: 0.75rem;
866
+ }
867
+
868
+ .ids .ids-pb-4 {
869
+ padding-bottom: 1rem;
870
+ }
871
+
872
+ .ids .ids-pb-5 {
873
+ padding-bottom: 1.25rem;
874
+ }
875
+
876
+ .ids .ids-pb-6 {
877
+ padding-bottom: 1.5rem;
878
+ }
879
+
880
+ .ids .ids-pb-7 {
881
+ padding-bottom: 1.75rem;
882
+ }
883
+
884
+ .ids .ids-pb-8 {
885
+ padding-bottom: 2rem;
886
+ }
887
+
888
+ .ids .ids-pb-9 {
889
+ padding-bottom: 2.25rem;
890
+ }
891
+
892
+ .ids .ids-pb-10 {
893
+ padding-bottom: 2.5rem;
894
+ }
895
+
896
+ .ids .ids-pb-11 {
897
+ padding-bottom: 2.75rem;
898
+ }
899
+
900
+ .ids .ids-pb-12 {
901
+ padding-bottom: 3rem;
902
+ }
903
+
904
+ /* Padding right */
905
+ .ids .ids-pr-0 {
906
+ padding-right: 0px;
907
+ }
908
+
909
+ .ids .ids-pr-1 {
910
+ padding-right: 0.25rem;
911
+ }
912
+
913
+ .ids .ids-pr-2 {
914
+ padding-right: 0.5rem;
915
+ }
916
+
917
+ .ids .ids-pr-3 {
918
+ padding-right: 0.75rem;
919
+ }
920
+
921
+ .ids .ids-pr-4 {
922
+ padding-right: 1rem;
923
+ }
924
+
925
+ .ids .ids-pr-5 {
926
+ padding-right: 1.25rem;
927
+ }
928
+
929
+ .ids .ids-pr-6 {
930
+ padding-right: 1.5rem;
931
+ }
932
+
933
+ .ids .ids-pr-7 {
934
+ padding-right: 1.75rem;
935
+ }
936
+
937
+ .ids .ids-pr-8 {
938
+ padding-right: 2rem;
939
+ }
940
+
941
+ .ids .ids-pr-9 {
942
+ padding-right: 2.25rem;
943
+ }
944
+
945
+ .ids .ids-pr-10 {
946
+ padding-right: 2.5rem;
947
+ }
948
+
949
+ .ids .ids-pr-11 {
950
+ padding-right: 2.75rem;
951
+ }
952
+
953
+ .ids .ids-pr-12 {
954
+ padding-right: 3rem;
955
+ }
956
+
957
+ /* Padding left */
958
+ .ids .ids-pl-0 {
959
+ padding-left: 0px;
960
+ }
961
+
962
+ .ids .ids-pl-1 {
963
+ padding-left: 0.25rem;
964
+ }
965
+
966
+ .ids .ids-pl-2 {
967
+ padding-left: 0.5rem;
968
+ }
969
+
970
+ .ids .ids-pl-3 {
971
+ padding-left: 0.75rem;
972
+ }
973
+
974
+ .ids .ids-pl-4 {
975
+ padding-left: 1rem;
976
+ }
977
+
978
+ .ids .ids-pl-5 {
979
+ padding-left: 1.25rem;
980
+ }
981
+
982
+ .ids .ids-pl-6 {
983
+ padding-left: 1.5rem;
984
+ }
985
+
986
+ .ids .ids-pl-7 {
987
+ padding-left: 1.75rem;
988
+ }
989
+
990
+ .ids .ids-pl-8 {
991
+ padding-left: 2rem;
992
+ }
993
+
994
+ .ids .ids-pl-9 {
995
+ padding-left: 2.25rem;
996
+ }
997
+
998
+ .ids .ids-pl-10 {
999
+ padding-left: 2.5rem;
1000
+ }
1001
+
1002
+ .ids .ids-pl-11 {
1003
+ padding-left: 2.75rem;
1004
+ }
1005
+
1006
+ .ids .ids-pl-12 {
1007
+ padding-left: 3rem;
1008
+ }
1009
+
1010
+ /* Padding y-axis */
1011
+ .ids .ids-py-0 {
1012
+ padding-top: 0px;
1013
+ padding-bottom: 0px;
1014
+ }
1015
+
1016
+ .ids .ids-py-1 {
1017
+ padding-top: 0.25rem;
1018
+ padding-bottom: 0.25rem;
1019
+ }
1020
+
1021
+ .ids .ids-py-2 {
1022
+ padding-top: 0.5rem;
1023
+ padding-bottom: 0.5rem;
1024
+ }
1025
+
1026
+ .ids .ids-py-3 {
1027
+ padding-top: 0.75rem;
1028
+ padding-bottom: 0.75rem;
1029
+ }
1030
+
1031
+ .ids .ids-py-4 {
1032
+ padding-top: 1rem;
1033
+ padding-bottom: 1rem;
1034
+ }
1035
+
1036
+ .ids .ids-py-5 {
1037
+ padding-top: 1.25rem;
1038
+ padding-bottom: 1.25rem;
1039
+ }
1040
+
1041
+ .ids .ids-py-6 {
1042
+ padding-top: 1.5rem;
1043
+ padding-bottom: 1.5rem;
1044
+ }
1045
+
1046
+ .ids .ids-py-7 {
1047
+ padding-top: 1.75rem;
1048
+ padding-bottom: 1.75rem;
1049
+ }
1050
+
1051
+ .ids .ids-py-8 {
1052
+ padding-top: 2rem;
1053
+ padding-bottom: 2rem;
1054
+ }
1055
+
1056
+ .ids .ids-py-9 {
1057
+ padding-top: 2.25rem;
1058
+ padding-bottom: 2.25rem;
1059
+ }
1060
+
1061
+ .ids .ids-py-10 {
1062
+ padding-top: 2.5rem;
1063
+ padding-bottom: 2.5rem;
1064
+ }
1065
+
1066
+ .ids .ids-py-11 {
1067
+ padding-top: 2.75rem;
1068
+ padding-bottom: 2.75rem;
1069
+ }
1070
+
1071
+ .ids .ids-py-12 {
1072
+ padding-top: 3rem;
1073
+ padding-bottom: 3rem;
1074
+ }
1075
+
1076
+ .ids .ids-px-0 {
1077
+ padding-right: 0px;
1078
+ padding-left: 0px;
1079
+ }
1080
+
1081
+ .ids .ids-px-1 {
1082
+ padding-right: 0.25rem;
1083
+ padding-left: 0.25rem;
1084
+ }
1085
+
1086
+ .ids .ids-px-2 {
1087
+ padding-right: 0.5rem;
1088
+ padding-left: 0.5rem;
1089
+ }
1090
+
1091
+ .ids .ids-px-3 {
1092
+ padding-right: 0.75rem;
1093
+ padding-left: 0.75rem;
1094
+ }
1095
+
1096
+ .ids .ids-px-4 {
1097
+ padding-right: 1rem;
1098
+ padding-left: 1rem;
1099
+ }
1100
+
1101
+ .ids .ids-px-5 {
1102
+ padding-right: 1.25rem;
1103
+ padding-left: 1.25rem;
1104
+ }
1105
+
1106
+ .ids .ids-px-6 {
1107
+ padding-right: 1.5rem;
1108
+ padding-left: 1.5rem;
1109
+ }
1110
+
1111
+ .ids .ids-px-7 {
1112
+ padding-right: 1.75rem;
1113
+ padding-left: 1.75rem;
1114
+ }
1115
+
1116
+ .ids .ids-px-8 {
1117
+ padding-right: 2rem;
1118
+ padding-left: 2rem;
1119
+ }
1120
+
1121
+ .ids .ids-px-9 {
1122
+ padding-right: 2.25rem;
1123
+ padding-left: 2.25rem;
1124
+ }
1125
+
1126
+ .ids .ids-px-10 {
1127
+ padding-right: 2.5rem;
1128
+ padding-left: 2.5rem;
1129
+ }
1130
+
1131
+ .ids .ids-px-11 {
1132
+ padding-right: 2.75rem;
1133
+ padding-left: 2.75rem;
1134
+ }
1135
+
1136
+ .ids .ids-px-12 {
1137
+ padding-right: 3rem;
1138
+ padding-left: 3rem;
1139
+ }
1140
+
1141
+ /* Hide classes */
1142
+ .ids-hide {
1143
+ display: none;
1144
+ }
1145
+
1146
+ /* Pre-existing utility classes ends here */
1147
+ /* Smaller screen utility classes starts here */
1148
+ /* WIP */
1149
+ @media (max-width: 600px) {
1150
+ .ids-fs-sm-1 {
1151
+ font-size: 0.75rem;
1152
+ }
1153
+ .ids-fs-sm-2 {
1154
+ font-size: 1rem;
1155
+ }
1156
+ }
1157
+ @media only screen and (max-width: 640px) {
1158
+ /* Margin top */
1159
+ .ids .ids-s-mt-0 {
1160
+ margin-top: 0px;
1161
+ }
1162
+ .ids .ids-s-mt-1 {
1163
+ margin-top: 0.25rem;
1164
+ }
1165
+ .ids .ids-s-mt-2 {
1166
+ margin-top: 0.5rem;
1167
+ }
1168
+ .ids .ids-s-mt-3 {
1169
+ margin-top: 0.75rem;
1170
+ }
1171
+ .ids .ids-s-mt-4 {
1172
+ margin-top: 1rem;
1173
+ }
1174
+ .ids .ids-s-mt-5 {
1175
+ margin-top: 1.25rem;
1176
+ }
1177
+ .ids .ids-s-mt-6 {
1178
+ margin-top: 1.5rem;
1179
+ }
1180
+ .ids .ids-s-mt-7 {
1181
+ margin-top: 1.75rem;
1182
+ }
1183
+ .ids .ids-s-mt-8 {
1184
+ margin-top: 2rem;
1185
+ }
1186
+ .ids .ids-s-mt-9 {
1187
+ margin-top: 2.25rem;
1188
+ }
1189
+ .ids .ids-s-mt-10 {
1190
+ margin-top: 2.5rem;
1191
+ }
1192
+ .ids .ids-s-mt-11 {
1193
+ margin-top: 2.75rem;
1194
+ }
1195
+ .ids .ids-s-mt-12 {
1196
+ margin-top: 3rem;
1197
+ }
1198
+ /* Margin right */
1199
+ .ids .ids-s-mr-0 {
1200
+ margin-right: 0px;
1201
+ }
1202
+ .ids .ids-s-mr-1 {
1203
+ margin-right: 0.25rem;
1204
+ }
1205
+ .ids .ids-s-mr-2 {
1206
+ margin-right: 0.5rem;
1207
+ }
1208
+ .ids .ids-s-mr-3 {
1209
+ margin-right: 0.75rem;
1210
+ }
1211
+ .ids .ids-s-mr-4 {
1212
+ margin-right: 1rem;
1213
+ }
1214
+ .ids .ids-s-mr-5 {
1215
+ margin-right: 1.25rem;
1216
+ }
1217
+ .ids .ids-s-mr-6 {
1218
+ margin-right: 1.5rem;
1219
+ }
1220
+ .ids .ids-s-mr-7 {
1221
+ margin-right: 1.75rem;
1222
+ }
1223
+ .ids .ids-s-mr-8 {
1224
+ margin-right: 2rem;
1225
+ }
1226
+ .ids .ids-s-mr-9 {
1227
+ margin-right: 2.25rem;
1228
+ }
1229
+ .ids .ids-s-mr-10 {
1230
+ margin-right: 2.5rem;
1231
+ }
1232
+ .ids .ids-s-mr-11 {
1233
+ margin-right: 2.75rem;
1234
+ }
1235
+ .ids .ids-s-mr-12 {
1236
+ margin-right: 3rem;
1237
+ }
1238
+ /* Margin bottom */
1239
+ .ids .ids-s-mb-0 {
1240
+ margin-bottom: 0px;
1241
+ }
1242
+ .ids .ids-s-mb-1 {
1243
+ margin-bottom: 0.25rem;
1244
+ }
1245
+ .ids .ids-s-mb-2 {
1246
+ margin-bottom: 0.5rem;
1247
+ }
1248
+ .ids .ids-s-mb-3 {
1249
+ margin-bottom: 0.75rem;
1250
+ }
1251
+ .ids .ids-s-mb-4 {
1252
+ margin-bottom: 1rem;
1253
+ }
1254
+ .ids .ids-s-mb-5 {
1255
+ margin-bottom: 1.25rem;
1256
+ }
1257
+ .ids .ids-s-mb-6 {
1258
+ margin-bottom: 1.5rem;
1259
+ }
1260
+ .ids .ids-s-mb-7 {
1261
+ margin-bottom: 1.75rem;
1262
+ }
1263
+ .ids .ids-s-mb-8 {
1264
+ margin-bottom: 2rem;
1265
+ }
1266
+ .ids .ids-s-mb-9 {
1267
+ margin-bottom: 2.25rem;
1268
+ }
1269
+ .ids .ids-s-mb-10 {
1270
+ margin-bottom: 2.5rem;
1271
+ }
1272
+ .ids .ids-s-mb-11 {
1273
+ margin-bottom: 2.75rem;
1274
+ }
1275
+ .ids .ids-s-mb-12 {
1276
+ margin-bottom: 3rem;
1277
+ }
1278
+ /* Margin left */
1279
+ .ids .ids-s-ml-0 {
1280
+ margin-left: 0px;
1281
+ }
1282
+ .ids .ids-s-ml-1 {
1283
+ margin-left: 0.25rem;
1284
+ }
1285
+ .ids .ids-s-ml-2 {
1286
+ margin-left: 0.5rem;
1287
+ }
1288
+ .ids .ids-s-ml-3 {
1289
+ margin-left: 0.75rem;
1290
+ }
1291
+ .ids .ids-s-ml-4 {
1292
+ margin-left: 1rem;
1293
+ }
1294
+ .ids .ids-s-ml-5 {
1295
+ margin-left: 1.25rem;
1296
+ }
1297
+ .ids .ids-s-ml-6 {
1298
+ margin-left: 1.5rem;
1299
+ }
1300
+ .ids .ids-s-ml-7 {
1301
+ margin-left: 1.75rem;
1302
+ }
1303
+ .ids .ids-s-ml-8 {
1304
+ margin-left: 2rem;
1305
+ }
1306
+ .ids .ids-s-ml-9 {
1307
+ margin-left: 2.25rem;
1308
+ }
1309
+ .ids .ids-s-ml-10 {
1310
+ margin-left: 2.5rem;
1311
+ }
1312
+ .ids .ids-s-ml-11 {
1313
+ margin-left: 2.75rem;
1314
+ }
1315
+ .ids .ids-s-ml-12 {
1316
+ margin-left: 3rem;
1317
+ }
1318
+ /* Margin y axis */
1319
+ .ids .ids-s-my-0 {
1320
+ margin-top: 0px;
1321
+ margin-bottom: 0px;
1322
+ }
1323
+ .ids .ids-s-my-1 {
1324
+ margin-top: 0.25rem;
1325
+ margin-bottom: 0.25rem;
1326
+ }
1327
+ .ids .ids-s-my-2 {
1328
+ margin-top: 0.5rem;
1329
+ margin-bottom: 0.5rem;
1330
+ }
1331
+ .ids .ids-s-my-3 {
1332
+ margin-top: 0.75rem;
1333
+ margin-bottom: 0.75rem;
1334
+ }
1335
+ .ids .ids-s-my-4 {
1336
+ margin-top: 1rem;
1337
+ margin-bottom: 1rem;
1338
+ }
1339
+ .ids .ids-s-my-5 {
1340
+ margin-top: 1.25rem;
1341
+ margin-bottom: 1.25rem;
1342
+ }
1343
+ .ids .ids-s-my-6 {
1344
+ margin-top: 1.5rem;
1345
+ margin-bottom: 1.5rem;
1346
+ }
1347
+ .ids .ids-s-my-7 {
1348
+ margin-top: 1.75rem;
1349
+ margin-bottom: 1.75rem;
1350
+ }
1351
+ .ids .ids-s-my-8 {
1352
+ margin-top: 2rem;
1353
+ margin-bottom: 2rem;
1354
+ }
1355
+ .ids .ids-s-my-9 {
1356
+ margin-top: 2.25rem;
1357
+ margin-bottom: 2.25rem;
1358
+ }
1359
+ .ids .ids-s-my-10 {
1360
+ margin-top: 2.5rem;
1361
+ margin-bottom: 2.5rem;
1362
+ }
1363
+ .ids .ids-s-my-11 {
1364
+ margin-top: 2.75rem;
1365
+ margin-bottom: 2.75rem;
1366
+ }
1367
+ .ids .ids-s-my-12 {
1368
+ margin-top: 3rem;
1369
+ margin-bottom: 3rem;
1370
+ }
1371
+ /* Margin x axis */
1372
+ .ids .ids-s-mx-0 {
1373
+ margin-left: 0px;
1374
+ margin-right: 0px;
1375
+ }
1376
+ .ids .ids-s-mx-1 {
1377
+ margin-left: 0.25rem;
1378
+ margin-right: 0.25rem;
1379
+ }
1380
+ .ids .ids-s-mx-2 {
1381
+ margin-left: 0.5rem;
1382
+ margin-right: 0.5rem;
1383
+ }
1384
+ .ids .ids-s-mx-3 {
1385
+ margin-left: 0.75rem;
1386
+ margin-right: 0.75rem;
1387
+ }
1388
+ .ids .ids-s-mx-4 {
1389
+ margin-left: 1rem;
1390
+ margin-right: 1rem;
1391
+ }
1392
+ .ids .ids-s-mx-5 {
1393
+ margin-left: 1.25rem;
1394
+ margin-right: 1.25rem;
1395
+ }
1396
+ .ids .ids-s-mx-6 {
1397
+ margin-left: 1.5rem;
1398
+ margin-right: 1.5rem;
1399
+ }
1400
+ .ids .ids-s-mx-7 {
1401
+ margin-left: 1.75rem;
1402
+ margin-right: 1.75rem;
1403
+ }
1404
+ .ids .ids-s-mx-8 {
1405
+ margin-left: 2rem;
1406
+ margin-right: 2rem;
1407
+ }
1408
+ .ids .ids-s-mx-9 {
1409
+ margin-left: 2.25rem;
1410
+ margin-right: 2.25rem;
1411
+ }
1412
+ .ids .ids-s-mx-10 {
1413
+ margin-left: 2.5rem;
1414
+ margin-right: 2.5rem;
1415
+ }
1416
+ .ids .ids-s-mx-11 {
1417
+ margin-left: 2.75rem;
1418
+ margin-right: 2.75rem;
1419
+ }
1420
+ .ids .ids-s-mx-12 {
1421
+ margin-left: 3rem;
1422
+ margin-right: 3rem;
1423
+ }
1424
+ /* Padding */
1425
+ /* Padding top */
1426
+ .ids .ids-s-pt-0 {
1427
+ padding-top: 0px;
1428
+ }
1429
+ .ids .ids-s-pt-1 {
1430
+ padding-top: 0.25rem;
1431
+ }
1432
+ .ids .ids-s-pt-2 {
1433
+ padding-top: 0.5rem;
1434
+ }
1435
+ .ids .ids-s-pt-3 {
1436
+ padding-top: 0.75rem;
1437
+ }
1438
+ .ids .ids-s-pt-4 {
1439
+ padding-top: 1rem;
1440
+ }
1441
+ .ids .ids-s-pt-5 {
1442
+ padding-top: 1.25rem;
1443
+ }
1444
+ .ids .ids-s-pt-6 {
1445
+ padding-top: 1.5rem;
1446
+ }
1447
+ .ids .ids-s-pt-7 {
1448
+ padding-top: 1.75rem;
1449
+ }
1450
+ .ids .ids-s-pt-8 {
1451
+ padding-top: 2rem;
1452
+ }
1453
+ .ids .ids-s-pt-9 {
1454
+ padding-top: 2.25rem;
1455
+ }
1456
+ .ids .ids-s-pt-10 {
1457
+ padding-top: 2.5rem;
1458
+ }
1459
+ .ids .ids-s-pt-11 {
1460
+ padding-top: 2.75rem;
1461
+ }
1462
+ .ids .ids-s-pt-12 {
1463
+ padding-top: 3rem;
1464
+ }
1465
+ /* Padding bottom */
1466
+ .ids .ids-s-pb-0 {
1467
+ padding-bottom: 0px;
1468
+ }
1469
+ .ids .ids-s-pb-1 {
1470
+ padding-bottom: 0.25rem;
1471
+ }
1472
+ .ids .ids-s-pb-2 {
1473
+ padding-bottom: 0.5rem;
1474
+ }
1475
+ .ids .ids-s-pb-3 {
1476
+ padding-bottom: 0.75rem;
1477
+ }
1478
+ .ids .ids-s-pb-4 {
1479
+ padding-bottom: 1rem;
1480
+ }
1481
+ .ids .ids-s-pb-5 {
1482
+ padding-bottom: 1.25rem;
1483
+ }
1484
+ .ids .ids-s-pb-6 {
1485
+ padding-bottom: 1.5rem;
1486
+ }
1487
+ .ids .ids-s-pb-7 {
1488
+ padding-bottom: 1.75rem;
1489
+ }
1490
+ .ids .ids-s-pb-8 {
1491
+ padding-bottom: 2rem;
1492
+ }
1493
+ .ids .ids-s-pb-9 {
1494
+ padding-bottom: 2.25rem;
1495
+ }
1496
+ .ids .ids-s-pb-10 {
1497
+ padding-bottom: 2.5rem;
1498
+ }
1499
+ .ids .ids-s-pb-11 {
1500
+ padding-bottom: 2.75rem;
1501
+ }
1502
+ .ids .ids-s-pb-12 {
1503
+ padding-bottom: 3rem;
1504
+ }
1505
+ /* Padding right */
1506
+ .ids .ids-s-pr-0 {
1507
+ padding-right: 0px;
1508
+ }
1509
+ .ids .ids-s-pr-1 {
1510
+ padding-right: 0.25rem;
1511
+ }
1512
+ .ids .ids-s-pr-2 {
1513
+ padding-right: 0.5rem;
1514
+ }
1515
+ .ids .ids-s-pr-3 {
1516
+ padding-right: 0.75rem;
1517
+ }
1518
+ .ids .ids-s-pr-4 {
1519
+ padding-right: 1rem;
1520
+ }
1521
+ .ids .ids-s-pr-5 {
1522
+ padding-right: 1.25rem;
1523
+ }
1524
+ .ids .ids-s-pr-6 {
1525
+ padding-right: 1.5rem;
1526
+ }
1527
+ .ids .ids-s-pr-7 {
1528
+ padding-right: 1.75rem;
1529
+ }
1530
+ .ids .ids-s-pr-8 {
1531
+ padding-right: 2rem;
1532
+ }
1533
+ .ids .ids-s-pr-9 {
1534
+ padding-right: 2.25rem;
1535
+ }
1536
+ .ids .ids-s-pr-10 {
1537
+ padding-right: 2.5rem;
1538
+ }
1539
+ .ids .ids-s-pr-11 {
1540
+ padding-right: 2.75rem;
1541
+ }
1542
+ .ids .ids-s-pr-12 {
1543
+ padding-right: 3rem;
1544
+ }
1545
+ /* Padding left */
1546
+ .ids .ids-s-pl-0 {
1547
+ padding-left: 0px;
1548
+ }
1549
+ .ids .ids-s-pl-1 {
1550
+ padding-left: 0.25rem;
1551
+ }
1552
+ .ids .ids-s-pl-2 {
1553
+ padding-left: 0.5rem;
1554
+ }
1555
+ .ids .ids-s-pl-3 {
1556
+ padding-left: 0.75rem;
1557
+ }
1558
+ .ids .ids-s-pl-4 {
1559
+ padding-left: 1rem;
1560
+ }
1561
+ .ids .ids-s-pl-5 {
1562
+ padding-left: 1.25rem;
1563
+ }
1564
+ .ids .ids-s-pl-6 {
1565
+ padding-left: 1.5rem;
1566
+ }
1567
+ .ids .ids-s-pl-7 {
1568
+ padding-left: 1.75rem;
1569
+ }
1570
+ .ids .ids-s-pl-8 {
1571
+ padding-left: 2rem;
1572
+ }
1573
+ .ids .ids-s-pl-9 {
1574
+ padding-left: 2.25rem;
1575
+ }
1576
+ .ids .ids-s-pl-10 {
1577
+ padding-left: 2.5rem;
1578
+ }
1579
+ .ids .ids-s-pl-11 {
1580
+ padding-left: 2.75rem;
1581
+ }
1582
+ .ids .ids-s-pl-12 {
1583
+ padding-left: 3rem;
1584
+ }
1585
+ /* Padding y-axis */
1586
+ .ids .ids-s-py-0 {
1587
+ padding-top: 0px;
1588
+ padding-bottom: 0px;
1589
+ }
1590
+ .ids .ids-s-py-1 {
1591
+ padding-top: 0.25rem;
1592
+ padding-bottom: 0.25rem;
1593
+ }
1594
+ .ids .ids-s-py-2 {
1595
+ padding-top: 0.5rem;
1596
+ padding-bottom: 0.5rem;
1597
+ }
1598
+ .ids .ids-s-py-3 {
1599
+ padding-top: 0.75rem;
1600
+ padding-bottom: 0.75rem;
1601
+ }
1602
+ .ids .ids-s-py-4 {
1603
+ padding-top: 1rem;
1604
+ padding-bottom: 1rem;
1605
+ }
1606
+ .ids .ids-s-py-5 {
1607
+ padding-top: 1.25rem;
1608
+ padding-bottom: 1.25rem;
1609
+ }
1610
+ .ids .ids-s-py-6 {
1611
+ padding-top: 1.5rem;
1612
+ padding-bottom: 1.5rem;
1613
+ }
1614
+ .ids .ids-s-py-7 {
1615
+ padding-top: 1.75rem;
1616
+ padding-bottom: 1.75rem;
1617
+ }
1618
+ .ids .ids-s-py-8 {
1619
+ padding-top: 2rem;
1620
+ padding-bottom: 2rem;
1621
+ }
1622
+ .ids .ids-s-py-9 {
1623
+ padding-top: 2.25rem;
1624
+ padding-bottom: 2.25rem;
1625
+ }
1626
+ .ids .ids-s-py-10 {
1627
+ padding-top: 2.5rem;
1628
+ padding-bottom: 2.5rem;
1629
+ }
1630
+ .ids .ids-s-py-11 {
1631
+ padding-top: 2.75rem;
1632
+ padding-bottom: 2.75rem;
1633
+ }
1634
+ .ids .ids-s-py-12 {
1635
+ padding-top: 3rem;
1636
+ padding-bottom: 3rem;
1637
+ }
1638
+ .ids .ids-s-px-0 {
1639
+ padding-right: 0px;
1640
+ padding-left: 0px;
1641
+ }
1642
+ .ids .ids-s-px-1 {
1643
+ padding-right: 0.25rem;
1644
+ padding-left: 0.25rem;
1645
+ }
1646
+ .ids .ids-s-px-2 {
1647
+ padding-right: 0.5rem;
1648
+ padding-left: 0.5rem;
1649
+ }
1650
+ .ids .ids-s-px-3 {
1651
+ padding-right: 0.75rem;
1652
+ padding-left: 0.75rem;
1653
+ }
1654
+ .ids .ids-s-px-4 {
1655
+ padding-right: 1rem;
1656
+ padding-left: 1rem;
1657
+ }
1658
+ .ids .ids-s-px-5 {
1659
+ padding-right: 1.25rem;
1660
+ padding-left: 1.25rem;
1661
+ }
1662
+ .ids .ids-s-px-6 {
1663
+ padding-right: 1.5rem;
1664
+ padding-left: 1.5rem;
1665
+ }
1666
+ .ids .ids-s-px-7 {
1667
+ padding-right: 1.75rem;
1668
+ padding-left: 1.75rem;
1669
+ }
1670
+ .ids .ids-s-px-8 {
1671
+ padding-right: 2rem;
1672
+ padding-left: 2rem;
1673
+ }
1674
+ .ids .ids-s-px-9 {
1675
+ padding-right: 2.25rem;
1676
+ padding-left: 2.25rem;
1677
+ }
1678
+ .ids .ids-s-px-10 {
1679
+ padding-right: 2.5rem;
1680
+ padding-left: 2.5rem;
1681
+ }
1682
+ .ids .ids-s-px-11 {
1683
+ padding-right: 2.75rem;
1684
+ padding-left: 2.75rem;
1685
+ }
1686
+ .ids .ids-s-px-12 {
1687
+ padding-right: 3rem;
1688
+ padding-left: 3rem;
1689
+ }
1690
+ /* Hide classes */
1691
+ .ids .ids-hide-on-s, .ids .ids-s-hide {
1692
+ display: none;
1693
+ }
1694
+ }
1695
+ @media only screen and (max-width: 1024px) {
1696
+ /* Margin top */
1697
+ .ids .ids-m-mt-0 {
1698
+ margin-top: 0px;
1699
+ }
1700
+ .ids .ids-m-mt-1 {
1701
+ margin-top: 0.25rem;
1702
+ }
1703
+ .ids .ids-m-mt-2 {
1704
+ margin-top: 0.5rem;
1705
+ }
1706
+ .ids .ids-m-mt-3 {
1707
+ margin-top: 0.75rem;
1708
+ }
1709
+ .ids .ids-m-mt-4 {
1710
+ margin-top: 1rem;
1711
+ }
1712
+ .ids .ids-m-mt-5 {
1713
+ margin-top: 1.25rem;
1714
+ }
1715
+ .ids .ids-m-mt-6 {
1716
+ margin-top: 1.5rem;
1717
+ }
1718
+ .ids .ids-m-mt-7 {
1719
+ margin-top: 1.75rem;
1720
+ }
1721
+ .ids .ids-m-mt-8 {
1722
+ margin-top: 2rem;
1723
+ }
1724
+ .ids .ids-m-mt-9 {
1725
+ margin-top: 2.25rem;
1726
+ }
1727
+ .ids .ids-m-mt-10 {
1728
+ margin-top: 2.5rem;
1729
+ }
1730
+ .ids .ids-m-mt-11 {
1731
+ margin-top: 2.75rem;
1732
+ }
1733
+ .ids .ids-m-mt-12 {
1734
+ margin-top: 3rem;
1735
+ }
1736
+ /* Margin right */
1737
+ .ids .ids-m-mr-0 {
1738
+ margin-right: 0px;
1739
+ }
1740
+ .ids .ids-m-mr-1 {
1741
+ margin-right: 0.25rem;
1742
+ }
1743
+ .ids .ids-m-mr-2 {
1744
+ margin-right: 0.5rem;
1745
+ }
1746
+ .ids .ids-m-mr-3 {
1747
+ margin-right: 0.75rem;
1748
+ }
1749
+ .ids .ids-m-mr-4 {
1750
+ margin-right: 1rem;
1751
+ }
1752
+ .ids .ids-m-mr-5 {
1753
+ margin-right: 1.25rem;
1754
+ }
1755
+ .ids .ids-m-mr-6 {
1756
+ margin-right: 1.5rem;
1757
+ }
1758
+ .ids .ids-m-mr-7 {
1759
+ margin-right: 1.75rem;
1760
+ }
1761
+ .ids .ids-m-mr-8 {
1762
+ margin-right: 2rem;
1763
+ }
1764
+ .ids .ids-m-mr-9 {
1765
+ margin-right: 2.25rem;
1766
+ }
1767
+ .ids .ids-m-mr-10 {
1768
+ margin-right: 2.5rem;
1769
+ }
1770
+ .ids .ids-m-mr-11 {
1771
+ margin-right: 2.75rem;
1772
+ }
1773
+ .ids .ids-m-mr-12 {
1774
+ margin-right: 3rem;
1775
+ }
1776
+ /* Margin bottom */
1777
+ .ids .ids-m-mb-0 {
1778
+ margin-bottom: 0px;
1779
+ }
1780
+ .ids .ids-m-mb-1 {
1781
+ margin-bottom: 0.25rem;
1782
+ }
1783
+ .ids .ids-m-mb-2 {
1784
+ margin-bottom: 0.5rem;
1785
+ }
1786
+ .ids .ids-m-mb-3 {
1787
+ margin-bottom: 0.75rem;
1788
+ }
1789
+ .ids .ids-m-mb-4 {
1790
+ margin-bottom: 1rem;
1791
+ }
1792
+ .ids .ids-m-mb-5 {
1793
+ margin-bottom: 1.25rem;
1794
+ }
1795
+ .ids .ids-m-mb-6 {
1796
+ margin-bottom: 1.5rem;
1797
+ }
1798
+ .ids .ids-m-mb-7 {
1799
+ margin-bottom: 1.75rem;
1800
+ }
1801
+ .ids .ids-m-mb-8 {
1802
+ margin-bottom: 2rem;
1803
+ }
1804
+ .ids .ids-m-mb-9 {
1805
+ margin-bottom: 2.25rem;
1806
+ }
1807
+ .ids .ids-m-mb-10 {
1808
+ margin-bottom: 2.5rem;
1809
+ }
1810
+ .ids .ids-m-mb-11 {
1811
+ margin-bottom: 2.75rem;
1812
+ }
1813
+ .ids .ids-m-mb-12 {
1814
+ margin-bottom: 3rem;
1815
+ }
1816
+ /* Margin left */
1817
+ .ids .ids-m-ml-0 {
1818
+ margin-left: 0px;
1819
+ }
1820
+ .ids .ids-m-ml-1 {
1821
+ margin-left: 0.25rem;
1822
+ }
1823
+ .ids .ids-m-ml-2 {
1824
+ margin-left: 0.5rem;
1825
+ }
1826
+ .ids .ids-m-ml-3 {
1827
+ margin-left: 0.75rem;
1828
+ }
1829
+ .ids .ids-m-ml-4 {
1830
+ margin-left: 1rem;
1831
+ }
1832
+ .ids .ids-m-ml-5 {
1833
+ margin-left: 1.25rem;
1834
+ }
1835
+ .ids .ids-m-ml-6 {
1836
+ margin-left: 1.5rem;
1837
+ }
1838
+ .ids .ids-m-ml-7 {
1839
+ margin-left: 1.75rem;
1840
+ }
1841
+ .ids .ids-m-ml-8 {
1842
+ margin-left: 2rem;
1843
+ }
1844
+ .ids .ids-m-ml-9 {
1845
+ margin-left: 2.25rem;
1846
+ }
1847
+ .ids .ids-m-ml-10 {
1848
+ margin-left: 2.5rem;
1849
+ }
1850
+ .ids .ids-m-ml-11 {
1851
+ margin-left: 2.75rem;
1852
+ }
1853
+ .ids .ids-m-ml-12 {
1854
+ margin-left: 3rem;
1855
+ }
1856
+ /* Margin y axis */
1857
+ .ids .ids-m-my-0 {
1858
+ margin-top: 0px;
1859
+ margin-bottom: 0px;
1860
+ }
1861
+ .ids .ids-m-my-1 {
1862
+ margin-top: 0.25rem;
1863
+ margin-bottom: 0.25rem;
1864
+ }
1865
+ .ids .ids-m-my-2 {
1866
+ margin-top: 0.5rem;
1867
+ margin-bottom: 0.5rem;
1868
+ }
1869
+ .ids .ids-m-my-3 {
1870
+ margin-top: 0.75rem;
1871
+ margin-bottom: 0.75rem;
1872
+ }
1873
+ .ids .ids-m-my-4 {
1874
+ margin-top: 1rem;
1875
+ margin-bottom: 1rem;
1876
+ }
1877
+ .ids .ids-m-my-5 {
1878
+ margin-top: 1.25rem;
1879
+ margin-bottom: 1.25rem;
1880
+ }
1881
+ .ids .ids-m-my-6 {
1882
+ margin-top: 1.5rem;
1883
+ margin-bottom: 1.5rem;
1884
+ }
1885
+ .ids .ids-m-my-7 {
1886
+ margin-top: 1.75rem;
1887
+ margin-bottom: 1.75rem;
1888
+ }
1889
+ .ids .ids-m-my-8 {
1890
+ margin-top: 2rem;
1891
+ margin-bottom: 2rem;
1892
+ }
1893
+ .ids .ids-m-my-9 {
1894
+ margin-top: 2.25rem;
1895
+ margin-bottom: 2.25rem;
1896
+ }
1897
+ .ids .ids-m-my-10 {
1898
+ margin-top: 2.5rem;
1899
+ margin-bottom: 2.5rem;
1900
+ }
1901
+ .ids .ids-m-my-11 {
1902
+ margin-top: 2.75rem;
1903
+ margin-bottom: 2.75rem;
1904
+ }
1905
+ .ids .ids-m-my-12 {
1906
+ margin-top: 3rem;
1907
+ margin-bottom: 3rem;
1908
+ }
1909
+ /* Margin x axis */
1910
+ .ids .ids-m-mx-0 {
1911
+ margin-left: 0px;
1912
+ margin-right: 0px;
1913
+ }
1914
+ .ids .ids-m-mx-1 {
1915
+ margin-left: 0.25rem;
1916
+ margin-right: 0.25rem;
1917
+ }
1918
+ .ids .ids-m-mx-2 {
1919
+ margin-left: 0.5rem;
1920
+ margin-right: 0.5rem;
1921
+ }
1922
+ .ids .ids-m-mx-3 {
1923
+ margin-left: 0.75rem;
1924
+ margin-right: 0.75rem;
1925
+ }
1926
+ .ids .ids-m-mx-4 {
1927
+ margin-left: 1rem;
1928
+ margin-right: 1rem;
1929
+ }
1930
+ .ids .ids-m-mx-5 {
1931
+ margin-left: 1.25rem;
1932
+ margin-right: 1.25rem;
1933
+ }
1934
+ .ids .ids-m-mx-6 {
1935
+ margin-left: 1.5rem;
1936
+ margin-right: 1.5rem;
1937
+ }
1938
+ .ids .ids-m-mx-7 {
1939
+ margin-left: 1.75rem;
1940
+ margin-right: 1.75rem;
1941
+ }
1942
+ .ids .ids-m-mx-8 {
1943
+ margin-left: 2rem;
1944
+ margin-right: 2rem;
1945
+ }
1946
+ .ids .ids-m-mx-9 {
1947
+ margin-left: 2.25rem;
1948
+ margin-right: 2.25rem;
1949
+ }
1950
+ .ids .ids-m-mx-10 {
1951
+ margin-left: 2.5rem;
1952
+ margin-right: 2.5rem;
1953
+ }
1954
+ .ids .ids-m-mx-11 {
1955
+ margin-left: 2.75rem;
1956
+ margin-right: 2.75rem;
1957
+ }
1958
+ .ids .ids-m-mx-12 {
1959
+ margin-left: 3rem;
1960
+ margin-right: 3rem;
1961
+ }
1962
+ /* Padding */
1963
+ /* Padding top */
1964
+ .ids .ids-m-pt-0 {
1965
+ padding-top: 0px;
1966
+ }
1967
+ .ids .ids-m-pt-1 {
1968
+ padding-top: 0.25rem;
1969
+ }
1970
+ .ids .ids-m-pt-2 {
1971
+ padding-top: 0.5rem;
1972
+ }
1973
+ .ids .ids-m-pt-3 {
1974
+ padding-top: 0.75rem;
1975
+ }
1976
+ .ids .ids-m-pt-4 {
1977
+ padding-top: 1rem;
1978
+ }
1979
+ .ids .ids-m-pt-5 {
1980
+ padding-top: 1.25rem;
1981
+ }
1982
+ .ids .ids-m-pt-6 {
1983
+ padding-top: 1.5rem;
1984
+ }
1985
+ .ids .ids-m-pt-7 {
1986
+ padding-top: 1.75rem;
1987
+ }
1988
+ .ids .ids-m-pt-8 {
1989
+ padding-top: 2rem;
1990
+ }
1991
+ .ids .ids-m-pt-9 {
1992
+ padding-top: 2.25rem;
1993
+ }
1994
+ .ids .ids-m-pt-10 {
1995
+ padding-top: 2.5rem;
1996
+ }
1997
+ .ids .ids-m-pt-11 {
1998
+ padding-top: 2.75rem;
1999
+ }
2000
+ .ids .ids-m-pt-12 {
2001
+ padding-top: 3rem;
2002
+ }
2003
+ /* Padding bottom */
2004
+ .ids .ids-m-pb-0 {
2005
+ padding-bottom: 0px;
2006
+ }
2007
+ .ids .ids-m-pb-1 {
2008
+ padding-bottom: 0.25rem;
2009
+ }
2010
+ .ids .ids-m-pb-2 {
2011
+ padding-bottom: 0.5rem;
2012
+ }
2013
+ .ids .ids-m-pb-3 {
2014
+ padding-bottom: 0.75rem;
2015
+ }
2016
+ .ids .ids-m-pb-4 {
2017
+ padding-bottom: 1rem;
2018
+ }
2019
+ .ids .ids-m-pb-5 {
2020
+ padding-bottom: 1.25rem;
2021
+ }
2022
+ .ids .ids-m-pb-6 {
2023
+ padding-bottom: 1.5rem;
2024
+ }
2025
+ .ids .ids-m-pb-7 {
2026
+ padding-bottom: 1.75rem;
2027
+ }
2028
+ .ids .ids-m-pb-8 {
2029
+ padding-bottom: 2rem;
2030
+ }
2031
+ .ids .ids-m-pb-9 {
2032
+ padding-bottom: 2.25rem;
2033
+ }
2034
+ .ids .ids-m-pb-10 {
2035
+ padding-bottom: 2.5rem;
2036
+ }
2037
+ .ids .ids-m-pb-11 {
2038
+ padding-bottom: 2.75rem;
2039
+ }
2040
+ .ids .ids-m-pb-12 {
2041
+ padding-bottom: 3rem;
2042
+ }
2043
+ /* Padding right */
2044
+ .ids .ids-m-pr-0 {
2045
+ padding-right: 0px;
2046
+ }
2047
+ .ids .ids-m-pr-1 {
2048
+ padding-right: 0.25rem;
2049
+ }
2050
+ .ids .ids-m-pr-2 {
2051
+ padding-right: 0.5rem;
2052
+ }
2053
+ .ids .ids-m-pr-3 {
2054
+ padding-right: 0.75rem;
2055
+ }
2056
+ .ids .ids-m-pr-4 {
2057
+ padding-right: 1rem;
2058
+ }
2059
+ .ids .ids-m-pr-5 {
2060
+ padding-right: 1.25rem;
2061
+ }
2062
+ .ids .ids-m-pr-6 {
2063
+ padding-right: 1.5rem;
2064
+ }
2065
+ .ids .ids-m-pr-7 {
2066
+ padding-right: 1.75rem;
2067
+ }
2068
+ .ids .ids-m-pr-8 {
2069
+ padding-right: 2rem;
2070
+ }
2071
+ .ids .ids-m-pr-9 {
2072
+ padding-right: 2.25rem;
2073
+ }
2074
+ .ids .ids-m-pr-10 {
2075
+ padding-right: 2.5rem;
2076
+ }
2077
+ .ids .ids-m-pr-11 {
2078
+ padding-right: 2.75rem;
2079
+ }
2080
+ .ids .ids-m-pr-12 {
2081
+ padding-right: 3rem;
2082
+ }
2083
+ /* Padding left */
2084
+ .ids .ids-m-pl-0 {
2085
+ padding-left: 0px;
2086
+ }
2087
+ .ids .ids-m-pl-1 {
2088
+ padding-left: 0.25rem;
2089
+ }
2090
+ .ids .ids-m-pl-2 {
2091
+ padding-left: 0.5rem;
2092
+ }
2093
+ .ids .ids-m-pl-3 {
2094
+ padding-left: 0.75rem;
2095
+ }
2096
+ .ids .ids-m-pl-4 {
2097
+ padding-left: 1rem;
2098
+ }
2099
+ .ids .ids-m-pl-5 {
2100
+ padding-left: 1.25rem;
2101
+ }
2102
+ .ids .ids-m-pl-6 {
2103
+ padding-left: 1.5rem;
2104
+ }
2105
+ .ids .ids-m-pl-7 {
2106
+ padding-left: 1.75rem;
2107
+ }
2108
+ .ids .ids-m-pl-8 {
2109
+ padding-left: 2rem;
2110
+ }
2111
+ .ids .ids-m-pl-9 {
2112
+ padding-left: 2.25rem;
2113
+ }
2114
+ .ids .ids-m-pl-10 {
2115
+ padding-left: 2.5rem;
2116
+ }
2117
+ .ids .ids-m-pl-11 {
2118
+ padding-left: 2.75rem;
2119
+ }
2120
+ .ids .ids-m-pl-12 {
2121
+ padding-left: 3rem;
2122
+ }
2123
+ /* Padding y-axis */
2124
+ .ids .ids-m-py-0 {
2125
+ padding-top: 0px;
2126
+ padding-bottom: 0px;
2127
+ }
2128
+ .ids .ids-m-py-1 {
2129
+ padding-top: 0.25rem;
2130
+ padding-bottom: 0.25rem;
2131
+ }
2132
+ .ids .ids-m-py-2 {
2133
+ padding-top: 0.5rem;
2134
+ padding-bottom: 0.5rem;
2135
+ }
2136
+ .ids .ids-m-py-3 {
2137
+ padding-top: 0.75rem;
2138
+ padding-bottom: 0.75rem;
2139
+ }
2140
+ .ids .ids-m-py-4 {
2141
+ padding-top: 1rem;
2142
+ padding-bottom: 1rem;
2143
+ }
2144
+ .ids .ids-m-py-5 {
2145
+ padding-top: 1.25rem;
2146
+ padding-bottom: 1.25rem;
2147
+ }
2148
+ .ids .ids-m-py-6 {
2149
+ padding-top: 1.5rem;
2150
+ padding-bottom: 1.5rem;
2151
+ }
2152
+ .ids .ids-m-py-7 {
2153
+ padding-top: 1.75rem;
2154
+ padding-bottom: 1.75rem;
2155
+ }
2156
+ .ids .ids-m-py-8 {
2157
+ padding-top: 2rem;
2158
+ padding-bottom: 2rem;
2159
+ }
2160
+ .ids .ids-m-py-9 {
2161
+ padding-top: 2.25rem;
2162
+ padding-bottom: 2.25rem;
2163
+ }
2164
+ .ids .ids-m-py-10 {
2165
+ padding-top: 2.5rem;
2166
+ padding-bottom: 2.5rem;
2167
+ }
2168
+ .ids .ids-m-py-11 {
2169
+ padding-top: 2.75rem;
2170
+ padding-bottom: 2.75rem;
2171
+ }
2172
+ .ids .ids-m-py-12 {
2173
+ padding-top: 3rem;
2174
+ padding-bottom: 3rem;
2175
+ }
2176
+ .ids .ids-m-px-0 {
2177
+ padding-right: 0px;
2178
+ padding-left: 0px;
2179
+ }
2180
+ .ids .ids-m-px-1 {
2181
+ padding-right: 0.25rem;
2182
+ padding-left: 0.25rem;
2183
+ }
2184
+ .ids .ids-m-px-2 {
2185
+ padding-right: 0.5rem;
2186
+ padding-left: 0.5rem;
2187
+ }
2188
+ .ids .ids-m-px-3 {
2189
+ padding-right: 0.75rem;
2190
+ padding-left: 0.75rem;
2191
+ }
2192
+ .ids .ids-m-px-4 {
2193
+ padding-right: 1rem;
2194
+ padding-left: 1rem;
2195
+ }
2196
+ .ids .ids-m-px-5 {
2197
+ padding-right: 1.25rem;
2198
+ padding-left: 1.25rem;
2199
+ }
2200
+ .ids .ids-m-px-6 {
2201
+ padding-right: 1.5rem;
2202
+ padding-left: 1.5rem;
2203
+ }
2204
+ .ids .ids-m-px-7 {
2205
+ padding-right: 1.75rem;
2206
+ padding-left: 1.75rem;
2207
+ }
2208
+ .ids .ids-m-px-8 {
2209
+ padding-right: 2rem;
2210
+ padding-left: 2rem;
2211
+ }
2212
+ .ids .ids-m-px-9 {
2213
+ padding-right: 2.25rem;
2214
+ padding-left: 2.25rem;
2215
+ }
2216
+ .ids .ids-m-px-10 {
2217
+ padding-right: 2.5rem;
2218
+ padding-left: 2.5rem;
2219
+ }
2220
+ .ids .ids-m-px-11 {
2221
+ padding-right: 2.75rem;
2222
+ padding-left: 2.75rem;
2223
+ }
2224
+ .ids .ids-m-px-12 {
2225
+ padding-right: 3rem;
2226
+ padding-left: 3rem;
2227
+ }
2228
+ /* Hide classes */
2229
+ .ids .ids-hide-on-m, .ids .ids-m-hide {
2230
+ display: none;
2231
+ }
2232
+ }
2233
+ /* Smaller screen utility classes ends here */
2234
+ /*Custom addition to the tailwind util class */
2235
+ /* Adds spacing between words */
2236
+ .ids-ws-0 {
2237
+ word-spacing: 0;
2238
+ }
2239
+
2240
+ .ids-ws-1 {
2241
+ word-spacing: 0.25rem;
2242
+ }
2243
+
2244
+ .ids-ws-2 {
2245
+ word-spacing: 0.5rem;
2246
+ }
2247
+
2248
+ .ids-ws-3 {
2249
+ word-spacing: 0.75rem;
2250
+ }
2251
+
2252
+ .ids-ws-4 {
2253
+ word-spacing: 1rem;
2254
+ }
2255
+
2256
+ .ids-ws-5 {
2257
+ word-spacing: 1.25rem;
2258
+ }
2259
+
2260
+ .ids-ws-6 {
2261
+ word-spacing: 1.5rem;
2262
+ }
2263
+
2264
+ .ids-ws-7 {
2265
+ word-spacing: 1.75rem;
2266
+ }
2267
+
2268
+ .ids-ws-8 {
2269
+ word-spacing: 2rem;
2270
+ }
2271
+
2272
+ .ids-ws-9 {
2273
+ word-spacing: 2.25rem;
2274
+ }
2275
+
2276
+ .ids-ws-10 {
2277
+ word-spacing: 2.5rem;
2278
+ }
2279
+
2280
+ .ids-ws-11 {
2281
+ word-spacing: 2.75rem;
2282
+ }
2283
+
2284
+ .ids-ws-12 {
2285
+ word-spacing: 3rem;
2286
+ }
2287
+
2288
+ /*Custom addition to the tailwind util class ends here*/
2289
+ .ids-float-start {
2290
+ float: inline-start;
2291
+ }
2292
+
2293
+ .ids-float-end {
2294
+ float: inline-end;
2295
+ }
2296
+
2297
+ .ids-float-right {
2298
+ float: right;
2299
+ }
2300
+
2301
+ .ids-float-left {
2302
+ float: left;
2303
+ }
2304
+
2305
+ .ids-float-none {
2306
+ float: none;
2307
+ }
2308
+
2309
+ .ids-label {
2310
+ display: inline-block;
2311
+ color: var(--IDS-FORM__LABEL__COLOR);
2312
+ font-family: var(--IDS-FORM__LABEL__FONT-FAMILY);
2313
+ font-size: var(--IDS-FORM__LABEL__FONT-SIZE);
2314
+ font-style: normal;
2315
+ font-weight: var(--IDS-FORM__LABEL__FONT-WEIGHT);
2316
+ letter-spacing: var(--IDS-FORM__LABEL__LETTER-SPACING);
2317
+ line-height: var(--IDS-FORM__LABEL__HEIGHT);
2318
+ margin-bottom: 5px;
2319
+ min-height: 24px;
2320
+ min-width: 24px;
2321
+ }
2322
+ .ids-label.ids-label--disabled {
2323
+ font-style: italic;
2324
+ color: var(--IDS-FORM__LABEL--DISABLED__COLOR);
2325
+ }
2326
+
2327
+ .ids-radio,
2328
+ ids-radio input {
2329
+ position: absolute;
2330
+ opacity: 0;
2331
+ }
2332
+
2333
+ ids-radio *[slot=tooltip] {
2334
+ margin-left: 5px;
2335
+ }
2336
+
2337
+ .ids-label--radio {
2338
+ display: inline-flex;
2339
+ align-items: flex-start;
2340
+ cursor: pointer;
2341
+ }
2342
+ .ids-label--radio.ids-label--light:before {
2343
+ background-color: white;
2344
+ }
2345
+ .ids-label--radio:before {
2346
+ content: "";
2347
+ flex: 0 0 auto;
2348
+ background: var(--IDS-RADIO__BACKGROUND-COLOR);
2349
+ box-sizing: border-box;
2350
+ border-radius: 100%;
2351
+ border: var(--IDS-RADIO__BORDER);
2352
+ display: inline-block;
2353
+ width: 1.25rem;
2354
+ height: 1.25rem;
2355
+ margin-top: 1px;
2356
+ position: relative;
2357
+ cursor: pointer;
2358
+ text-align: center;
2359
+ margin-right: 0.625rem;
2360
+ }
2361
+ input[type=radio]:checked + .ids-label--radio:before {
2362
+ background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2363
+ box-shadow: inset 0 0 0 2px white;
2364
+ }
2365
+ input[type=radio]:disabled + .ids-label--radio:before {
2366
+ background-image: var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);
2367
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
2368
+ border: none;
2369
+ }
2370
+ input[type=radio][aria-invalid=true]:not(:checked) + .ids-label--radio:before {
2371
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2372
+ border: none;
2373
+ background-image: var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE);
2374
+ }
2375
+ .ids-label--radio.ids-label--disabled {
2376
+ cursor: default;
2377
+ }
2378
+ .ids-label--radio.ids-label--disabled:before {
2379
+ cursor: default;
2380
+ }
2381
+ input:focus + .ids-label--radio::before {
2382
+ outline: var(--focus_outline);
2383
+ outline-offset: var(--focus_outline-offset);
2384
+ }
2385
+
2386
+ .ids-radio:disabled,
2387
+ ids-radio input:disabled {
2388
+ cursor: default;
2389
+ }
2390
+
2391
+ .ids-checkbox-label::before {
2392
+ content: "";
2393
+ cursor: pointer;
2394
+ background-color: var(--IDS-CHECKBOX_BACKGROUND-COLOR);
2395
+ border: var(--IDS-CHECKBOX_BORDER);
2396
+ border-radius: var(--IDS-CHECKBOX_BORDER-RADIUS);
2397
+ box-sizing: border-box;
2398
+ min-height: 1.25rem;
2399
+ min-width: 1.25rem;
2400
+ margin-top: 2px;
2401
+ }
2402
+
2403
+ .ids-checkbox-label::after {
2404
+ content: "";
2405
+ min-height: 1.25rem;
2406
+ min-width: 1.25rem;
2407
+ position: absolute;
2408
+ cursor: pointer;
2409
+ background-position: center center;
2410
+ background-size: 1em 1em;
2411
+ background-repeat: no-repeat;
2412
+ margin-top: 2px;
2413
+ }
2414
+
2415
+ .ids-checkbox,
2416
+ ids-checkbox input {
2417
+ opacity: 0;
2418
+ position: absolute;
2419
+ }
2420
+
2421
+ ids-checkbox *[slot=tooltip] {
2422
+ margin-left: 5px;
2423
+ }
2424
+
2425
+ .ids-checkbox-label {
2426
+ position: relative;
2427
+ display: inline-flex;
2428
+ align-items: flex-start;
2429
+ gap: 0.625rem;
2430
+ cursor: pointer;
2431
+ }
2432
+ input:focus + .ids-checkbox-label::before {
2433
+ outline: var(--focus_outline);
2434
+ outline-offset: var(--focus_outline-offset);
2435
+ }
2436
+ input:checked + .ids-checkbox-label::after {
2437
+ background-image: var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE);
2438
+ }
2439
+ .ids-checkbox-label.ids-checkbox-label--no-label {
2440
+ justify-content: center;
2441
+ margin-bottom: 0px;
2442
+ gap: 0px;
2443
+ }
2444
+ .ids-checkbox-label.ids-checkbox-label--no-label::before, .ids-checkbox-label.ids-checkbox-label--no-label::after {
2445
+ margin-top: 0px;
2446
+ }
2447
+ .ids-checkbox-label.ids-label--light:not(.ids-label--invalid)::before {
2448
+ background: white;
2449
+ }
2450
+ .ids-checkbox-label.ids-label--disabled {
2451
+ cursor: default;
2452
+ }
2453
+ .ids-checkbox-label.ids-label--disabled::before {
2454
+ cursor: default;
2455
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
2456
+ border: none !important;
2457
+ background-image: var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important;
2458
+ }
2459
+ .ids-checkbox-label.ids-label--disabled:after {
2460
+ cursor: default;
2461
+ }
2462
+ input:checked + .ids-checkbox-label.ids-label--disabled::after {
2463
+ background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2464
+ }
2465
+ .ids-checkbox-label.ids-label--invalid::before {
2466
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2467
+ border: none;
2468
+ background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2469
+ }
2470
+ input:checked + .ids-checkbox-label.ids-label--invalid::after {
2471
+ background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2472
+ }
2473
+
2474
+ @media (max-width: 1023px) {
2475
+ .ids-desktop {
2476
+ display: none !important;
2477
+ }
2478
+ }
2479
+
2480
+ @media (min-width: 1024px) {
2481
+ .ids-mobile {
2482
+ display: none !important;
2483
+ }
2484
+ }
2485
+
2486
+ /* 1177 Typography - no margins */
2487
+ /*******
2488
+ * FORM
2489
+ ********/
2490
+ input.ids-time, .ids-textarea, .ids-select, .ids-input {
2491
+ font-family: var(--font-family_1) !important;
2492
+ padding: 0.75rem 1.25rem;
2493
+ background-color: var(--IDS-INPUT_BACKGROUND);
2494
+ border: var(--IDS-INPUT_BORDER);
2495
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2496
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2497
+ font-size: 16px;
2498
+ color: var(--IDS-INPUT_COLOR);
2499
+ display: block;
2500
+ }
2501
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2502
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2503
+ border: 1px solid transparent;
2504
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2505
+ }
2506
+
2507
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-select:disabled, .ids-input:disabled {
2508
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2509
+ border: 1px solid transparent;
2510
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2511
+ }
2512
+
2513
+ .ids-label-wrapper {
2514
+ display: inline-flex;
2515
+ gap: 10px;
2516
+ align-items: center;
2517
+ }
2518
+
2519
+ .ids-select-wrapper::after, .ids-select ::after {
2520
+ content: "";
2521
+ width: 12px;
2522
+ height: 100%;
2523
+ display: block;
2524
+ position: absolute;
2525
+ transform: rotate(90deg);
2526
+ right: 25px;
2527
+ top: 0px;
2528
+ bottom: 0px;
2529
+ background-position: center;
2530
+ background-repeat: no-repeat;
2531
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2532
+ pointer-events: none;
2533
+ }
2534
+
2535
+ /*******
2536
+ * Accessibility
2537
+ ********/
2538
+ .ids-input {
2539
+ width: 100%;
2540
+ }
2541
+
2542
+ .ids-input.ids-input--search {
2543
+ margin-top: 0px !important;
2544
+ margin-bottom: 0px !important;
2545
+ height: 3.75rem;
2546
+ padding-left: 55px !important;
2547
+ font-size: 18px !important;
2548
+ }
2549
+
2550
+ .ids-input:disabled {
2551
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2552
+ border: none;
2553
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2554
+ }
2555
+
2556
+ .ids-input__hint {
2557
+ margin-top: 5px;
2558
+ font-family: var(--font-family_1);
2559
+ color: var(--IDS-FORM__LABEL__COLOR);
2560
+ display: flex;
2561
+ justify-content: end;
2562
+ line-height: 1.5rem;
2563
+ font-size: 1rem;
2564
+ font-style: italic;
2565
+ }
2566
+
2567
+ .ids-input-wrapper {
2568
+ position: relative;
2569
+ display: flex;
2570
+ gap: 10px;
2571
+ }
2572
+ .ids-input-wrapper .ids-input {
2573
+ width: 100%;
2574
+ min-height: 3rem;
2575
+ }
2576
+ .ids-input-wrapper .ids-input__icon {
2577
+ pointer-events: none;
2578
+ position: absolute;
2579
+ top: 50%;
2580
+ right: 25px;
2581
+ transform: translateY(-50%);
2582
+ }
2583
+ .ids-input-wrapper .ids-input__prepend-icon {
2584
+ pointer-events: none;
2585
+ position: absolute;
2586
+ top: 50%;
2587
+ left: 20px;
2588
+ transform: translateY(-50%);
2589
+ }
2590
+ .ids-input-wrapper .ids-input__prepend-icon + .ids-input {
2591
+ padding-left: 55px !important;
2592
+ }
2593
+
2594
+ .ids-input:focus {
2595
+ box-shadow: var(--IDS-INPUT_BOX-SHADOW);
2596
+ }
2597
+ .ids-input[type=search] {
2598
+ padding-left: 55px;
2599
+ }
2600
+ .ids-input.ids-input--light:not(:invalid) {
2601
+ background-color: white;
2602
+ }
2603
+ .ids-input.ids-input--light:required {
2604
+ background-color: white;
2605
+ }
2606
+ .ids-input.ids-input--search::-webkit-search-cancel-button, .ids-input.ids-input--search::-webkit-search-results-button, .ids-input.ids-input--search::-webkit-search-results-decoration {
2607
+ cursor: pointer;
2608
+ -webkit-appearance: none;
2609
+ height: 20px;
2610
+ width: 20px;
2611
+ background-image: var(--IDS-INPUT--SEARCH__CANCEL-ICON);
2612
+ }
2613
+ @media (max-width: 1024px) {
2614
+ .ids-input.ids-input--search {
2615
+ padding-left: 20px !important;
2616
+ font-size: 16px !important;
2617
+ margin-right: var(--input-search-mobile_margin-right);
2618
+ border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
2619
+ height: 3.125rem;
2620
+ }
2621
+ }
2622
+
2623
+ .ids-range {
2624
+ -webkit-appearance: none;
2625
+ width: 100%;
2626
+ height: 8px;
2627
+ background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
2628
+ background-image: linear-gradient(var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR), var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR));
2629
+ background-repeat: no-repeat;
2630
+ border: 1px;
2631
+ cursor: pointer;
2632
+ display: block;
2633
+ padding: 0px;
2634
+ border-radius: 16px;
2635
+ }
2636
+ .ids-range:disabled {
2637
+ cursor: default;
2638
+ -webkit-appearance: none;
2639
+ width: 100%;
2640
+ height: 8px;
2641
+ background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
2642
+ background-image: linear-gradient(var(--IDS-RANGE-SELECTION--DISABLED__COLOR), var(--IDS-RANGE-SELECTION--DISABLED__COLOR));
2643
+ background-repeat: no-repeat;
2644
+ border: 1px;
2645
+ padding: 0px;
2646
+ border-radius: 16px;
2647
+ }
2648
+ .ids-range::-ms-track {
2649
+ width: 100%;
2650
+ cursor: pointer;
2651
+ background: transparent;
2652
+ border-color: transparent;
2653
+ color: transparent;
2654
+ }
2655
+ .ids-range::-webkit-slider-thumb {
2656
+ -webkit-appearance: none;
2657
+ border: 2px solid white;
2658
+ height: 24px;
2659
+ width: 24px;
2660
+ border-radius: 100%;
2661
+ background: var(--IDS-RANGE-THUMB__BACKGROUND-COLOR);
2662
+ cursor: pointer;
2663
+ }
2664
+ .ids-range:disabled::-webkit-slider-thumb {
2665
+ cursor: default;
2666
+ background: var(--IDS-RANGE-SELECTION--DISABLED__COLOR);
2667
+ }
2668
+ .ids-range::-ms-thumb {
2669
+ border: 2px solid white;
2670
+ height: 22px;
2671
+ width: 24px;
2672
+ border-radius: 100%;
2673
+ cursor: pointer;
2674
+ }
2675
+ .ids-range:disabled::-ms-thumb {
2676
+ cursor: default;
2677
+ }
2678
+
2679
+ /* 1177 Typography - no margins */
2680
+ /*******
2681
+ * FORM
2682
+ ********/
2683
+ input.ids-time, .ids-textarea, .ids-select, .ids-input {
2684
+ font-family: var(--font-family_1) !important;
2685
+ padding: 0.75rem 1.25rem;
2686
+ background-color: var(--IDS-INPUT_BACKGROUND);
2687
+ border: var(--IDS-INPUT_BORDER);
2688
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2689
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2690
+ font-size: 16px;
2691
+ color: var(--IDS-INPUT_COLOR);
2692
+ display: block;
2693
+ }
2694
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2695
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2696
+ border: 1px solid transparent;
2697
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2698
+ }
2699
+
2700
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-select:disabled, .ids-input:disabled {
2701
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2702
+ border: 1px solid transparent;
2703
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2704
+ }
2705
+
2706
+ .ids-label-wrapper {
2707
+ display: inline-flex;
2708
+ gap: 10px;
2709
+ align-items: center;
2710
+ }
2711
+
2712
+ .ids-select-wrapper::after, .ids-select ::after {
2713
+ content: "";
2714
+ width: 12px;
2715
+ height: 100%;
2716
+ display: block;
2717
+ position: absolute;
2718
+ transform: rotate(90deg);
2719
+ right: 25px;
2720
+ top: 0px;
2721
+ bottom: 0px;
2722
+ background-position: center;
2723
+ background-repeat: no-repeat;
2724
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2725
+ pointer-events: none;
2726
+ }
2727
+
2728
+ /*******
2729
+ * Accessibility
2730
+ ********/
2731
+ .ids-select.ids-input--invalid {
2732
+ background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2733
+ background-image: var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);
2734
+ border: 1px solid transparent;
2735
+ }
2736
+
2737
+ .ids-select:disabled {
2738
+ color: var(--IDS-FORM--DISABLED__COLOR);
2739
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
2740
+ border: var(--IDS-FORM-DISABLED_BORDER);
2741
+ font-style: italic !important;
2742
+ background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
2743
+ }
2744
+
2745
+ .ids-select {
2746
+ cursor: pointer;
2747
+ appearance: none !important;
2748
+ -webkit-appearance: none !important;
2749
+ -moz-appearance: none !important;
2750
+ display: inline-block !important;
2751
+ padding-right: 50px !important;
2752
+ overflow: hidden;
2753
+ text-overflow: ellipsis;
2754
+ border: var(--select_border);
2755
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2756
+ width: 100% !important;
2757
+ }
2758
+ .ids-select.ids-input--light {
2759
+ background-color: white;
2760
+ }
2761
+ .ids-select:focus {
2762
+ outline: var(--IDS-FOCUS_OUTLINE);
2763
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
2764
+ }
2765
+
2766
+ .ids-select-wrapper {
2767
+ position: relative;
2768
+ display: flex;
2769
+ }
2770
+ .ids-select-wrapper:has(.ids-input--invalid)::after {
2771
+ background-image: var(--IDS-SELECT--INVALID__CHEVRON-ICON);
2772
+ }
2773
+ .ids-select-wrapper:has(.ids-select:disabled)::after {
2774
+ background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
2775
+ }
2776
+
2777
+ .ids-select:disabled {
2778
+ cursor: default;
2779
+ }
2780
+
2781
+ /* 1177 Typography - no margins */
2782
+ /*******
2783
+ * FORM
2784
+ ********/
2785
+ input.ids-time, .ids-textarea, .ids-input, .ids-select {
2786
+ font-family: var(--font-family_1) !important;
2787
+ padding: 0.75rem 1.25rem;
2788
+ background-color: var(--IDS-INPUT_BACKGROUND);
2789
+ border: var(--IDS-INPUT_BORDER);
2790
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2791
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2792
+ font-size: 16px;
2793
+ color: var(--IDS-INPUT_COLOR);
2794
+ display: block;
2795
+ }
2796
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2797
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2798
+ border: 1px solid transparent;
2799
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2800
+ }
2801
+
2802
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-input:disabled, .ids-select:disabled {
2803
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2804
+ border: 1px solid transparent;
2805
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2806
+ }
2807
+
2808
+ .ids-label-wrapper {
2809
+ display: inline-flex;
2810
+ gap: 10px;
2811
+ align-items: center;
2812
+ }
2813
+
2814
+ .ids-select ::after, .ids-select-wrapper::after {
2815
+ content: "";
2816
+ width: 12px;
2817
+ height: 100%;
2818
+ display: block;
2819
+ position: absolute;
2820
+ transform: rotate(90deg);
2821
+ right: 25px;
2822
+ top: 0px;
2823
+ bottom: 0px;
2824
+ background-position: center;
2825
+ background-repeat: no-repeat;
2826
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2827
+ pointer-events: none;
2828
+ }
2829
+
2830
+ /*******
2831
+ * Accessibility
2832
+ ********/
2833
+ .ids-textarea.ids-input--light {
2834
+ background-color: white;
2835
+ }
2836
+ .ids-textarea.ids-textarea--autosize {
2837
+ resize: none;
2838
+ display: block;
2839
+ overflow: hidden;
2840
+ }
2841
+ .ids-textarea:focus {
2842
+ box-shadow: var(--IDS-INPUT_BOX-SHADOW);
2843
+ }
2844
+ .ids-textarea::-webkit-scrollbar {
2845
+ width: 10px;
2846
+ }
2847
+ .ids-textarea::-webkit-scrollbar-track {
2848
+ background: 5px var(--IDS-SCROLL_BACKGROUND-COLOR);
2849
+ border-radius: 10px;
2850
+ margin: 10px;
2851
+ }
2852
+ .ids-textarea::-webkit-scrollbar-thumb {
2853
+ background: var(--IDS-SCROLL_COLOR);
2854
+ border-radius: 10px;
2855
+ }
2856
+
2857
+ /* 1177 Typography - no margins */
2858
+ /*******
2859
+ * FORM
2860
+ ********/
2861
+ input.ids-time, .ids-input, .ids-select, .ids-textarea {
2862
+ font-family: var(--font-family_1) !important;
2863
+ padding: 0.75rem 1.25rem;
2864
+ background-color: var(--IDS-INPUT_BACKGROUND);
2865
+ border: var(--IDS-INPUT_BORDER);
2866
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2867
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2868
+ font-size: 16px;
2869
+ color: var(--IDS-INPUT_COLOR);
2870
+ display: block;
2871
+ }
2872
+ input.ids-time.ids-input--invalid, .ids-input.ids-input--invalid, .ids-textarea.ids-input--invalid {
2873
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2874
+ border: 1px solid transparent;
2875
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2876
+ }
2877
+
2878
+ input.ids-time:disabled, .ids-input:disabled, .ids-select:disabled, .ids-textarea:disabled {
2879
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2880
+ border: 1px solid transparent;
2881
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2882
+ }
2883
+
2884
+ .ids-label-wrapper {
2885
+ display: inline-flex;
2886
+ gap: 10px;
2887
+ align-items: center;
2888
+ }
2889
+
2890
+ .ids-select ::after, .ids-select-wrapper::after {
2891
+ content: "";
2892
+ width: 12px;
2893
+ height: 100%;
2894
+ display: block;
2895
+ position: absolute;
2896
+ transform: rotate(90deg);
2897
+ right: 25px;
2898
+ top: 0px;
2899
+ bottom: 0px;
2900
+ background-position: center;
2901
+ background-repeat: no-repeat;
2902
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2903
+ pointer-events: none;
2904
+ }
2905
+
2906
+ /*******
2907
+ * Accessibility
2908
+ ********/
2909
+ .ids-time-input-wrapper {
2910
+ position: relative;
2911
+ display: flex;
2912
+ gap: 10px;
2913
+ }
2914
+ .ids-time-input-wrapper .ids-input {
2915
+ width: 100%;
2916
+ min-height: 3rem;
2917
+ }
2918
+ .ids-time-input-wrapper .ids-input__icon {
2919
+ pointer-events: none;
2920
+ position: absolute;
2921
+ top: 50%;
2922
+ right: 25px;
2923
+ transform: translateY(-50%);
2924
+ }
2925
+ .ids-time-input-wrapper ::slotted(input),
2926
+ .ids-time-input-wrapper input {
2927
+ cursor: pointer;
2928
+ }
2929
+ .ids-time-input-wrapper ::slotted(input:disabled),
2930
+ .ids-time-input-wrapper input:disabled {
2931
+ cursor: default;
2932
+ }
2933
+
2934
+ input.ids-time {
2935
+ cursor: pointer;
2936
+ appearance: none;
2937
+ -webkit-appearance: none;
2938
+ -moz-appearance: none;
2939
+ display: inline-block;
2940
+ box-sizing: border-box;
2941
+ border: var(--select_border);
2942
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2943
+ width: var(--time-width);
2944
+ height: var(--time-height);
2945
+ padding-left: var(--time-padding-left);
2946
+ padding-top: var(--time-padding-top);
2947
+ padding-bottom: var(--time-padding-bottom);
2948
+ }
2949
+ input.ids-time::-webkit-calendar-picker-indicator {
2950
+ opacity: 0;
2951
+ background-size: 20px;
2952
+ margin-top: -3px;
2953
+ position: absolute;
2954
+ right: var(--IDS-INPUT__CALENDAR-ICON__RIGHT);
2955
+ top: 25px;
2956
+ }
2957
+ input.ids-time.ids-input--light:not(:invalid) {
2958
+ background-color: white;
2959
+ }
2960
+
2961
+ input.ids-time:disabled {
2962
+ cursor: default;
2963
+ }
2964
+
2965
+ .ids-form-group__fieldset {
2966
+ border: none;
2967
+ margin: 0px;
2968
+ padding: 0px;
2969
+ display: flex;
2970
+ flex-direction: column;
2971
+ gap: 10px;
2972
+ }
2973
+ .ids-form-group__fieldset.ids-form-group__fieldset--compact {
2974
+ gap: 0px;
2975
+ }
2976
+ .ids-form-group__fieldset legend {
2977
+ padding: 0px;
2978
+ display: inline-flex;
2979
+ font-family: var(--font-family_1);
2980
+ color: var(--IDS-FORM__LABEL__COLOR);
2981
+ gap: 10px;
2982
+ margin-bottom: 10px;
2983
+ }
2984
+
2985
+ :root {
2986
+ --IDS_MAX-WIDTH: 1280px;
2987
+ --ids-font-family: Open sans;
2988
+ --ids-font-color: black;
2989
+ }
2990
+
2991
+ .ids input:focus,
2992
+ .ids select:focus,
2993
+ .ids textarea:focus,
2994
+ .ids ids-button:focus,
2995
+ .ids a:focus {
2996
+ outline: var(--focus_outline);
2997
+ outline-offset: var(--focus_outline-offset);
2998
+ }
2999
+
3000
+ input::placeholder,
3001
+ textarea::placeholder,
3002
+ select::placeholder {
3003
+ color: var(--IDS-FORM__PLACEHOLDER__COLOR);
3004
+ }
3005
+
3006
+ [tabindex="0"]:focus {
3007
+ outline: var(--focus_outline);
3008
+ outline-offset: var(--focus_outline-offset);
3009
+ outline-color: var(--focus-outline_color);
3010
+ }
3011
+
3012
+ :root, :host {
3013
+ /* Primary colors */
3014
+ --IDS-COLOR-PRIMARY-30: #7e2a4c;
3015
+ --IDS-COLOR-ON-PRIMARY-30: #FFF;
3016
+ --IDS-COLOR-PRIMARY-40: #A33662;
3017
+ --IDS-COLOR-ON-PRIMARY-40: #FFF;
3018
+ --IDS-COLOR-PRIMARY-50: #C03F73;
3019
+ --IDS-COLOR-ON-PRIMARY-50: #FFF;
3020
+ /* Secondary colors */
3021
+ --IDS-COLOR-SECONDARY-40: #E7DAC5;
3022
+ --IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
3023
+ --IDS-COLOR-SECONDARY-90: #F6F1E9;
3024
+ --IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
3025
+ --IDS-COLOR-SECONDARY-95: #F9F6F1;
3026
+ --IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
3027
+ /* Accent colors */
3028
+ --IDS-COLOR-ACCENT-30: #305A47;
3029
+ --IDS-COLOR-ON-ACCENT-30: #FFF;
3030
+ --IDS-COLOR-ACCENT-40: #40775E;
3031
+ --IDS-COLOR-ON-ACCENT-40: #FFF;
3032
+ --IDS-COLOR-ACCENT-90: #AFD4C4;
3033
+ --IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
3034
+ /* Graphic colors */
3035
+ --IDS-COLOR-GRAPHIC: #FF9517;
3036
+ /* Alternative colors */
3037
+ --IDS-COLOR-ALTERNATIVE: #0CB0C6;
3038
+ /* Neutral colors */
3039
+ --IDS-COLOR-NEUTRAL-20: #353636;
3040
+ --IDS-COLOR-ON-NEUTRAL-20: #FFF;
3041
+ --IDS-COLOR-NEUTRAL-40: #727373;
3042
+ --IDS-COLOR-ON-NEUTRAL-40: #FFF;
3043
+ --IDS-COLOR-NEUTRAL-90: #CCCCCC;
3044
+ --IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
3045
+ --IDS-COLOR-NEUTRAL-99: #F0F0F0;
3046
+ --IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
3047
+ /* Background colors */
3048
+ --IDS-COLOR-BACKGROUND: #fff;
3049
+ --IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
3050
+ /* Status colors */
3051
+ --IDS-COLOR-SUCCESS-40: #277637;
3052
+ --IDS-COLOR-ON-SUCCESS-40: #FFF;
3053
+ --IDS-COLOR-SUCCESS-99: #E7F7EA;
3054
+ --IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);
3055
+ --IDS-COLOR-ATTENTION-40: #FFD748;
3056
+ --IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
3057
+ --IDS-COLOR-ATTENTION-95: #FFF7D9;
3058
+ --IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
3059
+ --IDS-COLOR-ERROR-40: #DB0F00;
3060
+ --IDS-COLOR-ON-ERROR-40: #FFF;
3061
+ --IDS-COLOR-ERROR-99: #FFDAD7;
3062
+ --IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
3063
+ }
3064
+
3065
+ :root,
3066
+ :host {
3067
+ /**********************
3068
+ * FORM
3069
+ **********************/
3070
+ /* TOKENS */
3071
+ --IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
3072
+ --IDS-FORM--DISABLED__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%23727373' stroke-width='1' stroke-dasharray='3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
3073
+ --IDS-FORM--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
3074
+ --IDS-FORM__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
3075
+ --IDS-FORM--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
3076
+ --IDS-FORM--INVALID__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
3077
+ --IDS-FORM__PLACEHOLDER__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3078
+ --IDS-FORM__LABEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3079
+ --IDS-FORM__LABEL--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
3080
+ --IDS-FORM__LABEL__FONT-FAMILY: var(--font-family_1);
3081
+ --IDS-FORM__LABEL__FONT-SIZE: 1rem;
3082
+ --IDS-FORM__LABEL__FONT-WEIGHT: 400;
3083
+ --IDS-FORM__LABEL__LETTER-SPACING: 0px;
3084
+ --IDS-FORM__LABEL__HEIGHT: 1.5rem;
3085
+ /* ERROR MESSAGE */
3086
+ --IDS-ERROR-MESSAGE__COLOR: var(--IDS-COLOR-ERROR-40);
3087
+ --IDS-ERROR-MESSAGE__MARGIN-TOP: 0.8rem;
3088
+ --IDS-ERROR-MESSAGE__BACKGROUND-COLOR: #fff;
3089
+ --IDS-ERROR-MESSAGE__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
3090
+ --IDS-ERROR-MESSAGE__BORDER: 1px solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
3091
+ --IDS-ERROR-MESSAGE__PADDING: 13px 20px;
3092
+ --IDS-ERROR-MESSAGE__ICON__BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="100%" height="100%" style="" viewBox="0 0 40 40" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5134 12.7567C22.5134 12.7889 22.5129 12.821 22.5118 12.8529C22.5129 12.8828 22.5134 12.913 22.5134 12.9436C22.5134 13.1581 22.4809 13.4575 22.4158 13.8419L20.3119 24.2492C20.2585 24.5129 20.0268 24.7025 19.7577 24.7025C19.4877 24.7025 19.2554 24.5117 19.2031 24.2468L17.1463 13.8419C17.0857 13.5476 17.0439 13.2999 17.021 13.0987C17.007 12.976 17 12.8707 17 12.7827L17 12.7713L17 12.7567C17 11.2342 18.2342 10 19.7567 10C21.2792 10 22.5134 11.2342 22.5134 12.7567ZM21.0564 29.572C20.6977 29.9324 20.2644 30.1126 19.7567 30.1126C19.2489 30.1126 18.8157 29.9324 18.457 29.572C18.0982 29.2117 17.9189 28.7765 17.9189 28.2664C17.9189 27.7675 18.0982 27.3378 18.457 26.9775C18.8157 26.6171 19.2489 26.4369 19.7567 26.4369C20.2644 26.4369 20.6977 26.6171 21.0564 26.9775C21.4151 27.3378 21.5945 27.7675 21.5945 28.2664C21.5945 28.7765 21.4151 29.2117 21.0564 29.572Z" fill="%23DB0F00"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M39.2886 18.5C39.8245 19.4282 39.8245 20.5718 39.2886 21.5L30.9433 35.9545C30.4074 36.8827 29.417 37.4545 28.3452 37.4545H11.6546C10.5828 37.4545 9.59245 36.8827 9.05655 35.9545L0.711251 21.5C0.175351 20.5718 0.175351 19.4282 0.711251 18.5L9.05655 4.04553C9.59245 3.11733 10.5828 2.54553 11.6546 2.54553L28.3452 2.54553C29.417 2.54553 30.4074 3.11733 30.9433 4.04553L39.2886 18.5ZM37.5565 20.5C37.7352 20.1906 37.7352 19.8094 37.5565 19.5L29.2112 5.04553C29.0326 4.73613 28.7025 4.54553 28.3452 4.54553L11.6546 4.54553C11.2974 4.54553 10.9672 4.73613 10.7886 5.04553L2.4433 19.5C2.26467 19.8094 2.26467 20.1906 2.4433 20.5L10.7886 34.9545C10.9672 35.2639 11.2974 35.4545 11.6546 35.4545H28.3452C28.7025 35.4545 29.0326 35.2639 29.2112 34.9545L37.5565 20.5Z" fill="%23DB0F00"></path></svg>');
3093
+ /* ALERT */
3094
+ --IDS-ALERT__BUTTON__ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3095
+ --IDS-ALERT__HEADLINE__FONT-FAMILY: var(--font-family_2);
3096
+ --IDS-ALERT__HEADLINE__FONT-WEIGHT: 600;
3097
+ --IDS-ALERT--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3098
+ --IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
3099
+ --IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
3100
+ --IDS-ALERT--INFO__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
3101
+ --IDS-ALERT--INFO__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
3102
+ --IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
3103
+ --IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
3104
+ --IDS-ALERT--ATTENTION__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
3105
+ --IDS-ALERT--ATTENTION__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
3106
+ --IDS-ALERT--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
3107
+ --IDS-ALERT--SUCCESS__BORDER-COLOR: var(--IDS-COLOR-SUCCESS-40);
3108
+ --IDS-ALERT--SUCCESS__ICON__COLOR-1: var(--IDS-COLOR-SUCCESS-40);
3109
+ --IDS-ALERT--SUCCESS__ICON__COLOR-2: var(--IDS-COLOR-SUCCESS-40);
3110
+ --IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
3111
+ --IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
3112
+ --IDS-ALERT--ERROR__ICON__COLOR-1: var(--IDS-COLOR-ERROR-40);
3113
+ --IDS-ALERT--ERROR__ICON__COLOR-2: var(--IDS-COLOR-ERROR-40);
3114
+ /* CHECKBOX */
3115
+ --IDS-CHECKBOX_BORDER: 0.0625rem solid var(--IDS-FORM__BORDER-COLOR);
3116
+ --IDS-CHECKBOX_BORDER-RADIUS: var(--IDS-BORDER-RADIUS);
3117
+ --IDS-CHECKBOX_BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
3118
+ --IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%2340775E"></path></svg>');
3119
+ --IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3120
+ --IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23DB0F00"></path></svg>');
3121
+ --IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23727373' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3122
+ --IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23727373"></path></svg>');
3123
+ /* INPUT */
3124
+ --IDS-INPUT--INVALID_BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
3125
+ --IDS-INPUT--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23c12143' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3126
+ --IDS-INPUT--DISABLED_BACKGROUND-COLOR: var(
3127
+ --IDS-FORM--DISABLED__BACKGROUND-COLOR
3128
+ );
3129
+ --IDS-INPUT--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3130
+ --IDS-INPUT_BACKGROUND: var(--form-element_background);
3131
+ --IDS-INPUT__CALENDAR-ICON__RIGHT: 10px;
3132
+ --IDS-INPUT_BORDER: 1px solid var(--IDS-FORM__BORDER-COLOR);
3133
+ --IDS-INPUT_BORDER-RADIUS: var(--IDS-BORDER-RADIUS);
3134
+ --IDS-INPUT_BORDER-BOTTOM: 1px solid var(--IDS-COLOR-ACCENT-40);
3135
+ --IDS-INPUT_BOX-SHADOW: none;
3136
+ --IDS-INPUT_COLOR: var(--IDS-COLOR-NEUTRAL-20);
3137
+ --IDS-INPUT__ICON--DISABLED__FILL: var(--IDS-COLOR-NEUTRAL-40);
3138
+ --IDS-INPUT--SEARCH__BORDER-RADIUS: 3px;
3139
+ --IDS-INPUT--SEARCH__CANCEL-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="20" height="20" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="%2340775E"></path></svg>');
3140
+ /* RADIO */
3141
+ --IDS-RADIO__BACKGROUND-COLOR: var(--form-element_background);
3142
+ --IDS-RADIO__BORDER: 1px solid var(--IDS-FORM__BORDER-COLOR);
3143
+ --IDS-RADIO--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
3144
+ --IDS-RADIO--CHECKED__BOX-SHADOW: inset 0 0 0 2px
3145
+ var(--IDS-RADIO__BACKGROUND-COLOR);
3146
+ --IDS-RADIO--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3147
+ --IDS-RADIO--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23DB0F00' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
3148
+ /* SELECT */
3149
+ --IDS-SELECT__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%2340775E"></path></g></svg>');
3150
+ --IDS-SELECT--INVALID__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23DB0F00"></path></g></svg>');
3151
+ --IDS-SELECT--DISABLED__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23727373"></path></g></svg>');
3152
+ /* Toggle */
3153
+ --IDS-TOGGLE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
3154
+ --IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-40);
3155
+ --IDS-TOGGLE--DISABLED__BACKGROUND-COLOR: var(
3156
+ --IDS-FORM--DISABLED__BACKGROUND-COLOR
3157
+ );
3158
+ --IDS-TOGGLE-ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3159
+ --IDS-TOGGLE-ICON--ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);
3160
+ --IDS-TOGGLE-ICON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
3161
+ --IDS-TOGGLE-KNOB--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
3162
+ --IDS-TOGGLE-SLIDER--DISABLED__BORDER: 1px dashed var(--IDS-COLOR-NEUTRAL-40);
3163
+ /* Textarea*/
3164
+ --IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
3165
+ --IDS-TEXTAREA-SCROLL__BACKGROUND-COLOR: var(--IDS-SCROLL_BACKGROUND-COLOR);
3166
+ /* Range */
3167
+ --IDS-RANGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
3168
+ --IDS-RANGE-SELECTION__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
3169
+ --IDS-RANGE-THUMB__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
3170
+ --IDS-RANGE-TICK-LINE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3171
+ --IDS-RANGE-TICK__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3172
+ --IDS-RANGE-SELECTION--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
3173
+ /************************************************************************/
3174
+ /* Default styles */
3175
+ --IDS-BOX-SHADOW: 0px 2px 6px rgba(0, 0, 0, 0.15);
3176
+ --IDS-BOX-SHADOW-INNER: inset 0px 5px 10px rgba(0, 0, 0, 0.2);
3177
+ --IDS-BOX-SHADOW-ALT: 0px 0px 10px rgba(0, 0, 0, 0.3);
3178
+ --IDS-BORDER-RADIUS: 3px;
3179
+ --IDS-SCROLL_BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
3180
+ --IDS-SCROLL_COLOR: var(--IDS-COLOR-ACCENT-40);
3181
+ --IDS-FOCUS_OUTLINE: 2px solid var(--focus-outline_color);
3182
+ --IDS-FOCUS_OUTLINE--LIGHT: 2px solid white;
3183
+ --IDS-FOCUS_OUTLINE-OFFSET: 2px;
3184
+ /* old */
3185
+ --focus_outline: 2px solid var(--focus-outline_color);
3186
+ --focus_outline-offset: 2px;
3187
+ --focus-outline_color: var(--IDS-COLOR-NEUTRAL-20);
3188
+ --focus-outline-bright_color: white;
3189
+ /**********************
3190
+ * Typography
3191
+ **********************/
3192
+ /* Font families */
3193
+ --font-family_1: "Open Sans";
3194
+ --font-family_2: "Poppins";
3195
+ --header-1-font-family: var(--font-family_2);
3196
+ --header-1-font-size: 2.5rem;
3197
+ --header-1-font-size-small: 2.125rem;
3198
+ --header-1-font-weight: 600;
3199
+ --header-1-letter-spacing: inherit;
3200
+ --header-1-line-height: 3.125rem;
3201
+ --header-1-line-height-small: 2.5rem;
3202
+ --header-1-small-font-family: var(--font-family_2);
3203
+ --header-1-small-font-size: 2rem;
3204
+ --header-1-small-font-size-small: 1.875rem;
3205
+ --header-1-small-font-weight: 600;
3206
+ --header-1-small-letter-spacing: inherit;
3207
+ --header-1-small-line-height: 2.625rem;
3208
+ --header-1-small-line-height-small: 2.25rem;
3209
+ --header-2-font-family: var(--font-family_2);
3210
+ --header-2-font-size: 1.75rem;
3211
+ --header-2-font-size-small: 1.75rem;
3212
+ --header-2-font-weight: 600;
3213
+ --header-2-letter-spacing: inherit;
3214
+ --header-2-line-height: 2.25rem;
3215
+ --header-2-line-height-small: 2.25rem;
3216
+ --header-3-font-family: var(--font-family_2);
3217
+ --header-3-font-size: 1.375rem;
3218
+ --header-3-font-weight: 600;
3219
+ --header-3-letter-spacing: inherit;
3220
+ --header-3-line-height: 1.75rem;
3221
+ --header-4-font-family: var(--font-family_2);
3222
+ --header-4-font-size: 1.125rem;
3223
+ --header-4-font-weight: 600;
3224
+ --header-4-letter-spacing: inherit;
3225
+ --header-4-line-height: 1.625rem;
3226
+ --header-5-font-family: var(--font-family_1);
3227
+ --header-5-font-size: 1.5rem;
3228
+ --header-5-font-size-small: 1.125rem;
3229
+ --header-5-font-weight: 400;
3230
+ --header-5-letter-spacing: 0.09375rem;
3231
+ --header-5-line-height: 2.125rem;
3232
+ --header-5-line-height-small: 1.625rem;
3233
+ --header-6-font-family: var(--font-family_1);
3234
+ --header-6-font-size: 1rem;
3235
+ --header-6-font-weight: 400;
3236
+ --header-6-letter-spacing: 0.0625rem;
3237
+ --header-6-line-height: 1.25rem;
3238
+ /**********************
3239
+ * General
3240
+ **********************/
3241
+ --IDS_BORDER-RADIUS: 3px;
3242
+ --IDS-BASE__FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
3243
+ /**********************
3244
+ * Forms
3245
+ **********************/
3246
+ --form-element_background: var(--IDS-COLOR-SECONDARY-95);
3247
+ --spinner_color: var(--IDS-COLOR-ACCENT-40);
3248
+ /* Alert global */
3249
+ --IDS-ALERT-GLOBAL__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
3250
+ --IDS-ALERT-GLOBAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3251
+ --IDS-ALERT-GLOBAL__HEADLINE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3252
+ --IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY: var(--font-family_2);
3253
+ --IDS-ALERT-GLOBAL__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
3254
+ --IDS-ALERT-GLOBAL__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
3255
+ --IDS-ALERT-GLOBAL__BUTTON__ICON__COLOR: var(--IDS-COLOR-ON-ATTENTION-95);
3256
+ /* Badge */
3257
+ --IDS-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3258
+ --IDS-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
3259
+ --IDS-BADGE--PRIMARY__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-40);
3260
+ --IDS-BADGE--PRIMARY__COLOR: white;
3261
+ --IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
3262
+ --IDS-BADGE--NEUTRAL__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-99);
3263
+ --IDS-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
3264
+ --IDS-BADGE--INFO__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3265
+ --IDS-BADGE--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
3266
+ --IDS-BADGE--ATTENTION__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3267
+ --IDS-BADGE--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
3268
+ --IDS-BADGE--SUCCESS__BORDER: 1px solid var(--IDS-COLOR-SUCCESS-40);
3269
+ --IDS-BADGE--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
3270
+ --IDS-BADGE--ERROR__BORDER: 1px solid var(--IDS-COLOR-ERROR-40);
3271
+ --IDS-BADGE--SECONDARY__BACKGROUND-COLOR: white;
3272
+ --IDS-BADGE--SECONDARY__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3273
+ /* Breadcrumbs */
3274
+ --IDS-BREADCRUMBS__CHEVRON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3275
+ --IDS-BREADCRUMBS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3276
+ /* Button */
3277
+ --btn_background-color: var(--IDS-COLOR-ACCENT-40);
3278
+ --btn-fab_border: 1px solid var(--IDS-COLOR-NEUTRAL-90);
3279
+ --btn-s_height: 30px;
3280
+ --btn-m_height: 40px;
3281
+ --btn-l_height: 50px;
3282
+ --btn-s_padding: 0px 40px;
3283
+ --btn-m_padding: 9px 40px;
3284
+ --btn-l_padding: 17px 40px;
3285
+ --btn_font-family: var(--font-family_1);
3286
+ --btn_font-weight: 400em;
3287
+ --btn-mobile_font-weight: 400em;
3288
+ --btn-active_background-color: var(--IDS-COLOR-ACCENT-30);
3289
+ --btn-active_box-shadow: var(--IDS-BOX-SHADOW);
3290
+ --btn-secondary-s_height: 1.875rem;
3291
+ --btn-secondary-m_height: 2.5rem;
3292
+ --btn-secondary-l_height: 3.125rem;
3293
+ --btn-secondary-s_padding: 0px 40px;
3294
+ --btn-secondary-m_padding: 8px 40px;
3295
+ --btn-secondary-l_padding: 16px 40px;
3296
+ --btn-secondary_color: var(--IDS-COLOR-ACCENT-40);
3297
+ --btn-secondary_border: 1px solid var(--IDS-COLOR-ACCENT-40);
3298
+ --btn-secondary-active_border: 1px solid var(--IDS-COLOR-ACCENT-30);
3299
+ --btn-secondary-active_background-color: var(--IDS-COLOR-ACCENT-30);
3300
+ --btn-secondary-active_color: var(--IDS-COLOR-ON-ACCENT-30);
3301
+ --btn-secondary-hover-icon_color: var(--IDS-COLOR-ON-ACCENT-30);
3302
+ --btn-tertiary_color: var(--IDS-COLOR-ACCENT-40);
3303
+ --btn-tertiary-active_color: var(--IDS-COLOR-ACCENT-30);
3304
+ --btn_border-radius: var(--IDS-BORDER-RADIUS);
3305
+ --btn-disabled_color: var(--IDS-COLOR-NEUTRAL-40);
3306
+ --btn-disabled_border: 1px solid var(--IDS-COLOR-NEUTRAL-90);
3307
+ ---btn-submit_height: 3.75em !important;
3308
+ --btn-submit_border-radius: var(--IDS-BORDER-RADIUS);
3309
+ --btn-search_border-radius: var(--IDS-BORDER-RADIUS);
3310
+ --btn-search-mobile_border-radius: var(--IDS-BORDER-RADIUS);
3311
+ --btn-search_height: 3.75rem;
3312
+ --btn-search-s_height: 3.125rem;
3313
+ --btn-search-mobile_height: 3.125rem;
3314
+ --btn-search_font-size: 1.25rem;
3315
+ --btn-search-s_font-size: 1.125rem;
3316
+ --btn-search-mobile_font-size: 1rem;
3317
+ --btn-append-disabled_height: 55px;
3318
+ --btn-fab-icon_color: var(--IDS-COLOR-ACCENT-40);
3319
+ --btn-icon_color: var(--IDS-COLOR-ON-ACCENT-40);
3320
+ --btn-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);
3321
+ --btn-icon-secondary-active-icon_color: white;
3322
+ --btn-icon-secondary-active-icon_color2: white;
3323
+ --btn-icon-secondary_background-color: var(--IDS-COLOR-NEUTRAL-99);
3324
+ --btn-icon-secondary--hover_background-color: var(--IDS-COLOR-ACCENT-30);
3325
+ --btn-secondary-icon_color: var(--IDS-COLOR-ACCENT-30);
3326
+ --btn-secondary-icon_color2: var(--IDS-COLOR-ACCENT-30);
3327
+ --btn-tertiary-icon_color: var(--IDS-COLOR-ACCENT-30);
3328
+ --btn-tertiary-icon_color2: var(--IDS-COLOR-ACCENT-30);
3329
+ --btn-active-icon_color: var(--IDS-COLOR-ON-ACCENT-40);
3330
+ --btn-active-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);
3331
+ --btn-secondary-active-icon_color: var(--IDS-COLOR-ON-ACCENT-40);
3332
+ --btn-secondary-active-icon_color2: var(--IDS-COLOR-ON-ACCENT-40);
3333
+ --btn-tertiary-active-icon_color: white;
3334
+ --btn-tertiary-active-icon_color2: white;
3335
+ /* Card */
3336
+ --IDS-CARD__BACKGROUND: white;
3337
+ --IDS-CARD__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3338
+ --IDS-CARD__BORDER-RADIUS: var(--IDS-BORDER-RADIUS);
3339
+ --IDS-CARD__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3340
+ --IDS-CARD__INNER__BORDER: none;
3341
+ --IDS-CARD--BORDER__BORDER: none;
3342
+ --IDS-CARD--HOVER_BOX-SHADOW: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
3343
+ --IDS-CARD--FILL__INNER__BACKGROUND: var(--IDS-COLOR-SECONDARY-95);
3344
+ --IDS-CARD--FILL__INNER__BORDER: 1px solid
3345
+ var(--IDS-CARD--FILL__INNER__BACKGROUND);
3346
+ --IDS-CARD--FILL__INNER__BORDER-INTERACTIVE: 1px solid
3347
+ var(--IDS-COLOR-ACCENT-30);
3348
+ --IDS-CARD--FILL-2__INNER__BACKGROUND: white;
3349
+ --IDS-CARD--FILL-2__INNER__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3350
+ /* Carousel */
3351
+ --carousel_background-color: var(--IDS-COLOR-SECONDARY-95);
3352
+ --carousel_color: var(--IDS-COLOR-NEUTRAL-20);
3353
+ --carousel-icon_color: var(--IDS-COLOR-ACCENT-40);
3354
+ --carousel-icon_background-color: var(--IDS-COLOR-ACCENT-40);
3355
+ --carousel-headline_font-family: var(--font-family_2);
3356
+ --carousel_font-family: var(--font-family_1);
3357
+ --carousel-slides_background-color: white;
3358
+ --carousel-description_background-color: white;
3359
+ --carousel-description--mobile_padding: 5px 10px;
3360
+ /* Date label */
3361
+ --IDS-DATE-LABEL__DAY__FONT-FAMILY: var(--font-family_1);
3362
+ --IDS-DATE-LABEL__DAY__COLOR: var(--IDS-COLOR-ACCENT-40);
3363
+ --IDS-DATE-LABEL__MONTH__FONT-FAMILY: var(--font-family_1);
3364
+ --IDS-DATE-LABEL__MONTH__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3365
+ --IDS-DATE-LABEL__YEAR__FONT-FAMILY: var(--font-family_1);
3366
+ --IDS-DATE-LABEL__YEAR__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3367
+ /* Dialog */
3368
+ --dialog_color: var(--IDS-COLOR-NEUTRAL-20);
3369
+ --dialog_border-color: var(--IDS-COLOR-NEUTRAL-40);
3370
+ --dialog-headline_font-weight: 600;
3371
+ --dialog_border-radius: var(--IDS-BORDER-RADIUS);
3372
+ --dialog-headline_color: var(--IDS-COLOR-PRIMARY-40);
3373
+ --dialog-headline_font-family: var(--font-family_2);
3374
+ /* Expandable */
3375
+ --expandable_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3376
+ --expandable-headline_color: var(--IDS-COLOR-ACCENT-40);
3377
+ --expandable-headline-2_color: var(--IDS-COLOR-NEUTRAL-20);
3378
+ --expandable-icon-2-icon: var(--IDS-COLOR-ACCENT-40);
3379
+ --IDS-EXPANDABLE__HEADLINE__FONT-FAMILY: var(--font-family_2);
3380
+ --IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT: 600;
3381
+ --IDS-EXPANDABLE__HEADLINE__FONT-SIZE: 1.75rem;
3382
+ --IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE: 1.75rem;
3383
+ --IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE: 1.25rem;
3384
+ /* Footer */
3385
+ --footer_background-color: var(--IDS-COLOR-PRIMARY-40);
3386
+ --footer-inner_padding-top: 70px;
3387
+ --footer-inner_padding-bottom: 85px;
3388
+ --footer-inner-mobile_padding-bottom: 50px;
3389
+ --footer-headline_color: var(--IDS-COLOR-ON-PRIMARY-40);
3390
+ --footer-headline_font-size: 1.625rem;
3391
+ --footer-headline_line-height: 32px;
3392
+ --footer-headline_letter-spacing: -0.5px;
3393
+ --footer-headline_font-weight: bold;
3394
+ --footer-headline-sub_color: var(--IDS-COLOR-ON-PRIMARY-40);
3395
+ --footer-content_color: var(--IDS-COLOR-ON-PRIMARY-40);
3396
+ --footer-link_color: var(--IDS-COLOR-ON-PRIMARY-40);
3397
+ --footer-sub_padding-top: 10px;
3398
+ --footer-sub_padding-bottom: 10px;
3399
+ --footer-sub-link_color: var(--IDS-COLOR-ON-PRIMARY-30);
3400
+ --footer-sub-link-right_color: var(--IDS-COLOR-ON-PRIMARY-30);
3401
+ --footer-sub_border-top: none;
3402
+ --footer-sub_background-color: var(--IDS-COLOR-PRIMARY-30);
3403
+ --footer-sub-mobile_background-color: var(--IDS-COLOR-PRIMARY-30);
3404
+ --footer-sub-mobile_color: white;
3405
+ --footer-sub-text_color: var(--IDS-COLOR-ON-PRIMARY-40);
3406
+ /* Header */
3407
+ --header-item-icon-color: #e3abc1;
3408
+ --header-item-icon-color2: var(--IDS-COLOR-PRIMARY-40);
3409
+ --header-main_background: var(--color-dust-light);
3410
+ --header-inner_background: var(--IDS-COLOR-BACKGROUND);
3411
+ --header-nav_background-color: transparent;
3412
+ --header-nav-menu_color: var(--IDS-COLOR-PRIMARY-40);
3413
+ --header-nav-mobile-menu-items_box-shadow: 0px 2px 5px #c5c5c5;
3414
+ --header-nav-item_color: var(--IDS-COLOR-NEUTRAL-20);
3415
+ --header-nav-item-active_color: var(--IDS-COLOR-NEUTRAL-20);
3416
+ --header-nav-item_font-size: 1.125rem;
3417
+ --header-nav-item_font-weight: 600;
3418
+ --header-nav-item_font-family: var(--font-family_2);
3419
+ --header-nav-item_padding: 8px 10px 8px 10px;
3420
+ --header-nav-item-expanded_color: var(--header-nav-item_color);
3421
+ --header-nav-item-after_background: var(--IDS-COLOR-PRIMARY-40);
3422
+ --header-nav-item-after_content: "";
3423
+ --header-nav-item-content_background: var(--IDS-COLOR-SECONDARY-95);
3424
+ --header-nav-item-link_color: var(--IDS-COLOR-PRIMARY-40);
3425
+ --header-nav-item-link_border-bottom: 1px solid #ddd7d3;
3426
+ --header-nav_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
3427
+ /* Icon */
3428
+ --icon-color: var(--IDS-COLOR-ACCENT-40);
3429
+ --icon-color2: var(--IDS-COLOR-ACCENT-40);
3430
+ --icon-disabled-color: var(--IDS-COLOR-NEUTRAL-90);
3431
+ --icon-color-preset1: var(--IDS-COLOR-ACCENT-40);
3432
+ --icon-color2-preset1: var(--IDS-COLOR-ACCENT-40);
3433
+ --icon-color-preset2: var(--IDS-COLOR-PRIMARY-40);
3434
+ --icon-color2-preset2: var(--IDS-COLOR-PRIMARY-40);
3435
+ --icon-color-preset3: var(--IDS-COLOR-NEUTRAL-40);
3436
+ --icon-color2-preset3: var(--IDS-COLOR-NEUTRAL-40);
3437
+ --icon-color-preset4: white;
3438
+ --icon-color2-preset4: white;
3439
+ /* Link */
3440
+ --IDS-LINK--FONT-FAMILY: var(--font-family_1);
3441
+ --link_color: var(--IDS-COLOR-ACCENT-40);
3442
+ --link-hover_color: var(--IDS-COLOR-ACCENT-30);
3443
+ --link-icon-hover_background-color: var(--IDS-COLOR-ACCENT-30);
3444
+ --link-icon-hover_color: var(--IDS-COLOR-ON-ACCENT-30);
3445
+ --link-colorpreset-1_color: var(--IDS-COLOR-ACCENT-40);
3446
+ --link-colorpreset-1-hover_color: var(--IDS-COLOR-ACCENT-30);
3447
+ --link-colorpreset-2_color: var(--IDS-COLOR-PRIMARY-40);
3448
+ --link-colorpreset-2-hover_color: var(--IDS-COLOR-PRIMARY-30);
3449
+ /* List */
3450
+ --list-heading_color: var(--IDS-COLOR-ACCENT-40);
3451
+ --list_border: var(--IDS-COLOR-NEUTRAL-90);
3452
+ --list_color: var(--IDS-COLOR-NEUTRAL-20);
3453
+ --list-item-interactive_border-bottom: var(--IDS-COLOR-ACCENT-30) 5px solid;
3454
+ /* Mobile Menu Remake */
3455
+ /* Level 1 */
3456
+ --IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR: var(
3457
+ --IDS-COLOR-SECONDARY-90
3458
+ );
3459
+ --IDS-MOBILE-MENU-ITEM__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);
3460
+ --IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM: 1px solid
3461
+ var(--IDS-COLOR-NEUTRAL-40);
3462
+ --IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT: 600;
3463
+ --IDS-MOBILE-MENU-ITEM__ICON__COLOR: var(--IDS-COLOR-PRIMARY-40);
3464
+ /* Level 1 - ACTIVE */
3465
+ --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
3466
+ --IDS-COLOR-PRIMARY-40
3467
+ );
3468
+ /* Level 1 - HAS-CHILDREN */
3469
+ --IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__BACKGROUND-COLOR: var(
3470
+ --IDS-COLOR-SECONDARY-90
3471
+ );
3472
+ /* Level 1 - EXPANDED */
3473
+ --IDS-MOBILE-MENU-ITEM--EXPANDED__INNER__BACKGROUND-COLOR: var(
3474
+ --IDS-COLOR-SECONDARY-90
3475
+ );
3476
+ /* Level 1 - OUTLINE */
3477
+ --IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
3478
+ /* Level 1 - VARIATION 2 */
3479
+ --IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR: var(
3480
+ --IDS-COLOR-PRIMARY-40
3481
+ );
3482
+ --IDS-MOBILE-MENU--2-ITEM__INNER__COLOR: white;
3483
+ --IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR: white;
3484
+ --IDS-MOBILE-MENU--2-ITEM__ICON__COLOR: white;
3485
+ --IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT: 600;
3486
+ /* Level 1 - VARIATION 2 - ACTIVE */
3487
+ --IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: white;
3488
+ /* Level 1 - VARIATION 2 - HAS-CHILDREN */
3489
+ --IDS-MOBILE-MENU--2-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT: 600;
3490
+ /* Level 1 - VARIATION 2 - OUTLINE */
3491
+ --IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR: white;
3492
+ /* Level 1 - SECONDARY */
3493
+ --IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR: var(
3494
+ --focus-outline_color
3495
+ );
3496
+ --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);
3497
+ --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR: white;
3498
+ --IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
3499
+ --IDS-COLOR-PRIMARY-40
3500
+ );
3501
+ /* Level 2 */
3502
+ --IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR: white;
3503
+ --IDS-MOBILE-MENU-ITEM--2__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);
3504
+ --IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM: 1px solid
3505
+ var(--IDS-COLOR-NEUTRAL-40);
3506
+ --IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT: normal;
3507
+ --IDS-MOBILE-MENU-ITEM--2__ICON__COLOR: var(--IDS-COLOR-PRIMARY-40);
3508
+ --IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: var(
3509
+ --IDS-COLOR-SECONDARY-40
3510
+ );
3511
+ /* Level 2 - ACTIVE */
3512
+ --IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
3513
+ --IDS-COLOR-PRIMARY-40
3514
+ );
3515
+ /* Level 2 - HAS-CHILDREN */
3516
+ --IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: normal;
3517
+ /* Level 2 - HAS-CHILDREN */
3518
+ --IDS-MOBILE-MENU-ITEM--2--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(
3519
+ --IDS-COLOR-PRIMARY-40
3520
+ );
3521
+ /* Level 2 - OUTLINE */
3522
+ --IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
3523
+ /* Level 2 - VARIATION 2 */
3524
+ --IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR: var(
3525
+ --IDS-COLOR-PRIMARY-40
3526
+ );
3527
+ --IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR: white;
3528
+ --IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR: white;
3529
+ --IDS-MOBILE-MENU--2-ITEM--2__ICON__COLOR: white;
3530
+ --IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT: normal;
3531
+ /* Level 2 - VARIATION 2 - HAS-CHILDREN */
3532
+ --IDS-MOBILE-MENU--2-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: 600;
3533
+ --IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR: white;
3534
+ /* Level 2 - OUTLINE */
3535
+ --IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
3536
+ /* Level 3 - VARIATION 2 */
3537
+ --IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR: var(
3538
+ --IDS-COLOR-PRIMARY-40
3539
+ );
3540
+ --IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR: white;
3541
+ --IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR: white;
3542
+ --IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR: white;
3543
+ /* Mobile Menu */
3544
+ --mobile-menu-item_font-weight: normal;
3545
+ --mobile-menu-item-has-children_font-weight: 600;
3546
+ --IDS-MOBILE-MENU-ITEM--FONT-FAMILY: var(--font-family_2);
3547
+ --mobile-menu-sub-item--before_display: block;
3548
+ --mobile-menu-sub-item--before_box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.3);
3549
+ --mobile-menu-2-item_font-weight: 600;
3550
+ --mobile-menu-2-item_position: relative;
3551
+ --mobile-menu-2-sub-item--shadow_display: none;
3552
+ --mobile-menu-2-sub-item-item_box-shadow: none;
3553
+ --mobile-menu-2-sub-item--after_background-color: white;
3554
+ --mobile-menu-2-item-1--after_left: 10px;
3555
+ --mobile-menu-2-item-1--after_right: 10px;
3556
+ --mobile-menu-2-item-2--after_left: 30px;
3557
+ --mobile-menu-2-sub-item-2--after_right: 20px;
3558
+ --mobile-menu-2-sub-item-2--active--after_left: 30px;
3559
+ --mobile-menu-2-sub-item-2--expanded--after_left: 30px;
3560
+ --mobile-menu-2-item-3--after_left: 50px;
3561
+ --mobile-menu-2-sub-item-3--after_left: 50px;
3562
+ /* outline */
3563
+ --mobile-menu-item--focus_outline-color: var(--focus-outline_color);
3564
+ --mobile-MENU-ITEM--2--focus_outline-color: var(--focus-outline_color);
3565
+ --mobile-menu-item-3--focus_outline-color: var(--focus-outline_color);
3566
+ --mobile-menu-item-secondary--focus_outline-color: var(--focus-outline_color);
3567
+ --mobile-menu-2-item--focus_outline-color: white;
3568
+ /* Level 1 */
3569
+ /* Variation 1 */
3570
+ --mobile-menu-item_color: var(--IDS-COLOR-PRIMARY-40);
3571
+ --mobile-menu-item_border-color: var(--IDS-COLOR-BACKGROUND);
3572
+ --mobile-menu-item_background-color: var(--IDS-COLOR-BACKGROUND);
3573
+ --mobile-menu-item-icon_color: var(--IDS-COLOR-PRIMARY-40);
3574
+ --mobile-menu-item--active_border: var(--IDS-COLOR-PRIMARY-40);
3575
+ --mobile-menu-item-has-children_color: var(--IDS-COLOR-PRIMARY-40);
3576
+ --mobile-menu-item-has-children_border-color: var(--IDS-COLOR-SECONDARY-90);
3577
+ --mobile-menu-item-has-children_background-color: var(
3578
+ --IDS-COLOR-SECONDARY-90
3579
+ );
3580
+ /* Variation 2 */
3581
+ --mobile-menu-2-item_background-color: var(--IDS-COLOR-PRIMARY-40);
3582
+ --mobile-menu-2-item_color: var(--IDS-COLOR-ON-PRIMARY-40);
3583
+ --mobile-menu-2-item_border-color: var(--IDS-COLOR-PRIMARY-40);
3584
+ --mobile-menu-2-item-icon_color: var(--IDS-COLOR-ON-PRIMARY-40);
3585
+ --mobile-menu-2-item-2-icon_color: var(--IDS-COLOR-ON-PRIMARY-40);
3586
+ /* Level 2 */
3587
+ /* Variation 1 */
3588
+ --mobile-MENU-ITEM--2_color: var(--IDS-COLOR-PRIMARY-40);
3589
+ --mobile-MENU-ITEM--2_background-color: var(--IDS-COLOR-BACKGROUND);
3590
+ --mobile-MENU-ITEM--2_border-color: var(--IDS-COLOR-BACKGROUND);
3591
+ --mobile-MENU-ITEM--2-icon_color: var(--IDS-COLOR-PRIMARY-40);
3592
+ --mobile-MENU-ITEM--2--expanded_border-color: var(--IDS-COLOR-SECONDARY-40);
3593
+ --mobile-MENU-ITEM--2--active_border-color: var(--IDS-COLOR-PRIMARY-40);
3594
+ --mobile-MENU-ITEM--2--active_background-color: var(--IDS-COLOR-SECONDARY-90);
3595
+ /* Variation 2 */
3596
+ --mobile-menu-2-item-2_color: var(--IDS-COLOR-ON-PRIMARY-40);
3597
+ --mobile-menu-2-item-2_background-color: var(--IDS-COLOR-PRIMARY-40);
3598
+ --mobile-menu-2-item-2_border-color: var(--IDS-COLOR-PRIMARY-40);
3599
+ --mobile-menu-2-item-2--active_border: var(--IDS-COLOR-PRIMARY-40);
3600
+ --mobile-menu-2-item-2--active_background-color: var(--IDS-COLOR-PRIMARY-40);
3601
+ --mobile-menu-2-item-2--expanded_color: var(--IDS-COLOR-ON-PRIMARY-40);
3602
+ --mobile-menu-2-item-2--expanded_border-color: var(--IDS-COLOR-PRIMARY-40);
3603
+ --mobile-menu-2-item-2--expanded_background-color: var(
3604
+ --IDS-COLOR-PRIMARY-40
3605
+ );
3606
+ /* Level 3 */
3607
+ /* Variation 1 */
3608
+ --mobile-menu-item-3_color: var(--IDS-COLOR-PRIMARY-40);
3609
+ --mobile-menu-item-3_background-color: var(--IDS-COLOR-BACKGROUND);
3610
+ --mobile-menu-item-3_border-color: var(--IDS-COLOR-SECONDARY-40);
3611
+ --mobile-menu-item-3-icon_color: var(--IDS-COLOR-PRIMARY-40);
3612
+ --mobile-menu-item-3--active_border-color: var(--IDS-COLOR-PRIMARY-40);
3613
+ /* Variation 2 */
3614
+ --mobile-menu-2-item-3_color: var(--IDS-COLOR-ON-PRIMARY-40);
3615
+ --mobile-menu-2-item-3_background-color: var(--IDS-COLOR-PRIMARY-40);
3616
+ --mobile-menu-2-item-3_border: var(--IDS-COLOR-PRIMARY-40);
3617
+ --mobile-menu-2-item-3--active_background-color: var(--IDS-COLOR-PRIMARY-40);
3618
+ --mobile-menu-2-item-3--active_color: var(--IDS-COLOR-ON-PRIMARY-40);
3619
+ --mobile-menu-2-item-3--active_border: var(--IDS-COLOR-PRIMARY-40);
3620
+ --mobile-menu-2-item-2-chevron_color: var(--IDS-COLOR-ON-PRIMARY-40);
3621
+ /* Navigation Content */
3622
+ --content-navigation_border-radius: var(--IDS-BORDER-RADIUS);
3623
+ --content-navigation_font-family: var(--font-family_1);
3624
+ --content-navigation_font-weight: 400;
3625
+ --content-navigation_font-size: 1rem;
3626
+ --content-navigation_line-height: 22px;
3627
+ --content-navigation_letter-spacing: -0.4px;
3628
+ --content-navigation_text-transform: uppercase;
3629
+ --content-navigation_padding-bottom: 5px;
3630
+ --content-navigation_color: var(--IDS-COLOR-ACCENT-40);
3631
+ --content-navigation-separator_background-color: var(--IDS-COLOR-NEUTRAL-90);
3632
+ /* Navigation Local */
3633
+ --navigation-local_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
3634
+ --navigation-local-hover_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
3635
+ --navigation-local-focus_border-left: var(--IDS-COLOR-ACCENT-30);
3636
+ --navigation-local-selected_border-left: var(--IDS-COLOR-ACCENT-40);
3637
+ --navigation-local-active_border-left: var(--IDS-COLOR-ACCENT-30);
3638
+ --navigation-link_color: var(--link-colorpreset-1_color);
3639
+ --navigation-link-hover_color: var(--link-colorpreset-1-hover_color);
3640
+ --navigation-local_letter-spacing: -0rem;
3641
+ /* Notification */
3642
+ --IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
3643
+ --IDS-NOTIFICATION-BADGE__COLOR: white;
3644
+ /* Popover */
3645
+ --popover_border: var(--IDS-COLOR-NEUTRAL-40);
3646
+ --popover-content_border-radius: 3px;
3647
+ --popover-icon_color: var(--IDS-COLOR-ACCENT-40);
3648
+ --popover-scroll-track_background: var(--IDS-COLOR-NEUTRAL-99);
3649
+ --popover-scroll-thumb_background: var(--IDS-COLOR-ACCENT-40);
3650
+ --popover-headline_font-family: var(--font-family_2);
3651
+ /* Progressbar */
3652
+ --progressbar_border: 1px solid var(--IDS-COLOR-ACCENT-40);
3653
+ --progressbar-fill_background-color: var(--IDS-COLOR-ACCENT-40);
3654
+ --progressbar_color: var(--IDS-COLOR-NEUTRAL-20);
3655
+ /* Stepper */
3656
+ --stepper-step_border: 1px solid var(--IDS-COLOR-ACCENT-40);
3657
+ --stepper-step-headline_font-family: var(--font-family_2);
3658
+ --stepper-step-headline_color: var(--IDS-COLOR-NEUTRAL-20);
3659
+ --stepper-step-headline_letter-spacing: 0px;
3660
+ --stepper-step-headline--disabled_color: var(--IDS-COLOR-NEUTRAL-40);
3661
+ --stepper-step-label_color: var(--IDS-COLOR-NEUTRAL-20);
3662
+ --stepper-step-label--disabled_color: var(--IDS-COLOR-NEUTRAL-40);
3663
+ --stepper-step--after_background-color: var(--IDS-COLOR-NEUTRAL-40);
3664
+ --stepper-step-indicator_background-color: var(--IDS-COLOR-NEUTRAL-99);
3665
+ --stepper-step-indicator_border: 1px solid var(--IDS-COLOR-ACCENT-40);
3666
+ --stepper-step-indicator_color: var(--IDS-COLOR-ACCENT-40);
3667
+ --stepper-step-indicator_font-family: var(--font-family_1);
3668
+ --stepper-step-chevron_color: var(--IDS-COLOR-ACCENT-40);
3669
+ --stepper-step-indicator-selected_background-color: var(
3670
+ --IDS-COLOR-ACCENT-40
3671
+ );
3672
+ --stepper-step-indicator-valid-icon_color: var(--IDS-COLOR-SUCCESS-40);
3673
+ --stepper-step-indicator-valid_background-color: var(--IDS-COLOR-SUCCESS-99);
3674
+ --stepper-step-indicator-valid_border: 1px solid var(--IDS-COLOR-SUCCESS-40);
3675
+ --stepper-step-indicator-invalid-icon_color: var(--IDS-COLOR-ERROR-40);
3676
+ --stepper-step-indicator-invalid_background-color: var(--IDS-COLOR-ERROR-99);
3677
+ --stepper-step-indicator-invalid_border: 1px dashed var(--IDS-COLOR-ERROR-40);
3678
+ /* Table */
3679
+ --table-head_background-color: var(--IDS-COLOR-SECONDARY-90);
3680
+ --table-head_color: var(--IDS-COLOR-NEUTRAL-20);
3681
+ --table-cell_color: var(--IDS-COLOR-NEUTRAL-20);
3682
+ --table-cell_border: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3683
+ --table_border-top: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3684
+ --table_border-lr: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3685
+ --table_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3686
+ --table_broder-radius: 5px;
3687
+ /* Data Table */
3688
+ --data-table-head_background-color: var(--IDS-COLOR-SECONDARY-90);
3689
+ --data-table-cell_color: var(--IDS-COLOR-NEUTRAL-40);
3690
+ --data-table_border-radius: 5px 5px 5px 5px;
3691
+ /* Tab */
3692
+ --IDS-TABS_BORDER-BOTTOM: 4px solid var(--IDS-COLOR-NEUTRAL-90);
3693
+ --IDS-TAB_BACKGROUND-COLOR: var(--color-dust-background);
3694
+ --IDS-TAB_COLOR: var(--IDS-COLOR-ACCENT-30);
3695
+ --IDS-TAB_BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-40);
3696
+ --IDS-TAB_BORDER-RADIUS: 3px 3px 0px 0px;
3697
+ --IDS-TAB--SELECTED_BOX-SHADOW: 0px 0px 4px rgba(0, 0, 0, 0.3);
3698
+ --IDS-TAB--SELECTED_COLOR: var(--color-grey-base);
3699
+ --IDS-TAB-ICON_COLOR: var(--IDS-COLOR-ACCENT-40);
3700
+ --IDS-TAB-ICON_COLOR2: var(--IDS-COLOR-ACCENT-40);
3701
+ --IDS-TAB--SELECTED--BEFORE_CONTENT: none;
3702
+ --IDS-TAB--SELECTED--AFTER_HEIGHT: 4px;
3703
+ --IDS-TAB--SELECTED--AFTER_BOTTOM: -4px;
3704
+ --IDS-TAB--SELECTED--AFTER_BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
3705
+ /* Tag */
3706
+ --IDS-TAG__BACKGROUND-COLOR: white;
3707
+ --IDS-TAG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
3708
+ --IDS-TAG__BORDER-RADIUS: 5px;
3709
+ --IDS-TAG__PADDING: 7px 15px;
3710
+ --IDS-TAG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
3711
+ --IDS-TAG__ICON_COLOR: var(--IDS-COLOR-ACCENT-40);
3712
+ --IDS-TAG--INTERACTIVE__COLOR: var(--IDS-COLOR-ACCENT-40);
3713
+ --IDS-TAG--INTERACTIVE__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
3714
+ --IDS-TAG__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
3715
+ /* Tooltip */
3716
+ --tooltip_color: var(--IDS-COLOR-NEUTRAL-20);
3717
+ --tooltip_border-color: var(--IDS-COLOR-NEUTRAL-40);
3718
+ /* Select */
3719
+ --select_border: 1px solid var(--IDS-COLOR-ACCENT-40);
3720
+ --select_padding-right: 60px;
3721
+ --select-chevron_marign-left: -45px;
3722
+ --select-multiple-dropdown_border-radius: 3px;
3723
+ /* Date */
3724
+ --date-width: 100%;
3725
+ --date-height: 48px;
3726
+ --date-padding-left: 20px;
3727
+ --date-padding-right: 0px;
3728
+ --date-padding-top: 11px;
3729
+ --date-padding-bottom: 11px;
3730
+ --date-moz-padding-right: 40px;
3731
+ /* Time */
3732
+ --time-width: 100%;
3733
+ --time-height: 48px;
3734
+ --time-padding-left: 20px;
3735
+ --time-padding-right: 0px;
3736
+ --time-padding-top: 11px;
3737
+ --time-padding-bottom: 11px;
3738
+ --time-moz-padding-right: 40px;
3739
+ }
3740
+
3741
+ /**********************
3742
+ * FORM
3743
+ * Note that this CSS only affects the core components
3744
+ **********************/
3745
+ /* Input Search cancel icon */
3746
+ ids-input input[type=search]::-webkit-search-cancel-button,
3747
+ ids-input input[type=search]::-webkit-search-results-button,
3748
+ ids-input input[type=search]::-webkit-search-results-decoration {
3749
+ cursor: pointer;
3750
+ -webkit-appearance: none;
3751
+ height: 20px;
3752
+ width: 20px;
3753
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="20" height="20" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="%23396291"></path></svg>');
3754
+ }
3755
+
3756
+ .ids-divider {
3757
+ width: 100%;
3758
+ height: 1px;
3759
+ background-color: var(--IDS-COLOR-NEUTRAL-40);
3760
+ border: none;
3761
+ }
3762
+
3763
+ .ids-content .ids-heading-1,
3764
+ .ids-content .ids-heading-1.ids-small {
3765
+ margin-bottom: 20px;
3766
+ }
3767
+
3768
+ .ids-content .ids-body {
3769
+ margin-bottom: 30px;
3770
+ }
3771
+
3772
+ .ids-content .ids-heading-2,
3773
+ .ids-content .ids-heading-2.ids-small,
3774
+ .ids-content .ids-heading-3,
3775
+ .ids-content .ids-heading-4,
3776
+ .ids-content .ids-heading-5,
3777
+ .ids-content .ids-heading-6 {
3778
+ margin-bottom: 10px;
3779
+ }
3780
+
3781
+ .ids-content .ids-preamble {
3782
+ margin-bottom: 40px;
3783
+ }
3784
+
3785
+ .ids .ids-heading-1 {
3786
+ color: var(--IDS-COLOR-PRIMARY-40);
3787
+ font-style: normal;
3788
+ font-family: var(--header-1-font-family);
3789
+ font-size: var(--header-1-font-size);
3790
+ font-weight: var(--header-1-font-weight);
3791
+ letter-spacing: var(--header-1-letter-spacing);
3792
+ line-height: var(--header-1-line-height);
3793
+ }
3794
+ @media (max-width: 1024px) {
3795
+ .ids .ids-heading-1 {
3796
+ font-size: var(--header-1-font-size-small);
3797
+ line-height: var(--header-1-line-height-small);
3798
+ }
3799
+ }
3800
+
3801
+ .ids .ids-heading-1.ids-small {
3802
+ color: var(--IDS-COLOR-PRIMARY-40);
3803
+ font-style: normal;
3804
+ font-family: var(--header-1-small-font-family);
3805
+ font-size: var(--header-1-small-font-size);
3806
+ font-weight: var(--header-1-small-font-weight);
3807
+ letter-spacing: var(--header-1-small-letter-spacing);
3808
+ line-height: var(--header-1-small-line-height);
3809
+ }
3810
+ @media (max-width: 1024px) {
3811
+ .ids .ids-heading-1.ids-small {
3812
+ font-size: var(--header-1-small-font-size-small);
3813
+ line-height: var(--header-1-small-line-height-small);
3814
+ }
3815
+ }
3816
+
3817
+ .ids .ids-heading-2 {
3818
+ color: var(--IDS-COLOR-PRIMARY-40);
3819
+ font-style: normal;
3820
+ font-family: var(--header-2-font-family);
3821
+ font-size: var(--header-2-font-size);
3822
+ font-weight: var(--header-2-font-weight);
3823
+ letter-spacing: var(--header-2-letter-spacing);
3824
+ line-height: var(--header-2-line-height);
3825
+ }
3826
+ @media (max-width: 1024px) {
3827
+ .ids .ids-heading-2 {
3828
+ font-size: var(--header-2-font-size-small);
3829
+ line-height: var(--header-2-line-height-small);
3830
+ }
3831
+ }
3832
+
3833
+ .ids .ids-heading-3 {
3834
+ color: var(--IDS-COLOR-NEUTRAL-20);
3835
+ font-style: normal;
3836
+ font-family: var(--header-3-font-family);
3837
+ font-size: var(--header-3-font-size);
3838
+ font-weight: var(--header-3-font-weight);
3839
+ letter-spacing: var(--header-3-letter-spacing);
3840
+ line-height: var(--header-3-line-height);
3841
+ }
3842
+
3843
+ .ids .ids-heading-4 {
3844
+ color: var(--IDS-COLOR-NEUTRAL-20);
3845
+ font-style: normal;
3846
+ font-family: var(--header-4-font-family);
3847
+ font-size: var(--header-4-font-size);
3848
+ font-weight: var(--header-4-font-weight);
3849
+ letter-spacing: var(--header-4-letter-spacing);
3850
+ line-height: var(--header-4-line-height);
3851
+ }
3852
+
3853
+ .ids .ids-heading-5 {
3854
+ color: var(--IDS-COLOR-NEUTRAL-20);
3855
+ font-style: normal;
3856
+ text-transform: uppercase;
3857
+ font-family: var(--header-5-font-family);
3858
+ font-size: var(--header-5-font-size);
3859
+ font-weight: var(--header-5-font-weight);
3860
+ letter-spacing: var(--header-5-letter-spacing);
3861
+ line-height: var(--header-5-line-height);
3862
+ }
3863
+ @media (max-width: 1024px) {
3864
+ .ids .ids-heading-5 {
3865
+ font-size: var(--header-5-font-size-small);
3866
+ line-height: var(--header-5-line-height-small);
3867
+ }
3868
+ }
3869
+
3870
+ .ids .ids-heading-6 {
3871
+ color: var(--IDS-COLOR-NEUTRAL-20);
3872
+ font-style: normal;
3873
+ text-transform: uppercase;
3874
+ font-family: var(--header-6-font-family);
3875
+ font-size: var(--header-6-font-size);
3876
+ font-weight: var(--header-6-font-weight);
3877
+ letter-spacing: var(--header-6-letter-spacing);
3878
+ line-height: var(--header-6-line-height);
3879
+ }
3880
+
3881
+ .ids .ids-preamble {
3882
+ color: var(--IDS-COLOR-NEUTRAL-20);
3883
+ font-family: var(--font-family_1);
3884
+ font-size: 1.25rem;
3885
+ font-style: normal;
3886
+ font-weight: 300;
3887
+ letter-spacing: 0rem;
3888
+ line-height: 2rem;
3889
+ }
3890
+
3891
+ .ids .ids-body {
3892
+ color: var(--IDS-COLOR-NEUTRAL-20);
3893
+ font-family: var(--font-family_1);
3894
+ font-size: 1rem;
3895
+ font-style: normal;
3896
+ font-weight: 400;
3897
+ letter-spacing: 0rem;
3898
+ line-height: 1.625rem;
3899
+ }
3900
+
3901
+ .ids .ids-body.ids-disabled {
3902
+ color: var(--IDS-COLOR-NEUTRAL-40);
3903
+ font-style: italic;
3904
+ }
3905
+
3906
+ .ids .ids-heading-1 .ids-anchor:link,
3907
+ .ids .ids-heading-2 .ids-anchor:link,
3908
+ .ids .ids-heading-3 .ids-anchor:link,
3909
+ .ids .ids-heading-4 .ids-anchor:link {
3910
+ text-decoration: none;
3911
+ }
3912
+
3913
+ .ids .ids-anchor:link,
3914
+ .ids .ids-anchor:active,
3915
+ .ids .ids-anchor:visited,
3916
+ .ids .ids-anchor:hover {
3917
+ color: var(--IDS-COLOR-ACCENT-40);
3918
+ text-decoration: underline;
3919
+ }
3920
+
3921
+ .ids .ids-small {
3922
+ color: var(--IDS-COLOR-NEUTRAL-20);
3923
+ font-family: var(--font-family_1);
3924
+ font-size: 0.875rem;
3925
+ font-style: normal;
3926
+ font-weight: 400;
3927
+ letter-spacing: 0rem;
3928
+ line-height: 1.25rem;
3929
+ }
3930
+
3931
+ .ids .ids-pagelist {
3932
+ color: var(--IDS-COLOR-ACCENT-40);
3933
+ font-family: var(--font-family_1);
3934
+ font-size: 1.125rem;
3935
+ font-style: normal;
3936
+ font-weight: 600;
3937
+ letter-spacing: 0rem;
3938
+ line-height: 1.5rem;
3939
+ margin-bottom: var(--margin-300);
3940
+ }
3941
+
3942
+ .ids-show-inera {
3943
+ display: block;
3944
+ }
3945
+
3946
+ .ids-show-inera-force {
3947
+ display: block !important;
3948
+ }
3949
+
3950
+ .ids-show-inera-all {
3951
+ display: block !important;
3952
+ }
3953
+
3954
+ .ids-hide-inera {
3955
+ display: none;
3956
+ }