@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/global/global.css CHANGED
@@ -1 +1,2949 @@
1
- .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)}
1
+ @media (max-width: 1023px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ /* Pre-existing utility classes begin here */
14
+ /* Force elements to be displayed as block elements */
15
+ .ids-block {
16
+ display: block !important;
17
+ }
18
+
19
+ /* Makes elements behave as inline-level block containers */
20
+ .ids-inline-block {
21
+ display: inline-block;
22
+ }
23
+
24
+ /* Overrides all margins that is set and removes them */
25
+ .ids-no-margin {
26
+ margin: 0px !important;
27
+ }
28
+
29
+ /* Margin Bottom */
30
+ .ids-mb-0 {
31
+ margin-bottom: 0 px;
32
+ }
33
+
34
+ .ids .ids-mb-1 {
35
+ margin-bottom: 0.25rem;
36
+ }
37
+
38
+ .ids .ids-mb-10 {
39
+ margin-bottom: 2.5rem;
40
+ }
41
+
42
+ .ids .ids-mb-11 {
43
+ margin-bottom: 2.75rem;
44
+ }
45
+
46
+ .ids .ids-mb-12 {
47
+ margin-bottom: 3rem;
48
+ }
49
+
50
+ .ids .ids-mb-2 {
51
+ margin-bottom: 0.5rem;
52
+ }
53
+
54
+ .ids .ids-mb-3 {
55
+ margin-bottom: 0.75rem;
56
+ }
57
+
58
+ .ids .ids-mb-4 {
59
+ margin-bottom: 1rem;
60
+ }
61
+
62
+ .ids .ids-mb-5 {
63
+ margin-bottom: 1.25rem;
64
+ }
65
+
66
+ .ids .ids-mb-6 {
67
+ margin-bottom: 1.5rem;
68
+ }
69
+
70
+ .ids .ids-mb-7 {
71
+ margin-bottom: 1.75rem;
72
+ }
73
+
74
+ .ids .ids-mb-8 {
75
+ margin-bottom: 2rem;
76
+ }
77
+
78
+ .ids .ids-mb-9 {
79
+ margin-bottom: 2.25rem;
80
+ }
81
+
82
+ .ids-mb-auto {
83
+ margin-bottom: auto;
84
+ }
85
+
86
+ /* Checkpoint */
87
+ .ids-me-0 {
88
+ margin-inline-end: 0 px;
89
+ }
90
+
91
+ .ids-me-1 {
92
+ margin-inline-end: 0.25rem;
93
+ }
94
+
95
+ .ids-me-10 {
96
+ margin-inline-end: 2.5rem;
97
+ }
98
+
99
+ .ids-me-11 {
100
+ margin-inline-end: 2.75rem;
101
+ }
102
+
103
+ .ids-me-12 {
104
+ margin-inline-end: 3rem;
105
+ }
106
+
107
+ .ids-me-2 {
108
+ margin-inline-end: 0.5rem;
109
+ }
110
+
111
+ .ids-me-3 {
112
+ margin-inline-end: 0.75rem;
113
+ }
114
+
115
+ .ids-me-4 {
116
+ margin-inline-end: 1rem;
117
+ }
118
+
119
+ .ids-me-5 {
120
+ margin-inline-end: 1.25rem;
121
+ }
122
+
123
+ .ids-me-6 {
124
+ margin-inline-end: 1.5rem;
125
+ }
126
+
127
+ .ids-me-7 {
128
+ margin-inline-end: 1.75rem;
129
+ }
130
+
131
+ .ids-me-8 {
132
+ margin-inline-end: 2rem;
133
+ }
134
+
135
+ .ids-me-9 {
136
+ margin-inline-end: 2.25rem;
137
+ }
138
+
139
+ .ids-me-auto {
140
+ margin-inline-end: auto;
141
+ }
142
+
143
+ .ids-ml-auto {
144
+ margin-left: auto;
145
+ }
146
+
147
+ .ids-ms-0 {
148
+ margin-inline-start: 0 px;
149
+ }
150
+
151
+ .ids-ms-1 {
152
+ margin-inline-start: 0.25rem;
153
+ }
154
+
155
+ .ids-ms-10 {
156
+ margin-inline-start: 2.5rem;
157
+ }
158
+
159
+ .ids-ms-11 {
160
+ margin-inline-start: 2.75rem;
161
+ }
162
+
163
+ .ids-ms-12 {
164
+ margin-inline-start: 3rem;
165
+ }
166
+
167
+ .ids-ms-2 {
168
+ margin-inline-start: 0.5rem;
169
+ }
170
+
171
+ .ids-ms-3 {
172
+ margin-inline-start: 0.75rem;
173
+ }
174
+
175
+ .ids-ms-4 {
176
+ margin-inline-start: 1rem;
177
+ }
178
+
179
+ .ids-ms-5 {
180
+ margin-inline-start: 1.25rem;
181
+ }
182
+
183
+ .ids-ms-6 {
184
+ margin-inline-start: 1.5rem;
185
+ }
186
+
187
+ .ids-ms-7 {
188
+ margin-inline-start: 1.75rem;
189
+ }
190
+
191
+ .ids-ms-8 {
192
+ margin-inline-start: 2rem;
193
+ }
194
+
195
+ .ids-ms-9 {
196
+ margin-inline-start: 2.25rem;
197
+ }
198
+
199
+ .ids-ms-auto {
200
+ margin-inline-start: auto;
201
+ }
202
+
203
+ .ids-mt-auto {
204
+ margin-top: auto;
205
+ }
206
+
207
+ .ids-block {
208
+ display: block;
209
+ }
210
+
211
+ .ids-inline {
212
+ display: inline;
213
+ }
214
+
215
+ .ids-flex {
216
+ display: flex;
217
+ }
218
+
219
+ .ids-inline-flex {
220
+ display: inline-flex;
221
+ }
222
+
223
+ .ids-table {
224
+ display: table;
225
+ }
226
+
227
+ .ids-inline-table {
228
+ display: inline-table;
229
+ }
230
+
231
+ .ids-table-caption {
232
+ display: table-caption;
233
+ }
234
+
235
+ .ids-table-cell {
236
+ display: table-cell;
237
+ }
238
+
239
+ .ids-table-column {
240
+ display: table-column;
241
+ }
242
+
243
+ .ids-table-column-group {
244
+ display: table-column-group;
245
+ }
246
+
247
+ .ids-table-footer-group {
248
+ display: table-footer-group;
249
+ }
250
+
251
+ .ids-table-header-group {
252
+ display: table-header-group;
253
+ }
254
+
255
+ .ids-table-row-group {
256
+ display: table-row-group;
257
+ }
258
+
259
+ .ids-table-row {
260
+ display: table-row;
261
+ }
262
+
263
+ .ids-flow-root {
264
+ display: flow-root;
265
+ }
266
+
267
+ .ids-grid {
268
+ display: grid;
269
+ }
270
+
271
+ .ids-inline-grid {
272
+ display: inline-grid;
273
+ }
274
+
275
+ .ids-contents {
276
+ display: contents;
277
+ }
278
+
279
+ .ids-hidden {
280
+ display: none;
281
+ }
282
+
283
+ .ids-flex-1 {
284
+ flex: 1 1 0%;
285
+ }
286
+
287
+ .ids-flex-auto {
288
+ flex: 1 1 auto;
289
+ }
290
+
291
+ .ids-flex-initial {
292
+ flex: 0 1 auto;
293
+ }
294
+
295
+ .ids-flex-none {
296
+ flex: none;
297
+ }
298
+
299
+ .ids-p-0 {
300
+ padding: 0 px;
301
+ }
302
+
303
+ .ids-p-1 {
304
+ padding: 0.25rem;
305
+ }
306
+
307
+ .ids-p-10 {
308
+ padding: 2.5rem;
309
+ }
310
+
311
+ .ids-p-11 {
312
+ padding: 2.75rem;
313
+ }
314
+
315
+ .ids-p-12 {
316
+ padding: 3rem;
317
+ }
318
+
319
+ .ids-p-2 {
320
+ padding: 0.5rem;
321
+ }
322
+
323
+ .ids-p-3 {
324
+ padding: 0.75rem;
325
+ }
326
+
327
+ .ids-p-4 {
328
+ padding: 1rem;
329
+ }
330
+
331
+ .ids-p-5 {
332
+ padding: 1.25rem;
333
+ }
334
+
335
+ .ids-p-6 {
336
+ padding: 1.5rem;
337
+ }
338
+
339
+ .ids-p-7 {
340
+ padding: 1.75rem;
341
+ }
342
+
343
+ .ids-p-8 {
344
+ padding: 2rem;
345
+ }
346
+
347
+ .ids-p-9 {
348
+ padding: 2.25rem;
349
+ }
350
+
351
+ .ids-pe-0 {
352
+ padding-inline-end: 0 px;
353
+ }
354
+
355
+ .ids-pe-1 {
356
+ padding-inline-end: 0.25rem;
357
+ }
358
+
359
+ .ids-pe-10 {
360
+ padding-inline-end: 2.5rem;
361
+ }
362
+
363
+ .ids-pe-11 {
364
+ padding-inline-end: 2.75rem;
365
+ }
366
+
367
+ .ids-pe-12 {
368
+ padding-inline-end: 3rem;
369
+ }
370
+
371
+ .ids-pe-2 {
372
+ padding-inline-end: 0.5rem;
373
+ }
374
+
375
+ .ids-pe-3 {
376
+ padding-inline-end: 0.75rem;
377
+ }
378
+
379
+ .ids-pe-4 {
380
+ padding-inline-end: 1rem;
381
+ }
382
+
383
+ .ids-pe-5 {
384
+ padding-inline-end: 1.25rem;
385
+ }
386
+
387
+ .ids-pe-6 {
388
+ padding-inline-end: 1.5rem;
389
+ }
390
+
391
+ .ids-pe-7 {
392
+ padding-inline-end: 1.75rem;
393
+ }
394
+
395
+ .ids-pe-8 {
396
+ padding-inline-end: 2rem;
397
+ }
398
+
399
+ .ids-pe-9 {
400
+ padding-inline-end: 2.25rem;
401
+ }
402
+
403
+ .ids-ps-0 {
404
+ padding-inline-start: 0 px;
405
+ }
406
+
407
+ .ids-ps-1 {
408
+ padding-inline-start: 0.25rem;
409
+ }
410
+
411
+ .ids-ps-10 {
412
+ padding-inline-start: 2.5rem;
413
+ }
414
+
415
+ .ids-ps-11 {
416
+ padding-inline-start: 2.75rem;
417
+ }
418
+
419
+ .ids-ps-12 {
420
+ padding-inline-start: 3rem;
421
+ }
422
+
423
+ .ids-ps-2 {
424
+ padding-inline-start: 0.5rem;
425
+ }
426
+
427
+ .ids-ps-3 {
428
+ padding-inline-start: 0.75rem;
429
+ }
430
+
431
+ .ids-ps-4 {
432
+ padding-inline-start: 1rem;
433
+ }
434
+
435
+ .ids-ps-5 {
436
+ padding-inline-start: 1.25rem;
437
+ }
438
+
439
+ .ids-ps-6 {
440
+ padding-inline-start: 1.5rem;
441
+ }
442
+
443
+ .ids-ps-7 {
444
+ padding-inline-start: 1.75rem;
445
+ }
446
+
447
+ .ids-ps-8 {
448
+ padding-inline-start: 2rem;
449
+ }
450
+
451
+ .ids-ps-9 {
452
+ padding-inline-start: 2.25rem;
453
+ }
454
+
455
+ .ids-leading-10 {
456
+ line-height: 2.5rem;
457
+ }
458
+
459
+ .ids-leading-3 {
460
+ line-height: 0.75rem;
461
+ }
462
+
463
+ .ids-leading-4 {
464
+ line-height: 1rem;
465
+ }
466
+
467
+ .ids-leading-5 {
468
+ line-height: 1.25rem;
469
+ }
470
+
471
+ .ids-leading-6 {
472
+ line-height: 1.5rem;
473
+ }
474
+
475
+ .ids-leading-7 {
476
+ line-height: 1.75rem;
477
+ }
478
+
479
+ .ids-leading-8 {
480
+ line-height: 2rem;
481
+ }
482
+
483
+ .ids-leading-9 {
484
+ line-height: 2.25rem;
485
+ }
486
+
487
+ .ids-leading-loose {
488
+ line-height: 2;
489
+ }
490
+
491
+ .ids-leading-none {
492
+ line-height: 1;
493
+ }
494
+
495
+ .ids-leading-normal {
496
+ line-height: 1.5;
497
+ }
498
+
499
+ .ids-leading-relaxed {
500
+ line-height: 1.625;
501
+ }
502
+
503
+ .ids-leading-snug {
504
+ line-height: 1.375;
505
+ }
506
+
507
+ .ids-leading-tight {
508
+ line-height: 1.25;
509
+ }
510
+
511
+ /* Margin top */
512
+ .ids .ids-mt-0 {
513
+ margin-top: 0px;
514
+ }
515
+
516
+ .ids .ids-mt-1 {
517
+ margin-top: 0.25rem;
518
+ }
519
+
520
+ .ids .ids-mt-2 {
521
+ margin-top: 0.5rem;
522
+ }
523
+
524
+ .ids .ids-mt-3 {
525
+ margin-top: 0.75rem;
526
+ }
527
+
528
+ .ids .ids-mt-4 {
529
+ margin-top: 1rem;
530
+ }
531
+
532
+ .ids .ids-mt-5 {
533
+ margin-top: 1.25rem;
534
+ }
535
+
536
+ .ids .ids-mt-6 {
537
+ margin-top: 1.5rem;
538
+ }
539
+
540
+ .ids .ids-mt-7 {
541
+ margin-top: 1.75rem;
542
+ }
543
+
544
+ .ids .ids-mt-8 {
545
+ margin-top: 2rem;
546
+ }
547
+
548
+ .ids .ids-mt-9 {
549
+ margin-top: 2.25rem;
550
+ }
551
+
552
+ .ids .ids-mt-10 {
553
+ margin-top: 2.5rem;
554
+ }
555
+
556
+ .ids .ids-mt-11 {
557
+ margin-top: 2.75rem;
558
+ }
559
+
560
+ .ids .ids-mt-12 {
561
+ margin-top: 3rem;
562
+ }
563
+
564
+ /* Margin right */
565
+ .ids .ids-mr-0 {
566
+ margin-right: 0px;
567
+ }
568
+
569
+ .ids .ids-mr-1 {
570
+ margin-right: 0.25rem;
571
+ }
572
+
573
+ .ids .ids-mr-2 {
574
+ margin-right: 0.5rem;
575
+ }
576
+
577
+ .ids .ids-mr-3 {
578
+ margin-right: 0.75rem;
579
+ }
580
+
581
+ .ids .ids-mr-4 {
582
+ margin-right: 1rem;
583
+ }
584
+
585
+ .ids .ids-mr-5 {
586
+ margin-right: 1.25rem;
587
+ }
588
+
589
+ .ids .ids-mr-6 {
590
+ margin-right: 1.5rem;
591
+ }
592
+
593
+ .ids .ids-mr-7 {
594
+ margin-right: 1.75rem;
595
+ }
596
+
597
+ .ids .ids-mr-8 {
598
+ margin-right: 2rem;
599
+ }
600
+
601
+ .ids .ids-mr-9 {
602
+ margin-right: 2.25rem;
603
+ }
604
+
605
+ .ids .ids-mr-10 {
606
+ margin-right: 2.5rem;
607
+ }
608
+
609
+ .ids .ids-mr-11 {
610
+ margin-right: 2.75rem;
611
+ }
612
+
613
+ .ids .ids-mr-12 {
614
+ margin-right: 3rem;
615
+ }
616
+
617
+ /* Margin left */
618
+ .ids .ids-ml-0 {
619
+ margin-left: 0px;
620
+ }
621
+
622
+ .ids .ids-ml-1 {
623
+ margin-left: 0.25rem;
624
+ }
625
+
626
+ .ids .ids-ml-2 {
627
+ margin-left: 0.5rem;
628
+ }
629
+
630
+ .ids .ids-ml-3 {
631
+ margin-left: 0.75rem;
632
+ }
633
+
634
+ .ids .ids-ml-4 {
635
+ margin-left: 1rem;
636
+ }
637
+
638
+ .ids .ids-ml-5 {
639
+ margin-left: 1.25rem;
640
+ }
641
+
642
+ .ids .ids-ml-6 {
643
+ margin-left: 1.5rem;
644
+ }
645
+
646
+ .ids .ids-ml-7 {
647
+ margin-left: 1.75rem;
648
+ }
649
+
650
+ .ids .ids-ml-8 {
651
+ margin-left: 2rem;
652
+ }
653
+
654
+ .ids .ids-ml-9 {
655
+ margin-left: 2.25rem;
656
+ }
657
+
658
+ .ids .ids-ml-10 {
659
+ margin-left: 2.5rem;
660
+ }
661
+
662
+ .ids .ids-ml-11 {
663
+ margin-left: 2.75rem;
664
+ }
665
+
666
+ .ids .ids-ml-12 {
667
+ margin-left: 3rem;
668
+ }
669
+
670
+ /* Margin y axis */
671
+ .ids .ids-my-0 {
672
+ margin-top: 0px;
673
+ margin-bottom: 0px;
674
+ }
675
+
676
+ .ids .ids-my-1 {
677
+ margin-top: 0.25rem;
678
+ margin-bottom: 0.25rem;
679
+ }
680
+
681
+ .ids .ids-my-2 {
682
+ margin-top: 0.5rem;
683
+ margin-bottom: 0.5rem;
684
+ }
685
+
686
+ .ids .ids-my-3 {
687
+ margin-top: 0.75rem;
688
+ margin-bottom: 0.75rem;
689
+ }
690
+
691
+ .ids .ids-my-4 {
692
+ margin-top: 1rem;
693
+ margin-bottom: 1rem;
694
+ }
695
+
696
+ .ids .ids-my-5 {
697
+ margin-top: 1.25rem;
698
+ margin-bottom: 1.25rem;
699
+ }
700
+
701
+ .ids .ids-my-6 {
702
+ margin-top: 1.5rem;
703
+ margin-bottom: 1.5rem;
704
+ }
705
+
706
+ .ids .ids-my-7 {
707
+ margin-top: 1.75rem;
708
+ margin-bottom: 1.75rem;
709
+ }
710
+
711
+ .ids .ids-my-8 {
712
+ margin-top: 2rem;
713
+ margin-bottom: 2rem;
714
+ }
715
+
716
+ .ids .ids-my-9 {
717
+ margin-top: 2.25rem;
718
+ margin-bottom: 2.25rem;
719
+ }
720
+
721
+ .ids .ids-my-10 {
722
+ margin-top: 2.5rem;
723
+ margin-bottom: 2.5rem;
724
+ }
725
+
726
+ .ids .ids-my-11 {
727
+ margin-top: 2.75rem;
728
+ margin-bottom: 2.75rem;
729
+ }
730
+
731
+ .ids .ids-my-12 {
732
+ margin-top: 3rem;
733
+ margin-bottom: 3rem;
734
+ }
735
+
736
+ /* Padding */
737
+ /* Padding top */
738
+ .ids .ids-pt-0 {
739
+ padding-top: 0px;
740
+ }
741
+
742
+ .ids .ids-pt-1 {
743
+ padding-top: 0.25rem;
744
+ }
745
+
746
+ .ids .ids-pt-2 {
747
+ padding-top: 0.5rem;
748
+ }
749
+
750
+ .ids .ids-pt-3 {
751
+ padding-top: 0.75rem;
752
+ }
753
+
754
+ .ids .ids-pt-4 {
755
+ padding-top: 1rem;
756
+ }
757
+
758
+ .ids .ids-pt-5 {
759
+ padding-top: 1.25rem;
760
+ }
761
+
762
+ .ids .ids-pt-6 {
763
+ padding-top: 1.5rem;
764
+ }
765
+
766
+ .ids .ids-pt-7 {
767
+ padding-top: 1.75rem;
768
+ }
769
+
770
+ .ids .ids-pt-8 {
771
+ padding-top: 2rem;
772
+ }
773
+
774
+ .ids .ids-pt-9 {
775
+ padding-top: 2.25rem;
776
+ }
777
+
778
+ .ids .ids-pt-10 {
779
+ padding-top: 2.5rem;
780
+ }
781
+
782
+ .ids .ids-pt-11 {
783
+ padding-top: 2.75rem;
784
+ }
785
+
786
+ .ids .ids-pt-12 {
787
+ padding-top: 3rem;
788
+ }
789
+
790
+ /* Padding bottom */
791
+ .ids .ids-pb-0 {
792
+ padding-bottom: 0px;
793
+ }
794
+
795
+ .ids .ids-pb-1 {
796
+ padding-bottom: 0.25rem;
797
+ }
798
+
799
+ .ids .ids-pb-2 {
800
+ padding-bottom: 0.5rem;
801
+ }
802
+
803
+ .ids .ids-pb-3 {
804
+ padding-bottom: 0.75rem;
805
+ }
806
+
807
+ .ids .ids-pb-4 {
808
+ padding-bottom: 1rem;
809
+ }
810
+
811
+ .ids .ids-pb-5 {
812
+ padding-bottom: 1.25rem;
813
+ }
814
+
815
+ .ids .ids-pb-6 {
816
+ padding-bottom: 1.5rem;
817
+ }
818
+
819
+ .ids .ids-pb-7 {
820
+ padding-bottom: 1.75rem;
821
+ }
822
+
823
+ .ids .ids-pb-8 {
824
+ padding-bottom: 2rem;
825
+ }
826
+
827
+ .ids .ids-pb-9 {
828
+ padding-bottom: 2.25rem;
829
+ }
830
+
831
+ .ids .ids-pb-10 {
832
+ padding-bottom: 2.5rem;
833
+ }
834
+
835
+ .ids .ids-pb-11 {
836
+ padding-bottom: 2.75rem;
837
+ }
838
+
839
+ .ids .ids-pb-12 {
840
+ padding-bottom: 3rem;
841
+ }
842
+
843
+ /* Padding right */
844
+ .ids .ids-pr-0 {
845
+ padding-right: 0px;
846
+ }
847
+
848
+ .ids .ids-pr-1 {
849
+ padding-right: 0.25rem;
850
+ }
851
+
852
+ .ids .ids-pr-2 {
853
+ padding-right: 0.5rem;
854
+ }
855
+
856
+ .ids .ids-pr-3 {
857
+ padding-right: 0.75rem;
858
+ }
859
+
860
+ .ids .ids-pr-4 {
861
+ padding-right: 1rem;
862
+ }
863
+
864
+ .ids .ids-pr-5 {
865
+ padding-right: 1.25rem;
866
+ }
867
+
868
+ .ids .ids-pr-6 {
869
+ padding-right: 1.5rem;
870
+ }
871
+
872
+ .ids .ids-pr-7 {
873
+ padding-right: 1.75rem;
874
+ }
875
+
876
+ .ids .ids-pr-8 {
877
+ padding-right: 2rem;
878
+ }
879
+
880
+ .ids .ids-pr-9 {
881
+ padding-right: 2.25rem;
882
+ }
883
+
884
+ .ids .ids-pr-10 {
885
+ padding-right: 2.5rem;
886
+ }
887
+
888
+ .ids .ids-pr-11 {
889
+ padding-right: 2.75rem;
890
+ }
891
+
892
+ .ids .ids-pr-12 {
893
+ padding-right: 3rem;
894
+ }
895
+
896
+ /* Padding left */
897
+ .ids .ids-pl-0 {
898
+ padding-left: 0px;
899
+ }
900
+
901
+ .ids .ids-pl-1 {
902
+ padding-left: 0.25rem;
903
+ }
904
+
905
+ .ids .ids-pl-2 {
906
+ padding-left: 0.5rem;
907
+ }
908
+
909
+ .ids .ids-pl-3 {
910
+ padding-left: 0.75rem;
911
+ }
912
+
913
+ .ids .ids-pl-4 {
914
+ padding-left: 1rem;
915
+ }
916
+
917
+ .ids .ids-pl-5 {
918
+ padding-left: 1.25rem;
919
+ }
920
+
921
+ .ids .ids-pl-6 {
922
+ padding-left: 1.5rem;
923
+ }
924
+
925
+ .ids .ids-pl-7 {
926
+ padding-left: 1.75rem;
927
+ }
928
+
929
+ .ids .ids-pl-8 {
930
+ padding-left: 2rem;
931
+ }
932
+
933
+ .ids .ids-pl-9 {
934
+ padding-left: 2.25rem;
935
+ }
936
+
937
+ .ids .ids-pl-10 {
938
+ padding-left: 2.5rem;
939
+ }
940
+
941
+ .ids .ids-pl-11 {
942
+ padding-left: 2.75rem;
943
+ }
944
+
945
+ .ids .ids-pl-12 {
946
+ padding-left: 3rem;
947
+ }
948
+
949
+ /* Padding y-axis */
950
+ .ids .ids-py-0 {
951
+ padding-top: 0px;
952
+ padding-bottom: 0px;
953
+ }
954
+
955
+ .ids .ids-py-1 {
956
+ padding-top: 0.25rem;
957
+ padding-bottom: 0.25rem;
958
+ }
959
+
960
+ .ids .ids-py-2 {
961
+ padding-top: 0.5rem;
962
+ padding-bottom: 0.5rem;
963
+ }
964
+
965
+ .ids .ids-py-3 {
966
+ padding-top: 0.75rem;
967
+ padding-bottom: 0.75rem;
968
+ }
969
+
970
+ .ids .ids-py-4 {
971
+ padding-top: 1rem;
972
+ padding-bottom: 1rem;
973
+ }
974
+
975
+ .ids .ids-py-5 {
976
+ padding-top: 1.25rem;
977
+ padding-bottom: 1.25rem;
978
+ }
979
+
980
+ .ids .ids-py-6 {
981
+ padding-top: 1.5rem;
982
+ padding-bottom: 1.5rem;
983
+ }
984
+
985
+ .ids .ids-py-7 {
986
+ padding-top: 1.75rem;
987
+ padding-bottom: 1.75rem;
988
+ }
989
+
990
+ .ids .ids-py-8 {
991
+ padding-top: 2rem;
992
+ padding-bottom: 2rem;
993
+ }
994
+
995
+ .ids .ids-py-9 {
996
+ padding-top: 2.25rem;
997
+ padding-bottom: 2.25rem;
998
+ }
999
+
1000
+ .ids .ids-py-10 {
1001
+ padding-top: 2.5rem;
1002
+ padding-bottom: 2.5rem;
1003
+ }
1004
+
1005
+ .ids .ids-py-11 {
1006
+ padding-top: 2.75rem;
1007
+ padding-bottom: 2.75rem;
1008
+ }
1009
+
1010
+ .ids .ids-py-12 {
1011
+ padding-top: 3rem;
1012
+ padding-bottom: 3rem;
1013
+ }
1014
+
1015
+ .ids .ids-px-0 {
1016
+ padding-right: 0px;
1017
+ padding-left: 0px;
1018
+ }
1019
+
1020
+ .ids .ids-px-1 {
1021
+ padding-right: 0.25rem;
1022
+ padding-left: 0.25rem;
1023
+ }
1024
+
1025
+ .ids .ids-px-2 {
1026
+ padding-right: 0.5rem;
1027
+ padding-left: 0.5rem;
1028
+ }
1029
+
1030
+ .ids .ids-px-3 {
1031
+ padding-right: 0.75rem;
1032
+ padding-left: 0.75rem;
1033
+ }
1034
+
1035
+ .ids .ids-px-4 {
1036
+ padding-right: 1rem;
1037
+ padding-left: 1rem;
1038
+ }
1039
+
1040
+ .ids .ids-px-5 {
1041
+ padding-right: 1.25rem;
1042
+ padding-left: 1.25rem;
1043
+ }
1044
+
1045
+ .ids .ids-px-6 {
1046
+ padding-right: 1.5rem;
1047
+ padding-left: 1.5rem;
1048
+ }
1049
+
1050
+ .ids .ids-px-7 {
1051
+ padding-right: 1.75rem;
1052
+ padding-left: 1.75rem;
1053
+ }
1054
+
1055
+ .ids .ids-px-8 {
1056
+ padding-right: 2rem;
1057
+ padding-left: 2rem;
1058
+ }
1059
+
1060
+ .ids .ids-px-9 {
1061
+ padding-right: 2.25rem;
1062
+ padding-left: 2.25rem;
1063
+ }
1064
+
1065
+ .ids .ids-px-10 {
1066
+ padding-right: 2.5rem;
1067
+ padding-left: 2.5rem;
1068
+ }
1069
+
1070
+ .ids .ids-px-11 {
1071
+ padding-right: 2.75rem;
1072
+ padding-left: 2.75rem;
1073
+ }
1074
+
1075
+ .ids .ids-px-12 {
1076
+ padding-right: 3rem;
1077
+ padding-left: 3rem;
1078
+ }
1079
+
1080
+ /* Hide classes */
1081
+ .ids-hide {
1082
+ display: none;
1083
+ }
1084
+
1085
+ /* Pre-existing utility classes ends here */
1086
+ /* Smaller screen utility classes starts here */
1087
+ /* WIP */
1088
+ @media (max-width: 600px) {
1089
+ .ids-fs-sm-1 {
1090
+ font-size: 0.75rem;
1091
+ }
1092
+ .ids-fs-sm-2 {
1093
+ font-size: 1rem;
1094
+ }
1095
+ }
1096
+ @media only screen and (max-width: 640px) {
1097
+ /* Margin top */
1098
+ .ids .ids-s-mt-0 {
1099
+ margin-top: 0px;
1100
+ }
1101
+ .ids .ids-s-mt-1 {
1102
+ margin-top: 0.25rem;
1103
+ }
1104
+ .ids .ids-s-mt-2 {
1105
+ margin-top: 0.5rem;
1106
+ }
1107
+ .ids .ids-s-mt-3 {
1108
+ margin-top: 0.75rem;
1109
+ }
1110
+ .ids .ids-s-mt-4 {
1111
+ margin-top: 1rem;
1112
+ }
1113
+ .ids .ids-s-mt-5 {
1114
+ margin-top: 1.25rem;
1115
+ }
1116
+ .ids .ids-s-mt-6 {
1117
+ margin-top: 1.5rem;
1118
+ }
1119
+ .ids .ids-s-mt-7 {
1120
+ margin-top: 1.75rem;
1121
+ }
1122
+ .ids .ids-s-mt-8 {
1123
+ margin-top: 2rem;
1124
+ }
1125
+ .ids .ids-s-mt-9 {
1126
+ margin-top: 2.25rem;
1127
+ }
1128
+ .ids .ids-s-mt-10 {
1129
+ margin-top: 2.5rem;
1130
+ }
1131
+ .ids .ids-s-mt-11 {
1132
+ margin-top: 2.75rem;
1133
+ }
1134
+ .ids .ids-s-mt-12 {
1135
+ margin-top: 3rem;
1136
+ }
1137
+ /* Margin right */
1138
+ .ids .ids-s-mr-0 {
1139
+ margin-right: 0px;
1140
+ }
1141
+ .ids .ids-s-mr-1 {
1142
+ margin-right: 0.25rem;
1143
+ }
1144
+ .ids .ids-s-mr-2 {
1145
+ margin-right: 0.5rem;
1146
+ }
1147
+ .ids .ids-s-mr-3 {
1148
+ margin-right: 0.75rem;
1149
+ }
1150
+ .ids .ids-s-mr-4 {
1151
+ margin-right: 1rem;
1152
+ }
1153
+ .ids .ids-s-mr-5 {
1154
+ margin-right: 1.25rem;
1155
+ }
1156
+ .ids .ids-s-mr-6 {
1157
+ margin-right: 1.5rem;
1158
+ }
1159
+ .ids .ids-s-mr-7 {
1160
+ margin-right: 1.75rem;
1161
+ }
1162
+ .ids .ids-s-mr-8 {
1163
+ margin-right: 2rem;
1164
+ }
1165
+ .ids .ids-s-mr-9 {
1166
+ margin-right: 2.25rem;
1167
+ }
1168
+ .ids .ids-s-mr-10 {
1169
+ margin-right: 2.5rem;
1170
+ }
1171
+ .ids .ids-s-mr-11 {
1172
+ margin-right: 2.75rem;
1173
+ }
1174
+ .ids .ids-s-mr-12 {
1175
+ margin-right: 3rem;
1176
+ }
1177
+ /* Margin bottom */
1178
+ .ids .ids-s-mb-0 {
1179
+ margin-bottom: 0px;
1180
+ }
1181
+ .ids .ids-s-mb-1 {
1182
+ margin-bottom: 0.25rem;
1183
+ }
1184
+ .ids .ids-s-mb-2 {
1185
+ margin-bottom: 0.5rem;
1186
+ }
1187
+ .ids .ids-s-mb-3 {
1188
+ margin-bottom: 0.75rem;
1189
+ }
1190
+ .ids .ids-s-mb-4 {
1191
+ margin-bottom: 1rem;
1192
+ }
1193
+ .ids .ids-s-mb-5 {
1194
+ margin-bottom: 1.25rem;
1195
+ }
1196
+ .ids .ids-s-mb-6 {
1197
+ margin-bottom: 1.5rem;
1198
+ }
1199
+ .ids .ids-s-mb-7 {
1200
+ margin-bottom: 1.75rem;
1201
+ }
1202
+ .ids .ids-s-mb-8 {
1203
+ margin-bottom: 2rem;
1204
+ }
1205
+ .ids .ids-s-mb-9 {
1206
+ margin-bottom: 2.25rem;
1207
+ }
1208
+ .ids .ids-s-mb-10 {
1209
+ margin-bottom: 2.5rem;
1210
+ }
1211
+ .ids .ids-s-mb-11 {
1212
+ margin-bottom: 2.75rem;
1213
+ }
1214
+ .ids .ids-s-mb-12 {
1215
+ margin-bottom: 3rem;
1216
+ }
1217
+ /* Margin left */
1218
+ .ids .ids-s-ml-0 {
1219
+ margin-left: 0px;
1220
+ }
1221
+ .ids .ids-s-ml-1 {
1222
+ margin-left: 0.25rem;
1223
+ }
1224
+ .ids .ids-s-ml-2 {
1225
+ margin-left: 0.5rem;
1226
+ }
1227
+ .ids .ids-s-ml-3 {
1228
+ margin-left: 0.75rem;
1229
+ }
1230
+ .ids .ids-s-ml-4 {
1231
+ margin-left: 1rem;
1232
+ }
1233
+ .ids .ids-s-ml-5 {
1234
+ margin-left: 1.25rem;
1235
+ }
1236
+ .ids .ids-s-ml-6 {
1237
+ margin-left: 1.5rem;
1238
+ }
1239
+ .ids .ids-s-ml-7 {
1240
+ margin-left: 1.75rem;
1241
+ }
1242
+ .ids .ids-s-ml-8 {
1243
+ margin-left: 2rem;
1244
+ }
1245
+ .ids .ids-s-ml-9 {
1246
+ margin-left: 2.25rem;
1247
+ }
1248
+ .ids .ids-s-ml-10 {
1249
+ margin-left: 2.5rem;
1250
+ }
1251
+ .ids .ids-s-ml-11 {
1252
+ margin-left: 2.75rem;
1253
+ }
1254
+ .ids .ids-s-ml-12 {
1255
+ margin-left: 3rem;
1256
+ }
1257
+ /* Margin y axis */
1258
+ .ids .ids-s-my-0 {
1259
+ margin-top: 0px;
1260
+ margin-bottom: 0px;
1261
+ }
1262
+ .ids .ids-s-my-1 {
1263
+ margin-top: 0.25rem;
1264
+ margin-bottom: 0.25rem;
1265
+ }
1266
+ .ids .ids-s-my-2 {
1267
+ margin-top: 0.5rem;
1268
+ margin-bottom: 0.5rem;
1269
+ }
1270
+ .ids .ids-s-my-3 {
1271
+ margin-top: 0.75rem;
1272
+ margin-bottom: 0.75rem;
1273
+ }
1274
+ .ids .ids-s-my-4 {
1275
+ margin-top: 1rem;
1276
+ margin-bottom: 1rem;
1277
+ }
1278
+ .ids .ids-s-my-5 {
1279
+ margin-top: 1.25rem;
1280
+ margin-bottom: 1.25rem;
1281
+ }
1282
+ .ids .ids-s-my-6 {
1283
+ margin-top: 1.5rem;
1284
+ margin-bottom: 1.5rem;
1285
+ }
1286
+ .ids .ids-s-my-7 {
1287
+ margin-top: 1.75rem;
1288
+ margin-bottom: 1.75rem;
1289
+ }
1290
+ .ids .ids-s-my-8 {
1291
+ margin-top: 2rem;
1292
+ margin-bottom: 2rem;
1293
+ }
1294
+ .ids .ids-s-my-9 {
1295
+ margin-top: 2.25rem;
1296
+ margin-bottom: 2.25rem;
1297
+ }
1298
+ .ids .ids-s-my-10 {
1299
+ margin-top: 2.5rem;
1300
+ margin-bottom: 2.5rem;
1301
+ }
1302
+ .ids .ids-s-my-11 {
1303
+ margin-top: 2.75rem;
1304
+ margin-bottom: 2.75rem;
1305
+ }
1306
+ .ids .ids-s-my-12 {
1307
+ margin-top: 3rem;
1308
+ margin-bottom: 3rem;
1309
+ }
1310
+ /* Margin x axis */
1311
+ .ids .ids-s-mx-0 {
1312
+ margin-left: 0px;
1313
+ margin-right: 0px;
1314
+ }
1315
+ .ids .ids-s-mx-1 {
1316
+ margin-left: 0.25rem;
1317
+ margin-right: 0.25rem;
1318
+ }
1319
+ .ids .ids-s-mx-2 {
1320
+ margin-left: 0.5rem;
1321
+ margin-right: 0.5rem;
1322
+ }
1323
+ .ids .ids-s-mx-3 {
1324
+ margin-left: 0.75rem;
1325
+ margin-right: 0.75rem;
1326
+ }
1327
+ .ids .ids-s-mx-4 {
1328
+ margin-left: 1rem;
1329
+ margin-right: 1rem;
1330
+ }
1331
+ .ids .ids-s-mx-5 {
1332
+ margin-left: 1.25rem;
1333
+ margin-right: 1.25rem;
1334
+ }
1335
+ .ids .ids-s-mx-6 {
1336
+ margin-left: 1.5rem;
1337
+ margin-right: 1.5rem;
1338
+ }
1339
+ .ids .ids-s-mx-7 {
1340
+ margin-left: 1.75rem;
1341
+ margin-right: 1.75rem;
1342
+ }
1343
+ .ids .ids-s-mx-8 {
1344
+ margin-left: 2rem;
1345
+ margin-right: 2rem;
1346
+ }
1347
+ .ids .ids-s-mx-9 {
1348
+ margin-left: 2.25rem;
1349
+ margin-right: 2.25rem;
1350
+ }
1351
+ .ids .ids-s-mx-10 {
1352
+ margin-left: 2.5rem;
1353
+ margin-right: 2.5rem;
1354
+ }
1355
+ .ids .ids-s-mx-11 {
1356
+ margin-left: 2.75rem;
1357
+ margin-right: 2.75rem;
1358
+ }
1359
+ .ids .ids-s-mx-12 {
1360
+ margin-left: 3rem;
1361
+ margin-right: 3rem;
1362
+ }
1363
+ /* Padding */
1364
+ /* Padding top */
1365
+ .ids .ids-s-pt-0 {
1366
+ padding-top: 0px;
1367
+ }
1368
+ .ids .ids-s-pt-1 {
1369
+ padding-top: 0.25rem;
1370
+ }
1371
+ .ids .ids-s-pt-2 {
1372
+ padding-top: 0.5rem;
1373
+ }
1374
+ .ids .ids-s-pt-3 {
1375
+ padding-top: 0.75rem;
1376
+ }
1377
+ .ids .ids-s-pt-4 {
1378
+ padding-top: 1rem;
1379
+ }
1380
+ .ids .ids-s-pt-5 {
1381
+ padding-top: 1.25rem;
1382
+ }
1383
+ .ids .ids-s-pt-6 {
1384
+ padding-top: 1.5rem;
1385
+ }
1386
+ .ids .ids-s-pt-7 {
1387
+ padding-top: 1.75rem;
1388
+ }
1389
+ .ids .ids-s-pt-8 {
1390
+ padding-top: 2rem;
1391
+ }
1392
+ .ids .ids-s-pt-9 {
1393
+ padding-top: 2.25rem;
1394
+ }
1395
+ .ids .ids-s-pt-10 {
1396
+ padding-top: 2.5rem;
1397
+ }
1398
+ .ids .ids-s-pt-11 {
1399
+ padding-top: 2.75rem;
1400
+ }
1401
+ .ids .ids-s-pt-12 {
1402
+ padding-top: 3rem;
1403
+ }
1404
+ /* Padding bottom */
1405
+ .ids .ids-s-pb-0 {
1406
+ padding-bottom: 0px;
1407
+ }
1408
+ .ids .ids-s-pb-1 {
1409
+ padding-bottom: 0.25rem;
1410
+ }
1411
+ .ids .ids-s-pb-2 {
1412
+ padding-bottom: 0.5rem;
1413
+ }
1414
+ .ids .ids-s-pb-3 {
1415
+ padding-bottom: 0.75rem;
1416
+ }
1417
+ .ids .ids-s-pb-4 {
1418
+ padding-bottom: 1rem;
1419
+ }
1420
+ .ids .ids-s-pb-5 {
1421
+ padding-bottom: 1.25rem;
1422
+ }
1423
+ .ids .ids-s-pb-6 {
1424
+ padding-bottom: 1.5rem;
1425
+ }
1426
+ .ids .ids-s-pb-7 {
1427
+ padding-bottom: 1.75rem;
1428
+ }
1429
+ .ids .ids-s-pb-8 {
1430
+ padding-bottom: 2rem;
1431
+ }
1432
+ .ids .ids-s-pb-9 {
1433
+ padding-bottom: 2.25rem;
1434
+ }
1435
+ .ids .ids-s-pb-10 {
1436
+ padding-bottom: 2.5rem;
1437
+ }
1438
+ .ids .ids-s-pb-11 {
1439
+ padding-bottom: 2.75rem;
1440
+ }
1441
+ .ids .ids-s-pb-12 {
1442
+ padding-bottom: 3rem;
1443
+ }
1444
+ /* Padding right */
1445
+ .ids .ids-s-pr-0 {
1446
+ padding-right: 0px;
1447
+ }
1448
+ .ids .ids-s-pr-1 {
1449
+ padding-right: 0.25rem;
1450
+ }
1451
+ .ids .ids-s-pr-2 {
1452
+ padding-right: 0.5rem;
1453
+ }
1454
+ .ids .ids-s-pr-3 {
1455
+ padding-right: 0.75rem;
1456
+ }
1457
+ .ids .ids-s-pr-4 {
1458
+ padding-right: 1rem;
1459
+ }
1460
+ .ids .ids-s-pr-5 {
1461
+ padding-right: 1.25rem;
1462
+ }
1463
+ .ids .ids-s-pr-6 {
1464
+ padding-right: 1.5rem;
1465
+ }
1466
+ .ids .ids-s-pr-7 {
1467
+ padding-right: 1.75rem;
1468
+ }
1469
+ .ids .ids-s-pr-8 {
1470
+ padding-right: 2rem;
1471
+ }
1472
+ .ids .ids-s-pr-9 {
1473
+ padding-right: 2.25rem;
1474
+ }
1475
+ .ids .ids-s-pr-10 {
1476
+ padding-right: 2.5rem;
1477
+ }
1478
+ .ids .ids-s-pr-11 {
1479
+ padding-right: 2.75rem;
1480
+ }
1481
+ .ids .ids-s-pr-12 {
1482
+ padding-right: 3rem;
1483
+ }
1484
+ /* Padding left */
1485
+ .ids .ids-s-pl-0 {
1486
+ padding-left: 0px;
1487
+ }
1488
+ .ids .ids-s-pl-1 {
1489
+ padding-left: 0.25rem;
1490
+ }
1491
+ .ids .ids-s-pl-2 {
1492
+ padding-left: 0.5rem;
1493
+ }
1494
+ .ids .ids-s-pl-3 {
1495
+ padding-left: 0.75rem;
1496
+ }
1497
+ .ids .ids-s-pl-4 {
1498
+ padding-left: 1rem;
1499
+ }
1500
+ .ids .ids-s-pl-5 {
1501
+ padding-left: 1.25rem;
1502
+ }
1503
+ .ids .ids-s-pl-6 {
1504
+ padding-left: 1.5rem;
1505
+ }
1506
+ .ids .ids-s-pl-7 {
1507
+ padding-left: 1.75rem;
1508
+ }
1509
+ .ids .ids-s-pl-8 {
1510
+ padding-left: 2rem;
1511
+ }
1512
+ .ids .ids-s-pl-9 {
1513
+ padding-left: 2.25rem;
1514
+ }
1515
+ .ids .ids-s-pl-10 {
1516
+ padding-left: 2.5rem;
1517
+ }
1518
+ .ids .ids-s-pl-11 {
1519
+ padding-left: 2.75rem;
1520
+ }
1521
+ .ids .ids-s-pl-12 {
1522
+ padding-left: 3rem;
1523
+ }
1524
+ /* Padding y-axis */
1525
+ .ids .ids-s-py-0 {
1526
+ padding-top: 0px;
1527
+ padding-bottom: 0px;
1528
+ }
1529
+ .ids .ids-s-py-1 {
1530
+ padding-top: 0.25rem;
1531
+ padding-bottom: 0.25rem;
1532
+ }
1533
+ .ids .ids-s-py-2 {
1534
+ padding-top: 0.5rem;
1535
+ padding-bottom: 0.5rem;
1536
+ }
1537
+ .ids .ids-s-py-3 {
1538
+ padding-top: 0.75rem;
1539
+ padding-bottom: 0.75rem;
1540
+ }
1541
+ .ids .ids-s-py-4 {
1542
+ padding-top: 1rem;
1543
+ padding-bottom: 1rem;
1544
+ }
1545
+ .ids .ids-s-py-5 {
1546
+ padding-top: 1.25rem;
1547
+ padding-bottom: 1.25rem;
1548
+ }
1549
+ .ids .ids-s-py-6 {
1550
+ padding-top: 1.5rem;
1551
+ padding-bottom: 1.5rem;
1552
+ }
1553
+ .ids .ids-s-py-7 {
1554
+ padding-top: 1.75rem;
1555
+ padding-bottom: 1.75rem;
1556
+ }
1557
+ .ids .ids-s-py-8 {
1558
+ padding-top: 2rem;
1559
+ padding-bottom: 2rem;
1560
+ }
1561
+ .ids .ids-s-py-9 {
1562
+ padding-top: 2.25rem;
1563
+ padding-bottom: 2.25rem;
1564
+ }
1565
+ .ids .ids-s-py-10 {
1566
+ padding-top: 2.5rem;
1567
+ padding-bottom: 2.5rem;
1568
+ }
1569
+ .ids .ids-s-py-11 {
1570
+ padding-top: 2.75rem;
1571
+ padding-bottom: 2.75rem;
1572
+ }
1573
+ .ids .ids-s-py-12 {
1574
+ padding-top: 3rem;
1575
+ padding-bottom: 3rem;
1576
+ }
1577
+ .ids .ids-s-px-0 {
1578
+ padding-right: 0px;
1579
+ padding-left: 0px;
1580
+ }
1581
+ .ids .ids-s-px-1 {
1582
+ padding-right: 0.25rem;
1583
+ padding-left: 0.25rem;
1584
+ }
1585
+ .ids .ids-s-px-2 {
1586
+ padding-right: 0.5rem;
1587
+ padding-left: 0.5rem;
1588
+ }
1589
+ .ids .ids-s-px-3 {
1590
+ padding-right: 0.75rem;
1591
+ padding-left: 0.75rem;
1592
+ }
1593
+ .ids .ids-s-px-4 {
1594
+ padding-right: 1rem;
1595
+ padding-left: 1rem;
1596
+ }
1597
+ .ids .ids-s-px-5 {
1598
+ padding-right: 1.25rem;
1599
+ padding-left: 1.25rem;
1600
+ }
1601
+ .ids .ids-s-px-6 {
1602
+ padding-right: 1.5rem;
1603
+ padding-left: 1.5rem;
1604
+ }
1605
+ .ids .ids-s-px-7 {
1606
+ padding-right: 1.75rem;
1607
+ padding-left: 1.75rem;
1608
+ }
1609
+ .ids .ids-s-px-8 {
1610
+ padding-right: 2rem;
1611
+ padding-left: 2rem;
1612
+ }
1613
+ .ids .ids-s-px-9 {
1614
+ padding-right: 2.25rem;
1615
+ padding-left: 2.25rem;
1616
+ }
1617
+ .ids .ids-s-px-10 {
1618
+ padding-right: 2.5rem;
1619
+ padding-left: 2.5rem;
1620
+ }
1621
+ .ids .ids-s-px-11 {
1622
+ padding-right: 2.75rem;
1623
+ padding-left: 2.75rem;
1624
+ }
1625
+ .ids .ids-s-px-12 {
1626
+ padding-right: 3rem;
1627
+ padding-left: 3rem;
1628
+ }
1629
+ /* Hide classes */
1630
+ .ids .ids-hide-on-s, .ids .ids-s-hide {
1631
+ display: none;
1632
+ }
1633
+ }
1634
+ @media only screen and (max-width: 1024px) {
1635
+ /* Margin top */
1636
+ .ids .ids-m-mt-0 {
1637
+ margin-top: 0px;
1638
+ }
1639
+ .ids .ids-m-mt-1 {
1640
+ margin-top: 0.25rem;
1641
+ }
1642
+ .ids .ids-m-mt-2 {
1643
+ margin-top: 0.5rem;
1644
+ }
1645
+ .ids .ids-m-mt-3 {
1646
+ margin-top: 0.75rem;
1647
+ }
1648
+ .ids .ids-m-mt-4 {
1649
+ margin-top: 1rem;
1650
+ }
1651
+ .ids .ids-m-mt-5 {
1652
+ margin-top: 1.25rem;
1653
+ }
1654
+ .ids .ids-m-mt-6 {
1655
+ margin-top: 1.5rem;
1656
+ }
1657
+ .ids .ids-m-mt-7 {
1658
+ margin-top: 1.75rem;
1659
+ }
1660
+ .ids .ids-m-mt-8 {
1661
+ margin-top: 2rem;
1662
+ }
1663
+ .ids .ids-m-mt-9 {
1664
+ margin-top: 2.25rem;
1665
+ }
1666
+ .ids .ids-m-mt-10 {
1667
+ margin-top: 2.5rem;
1668
+ }
1669
+ .ids .ids-m-mt-11 {
1670
+ margin-top: 2.75rem;
1671
+ }
1672
+ .ids .ids-m-mt-12 {
1673
+ margin-top: 3rem;
1674
+ }
1675
+ /* Margin right */
1676
+ .ids .ids-m-mr-0 {
1677
+ margin-right: 0px;
1678
+ }
1679
+ .ids .ids-m-mr-1 {
1680
+ margin-right: 0.25rem;
1681
+ }
1682
+ .ids .ids-m-mr-2 {
1683
+ margin-right: 0.5rem;
1684
+ }
1685
+ .ids .ids-m-mr-3 {
1686
+ margin-right: 0.75rem;
1687
+ }
1688
+ .ids .ids-m-mr-4 {
1689
+ margin-right: 1rem;
1690
+ }
1691
+ .ids .ids-m-mr-5 {
1692
+ margin-right: 1.25rem;
1693
+ }
1694
+ .ids .ids-m-mr-6 {
1695
+ margin-right: 1.5rem;
1696
+ }
1697
+ .ids .ids-m-mr-7 {
1698
+ margin-right: 1.75rem;
1699
+ }
1700
+ .ids .ids-m-mr-8 {
1701
+ margin-right: 2rem;
1702
+ }
1703
+ .ids .ids-m-mr-9 {
1704
+ margin-right: 2.25rem;
1705
+ }
1706
+ .ids .ids-m-mr-10 {
1707
+ margin-right: 2.5rem;
1708
+ }
1709
+ .ids .ids-m-mr-11 {
1710
+ margin-right: 2.75rem;
1711
+ }
1712
+ .ids .ids-m-mr-12 {
1713
+ margin-right: 3rem;
1714
+ }
1715
+ /* Margin bottom */
1716
+ .ids .ids-m-mb-0 {
1717
+ margin-bottom: 0px;
1718
+ }
1719
+ .ids .ids-m-mb-1 {
1720
+ margin-bottom: 0.25rem;
1721
+ }
1722
+ .ids .ids-m-mb-2 {
1723
+ margin-bottom: 0.5rem;
1724
+ }
1725
+ .ids .ids-m-mb-3 {
1726
+ margin-bottom: 0.75rem;
1727
+ }
1728
+ .ids .ids-m-mb-4 {
1729
+ margin-bottom: 1rem;
1730
+ }
1731
+ .ids .ids-m-mb-5 {
1732
+ margin-bottom: 1.25rem;
1733
+ }
1734
+ .ids .ids-m-mb-6 {
1735
+ margin-bottom: 1.5rem;
1736
+ }
1737
+ .ids .ids-m-mb-7 {
1738
+ margin-bottom: 1.75rem;
1739
+ }
1740
+ .ids .ids-m-mb-8 {
1741
+ margin-bottom: 2rem;
1742
+ }
1743
+ .ids .ids-m-mb-9 {
1744
+ margin-bottom: 2.25rem;
1745
+ }
1746
+ .ids .ids-m-mb-10 {
1747
+ margin-bottom: 2.5rem;
1748
+ }
1749
+ .ids .ids-m-mb-11 {
1750
+ margin-bottom: 2.75rem;
1751
+ }
1752
+ .ids .ids-m-mb-12 {
1753
+ margin-bottom: 3rem;
1754
+ }
1755
+ /* Margin left */
1756
+ .ids .ids-m-ml-0 {
1757
+ margin-left: 0px;
1758
+ }
1759
+ .ids .ids-m-ml-1 {
1760
+ margin-left: 0.25rem;
1761
+ }
1762
+ .ids .ids-m-ml-2 {
1763
+ margin-left: 0.5rem;
1764
+ }
1765
+ .ids .ids-m-ml-3 {
1766
+ margin-left: 0.75rem;
1767
+ }
1768
+ .ids .ids-m-ml-4 {
1769
+ margin-left: 1rem;
1770
+ }
1771
+ .ids .ids-m-ml-5 {
1772
+ margin-left: 1.25rem;
1773
+ }
1774
+ .ids .ids-m-ml-6 {
1775
+ margin-left: 1.5rem;
1776
+ }
1777
+ .ids .ids-m-ml-7 {
1778
+ margin-left: 1.75rem;
1779
+ }
1780
+ .ids .ids-m-ml-8 {
1781
+ margin-left: 2rem;
1782
+ }
1783
+ .ids .ids-m-ml-9 {
1784
+ margin-left: 2.25rem;
1785
+ }
1786
+ .ids .ids-m-ml-10 {
1787
+ margin-left: 2.5rem;
1788
+ }
1789
+ .ids .ids-m-ml-11 {
1790
+ margin-left: 2.75rem;
1791
+ }
1792
+ .ids .ids-m-ml-12 {
1793
+ margin-left: 3rem;
1794
+ }
1795
+ /* Margin y axis */
1796
+ .ids .ids-m-my-0 {
1797
+ margin-top: 0px;
1798
+ margin-bottom: 0px;
1799
+ }
1800
+ .ids .ids-m-my-1 {
1801
+ margin-top: 0.25rem;
1802
+ margin-bottom: 0.25rem;
1803
+ }
1804
+ .ids .ids-m-my-2 {
1805
+ margin-top: 0.5rem;
1806
+ margin-bottom: 0.5rem;
1807
+ }
1808
+ .ids .ids-m-my-3 {
1809
+ margin-top: 0.75rem;
1810
+ margin-bottom: 0.75rem;
1811
+ }
1812
+ .ids .ids-m-my-4 {
1813
+ margin-top: 1rem;
1814
+ margin-bottom: 1rem;
1815
+ }
1816
+ .ids .ids-m-my-5 {
1817
+ margin-top: 1.25rem;
1818
+ margin-bottom: 1.25rem;
1819
+ }
1820
+ .ids .ids-m-my-6 {
1821
+ margin-top: 1.5rem;
1822
+ margin-bottom: 1.5rem;
1823
+ }
1824
+ .ids .ids-m-my-7 {
1825
+ margin-top: 1.75rem;
1826
+ margin-bottom: 1.75rem;
1827
+ }
1828
+ .ids .ids-m-my-8 {
1829
+ margin-top: 2rem;
1830
+ margin-bottom: 2rem;
1831
+ }
1832
+ .ids .ids-m-my-9 {
1833
+ margin-top: 2.25rem;
1834
+ margin-bottom: 2.25rem;
1835
+ }
1836
+ .ids .ids-m-my-10 {
1837
+ margin-top: 2.5rem;
1838
+ margin-bottom: 2.5rem;
1839
+ }
1840
+ .ids .ids-m-my-11 {
1841
+ margin-top: 2.75rem;
1842
+ margin-bottom: 2.75rem;
1843
+ }
1844
+ .ids .ids-m-my-12 {
1845
+ margin-top: 3rem;
1846
+ margin-bottom: 3rem;
1847
+ }
1848
+ /* Margin x axis */
1849
+ .ids .ids-m-mx-0 {
1850
+ margin-left: 0px;
1851
+ margin-right: 0px;
1852
+ }
1853
+ .ids .ids-m-mx-1 {
1854
+ margin-left: 0.25rem;
1855
+ margin-right: 0.25rem;
1856
+ }
1857
+ .ids .ids-m-mx-2 {
1858
+ margin-left: 0.5rem;
1859
+ margin-right: 0.5rem;
1860
+ }
1861
+ .ids .ids-m-mx-3 {
1862
+ margin-left: 0.75rem;
1863
+ margin-right: 0.75rem;
1864
+ }
1865
+ .ids .ids-m-mx-4 {
1866
+ margin-left: 1rem;
1867
+ margin-right: 1rem;
1868
+ }
1869
+ .ids .ids-m-mx-5 {
1870
+ margin-left: 1.25rem;
1871
+ margin-right: 1.25rem;
1872
+ }
1873
+ .ids .ids-m-mx-6 {
1874
+ margin-left: 1.5rem;
1875
+ margin-right: 1.5rem;
1876
+ }
1877
+ .ids .ids-m-mx-7 {
1878
+ margin-left: 1.75rem;
1879
+ margin-right: 1.75rem;
1880
+ }
1881
+ .ids .ids-m-mx-8 {
1882
+ margin-left: 2rem;
1883
+ margin-right: 2rem;
1884
+ }
1885
+ .ids .ids-m-mx-9 {
1886
+ margin-left: 2.25rem;
1887
+ margin-right: 2.25rem;
1888
+ }
1889
+ .ids .ids-m-mx-10 {
1890
+ margin-left: 2.5rem;
1891
+ margin-right: 2.5rem;
1892
+ }
1893
+ .ids .ids-m-mx-11 {
1894
+ margin-left: 2.75rem;
1895
+ margin-right: 2.75rem;
1896
+ }
1897
+ .ids .ids-m-mx-12 {
1898
+ margin-left: 3rem;
1899
+ margin-right: 3rem;
1900
+ }
1901
+ /* Padding */
1902
+ /* Padding top */
1903
+ .ids .ids-m-pt-0 {
1904
+ padding-top: 0px;
1905
+ }
1906
+ .ids .ids-m-pt-1 {
1907
+ padding-top: 0.25rem;
1908
+ }
1909
+ .ids .ids-m-pt-2 {
1910
+ padding-top: 0.5rem;
1911
+ }
1912
+ .ids .ids-m-pt-3 {
1913
+ padding-top: 0.75rem;
1914
+ }
1915
+ .ids .ids-m-pt-4 {
1916
+ padding-top: 1rem;
1917
+ }
1918
+ .ids .ids-m-pt-5 {
1919
+ padding-top: 1.25rem;
1920
+ }
1921
+ .ids .ids-m-pt-6 {
1922
+ padding-top: 1.5rem;
1923
+ }
1924
+ .ids .ids-m-pt-7 {
1925
+ padding-top: 1.75rem;
1926
+ }
1927
+ .ids .ids-m-pt-8 {
1928
+ padding-top: 2rem;
1929
+ }
1930
+ .ids .ids-m-pt-9 {
1931
+ padding-top: 2.25rem;
1932
+ }
1933
+ .ids .ids-m-pt-10 {
1934
+ padding-top: 2.5rem;
1935
+ }
1936
+ .ids .ids-m-pt-11 {
1937
+ padding-top: 2.75rem;
1938
+ }
1939
+ .ids .ids-m-pt-12 {
1940
+ padding-top: 3rem;
1941
+ }
1942
+ /* Padding bottom */
1943
+ .ids .ids-m-pb-0 {
1944
+ padding-bottom: 0px;
1945
+ }
1946
+ .ids .ids-m-pb-1 {
1947
+ padding-bottom: 0.25rem;
1948
+ }
1949
+ .ids .ids-m-pb-2 {
1950
+ padding-bottom: 0.5rem;
1951
+ }
1952
+ .ids .ids-m-pb-3 {
1953
+ padding-bottom: 0.75rem;
1954
+ }
1955
+ .ids .ids-m-pb-4 {
1956
+ padding-bottom: 1rem;
1957
+ }
1958
+ .ids .ids-m-pb-5 {
1959
+ padding-bottom: 1.25rem;
1960
+ }
1961
+ .ids .ids-m-pb-6 {
1962
+ padding-bottom: 1.5rem;
1963
+ }
1964
+ .ids .ids-m-pb-7 {
1965
+ padding-bottom: 1.75rem;
1966
+ }
1967
+ .ids .ids-m-pb-8 {
1968
+ padding-bottom: 2rem;
1969
+ }
1970
+ .ids .ids-m-pb-9 {
1971
+ padding-bottom: 2.25rem;
1972
+ }
1973
+ .ids .ids-m-pb-10 {
1974
+ padding-bottom: 2.5rem;
1975
+ }
1976
+ .ids .ids-m-pb-11 {
1977
+ padding-bottom: 2.75rem;
1978
+ }
1979
+ .ids .ids-m-pb-12 {
1980
+ padding-bottom: 3rem;
1981
+ }
1982
+ /* Padding right */
1983
+ .ids .ids-m-pr-0 {
1984
+ padding-right: 0px;
1985
+ }
1986
+ .ids .ids-m-pr-1 {
1987
+ padding-right: 0.25rem;
1988
+ }
1989
+ .ids .ids-m-pr-2 {
1990
+ padding-right: 0.5rem;
1991
+ }
1992
+ .ids .ids-m-pr-3 {
1993
+ padding-right: 0.75rem;
1994
+ }
1995
+ .ids .ids-m-pr-4 {
1996
+ padding-right: 1rem;
1997
+ }
1998
+ .ids .ids-m-pr-5 {
1999
+ padding-right: 1.25rem;
2000
+ }
2001
+ .ids .ids-m-pr-6 {
2002
+ padding-right: 1.5rem;
2003
+ }
2004
+ .ids .ids-m-pr-7 {
2005
+ padding-right: 1.75rem;
2006
+ }
2007
+ .ids .ids-m-pr-8 {
2008
+ padding-right: 2rem;
2009
+ }
2010
+ .ids .ids-m-pr-9 {
2011
+ padding-right: 2.25rem;
2012
+ }
2013
+ .ids .ids-m-pr-10 {
2014
+ padding-right: 2.5rem;
2015
+ }
2016
+ .ids .ids-m-pr-11 {
2017
+ padding-right: 2.75rem;
2018
+ }
2019
+ .ids .ids-m-pr-12 {
2020
+ padding-right: 3rem;
2021
+ }
2022
+ /* Padding left */
2023
+ .ids .ids-m-pl-0 {
2024
+ padding-left: 0px;
2025
+ }
2026
+ .ids .ids-m-pl-1 {
2027
+ padding-left: 0.25rem;
2028
+ }
2029
+ .ids .ids-m-pl-2 {
2030
+ padding-left: 0.5rem;
2031
+ }
2032
+ .ids .ids-m-pl-3 {
2033
+ padding-left: 0.75rem;
2034
+ }
2035
+ .ids .ids-m-pl-4 {
2036
+ padding-left: 1rem;
2037
+ }
2038
+ .ids .ids-m-pl-5 {
2039
+ padding-left: 1.25rem;
2040
+ }
2041
+ .ids .ids-m-pl-6 {
2042
+ padding-left: 1.5rem;
2043
+ }
2044
+ .ids .ids-m-pl-7 {
2045
+ padding-left: 1.75rem;
2046
+ }
2047
+ .ids .ids-m-pl-8 {
2048
+ padding-left: 2rem;
2049
+ }
2050
+ .ids .ids-m-pl-9 {
2051
+ padding-left: 2.25rem;
2052
+ }
2053
+ .ids .ids-m-pl-10 {
2054
+ padding-left: 2.5rem;
2055
+ }
2056
+ .ids .ids-m-pl-11 {
2057
+ padding-left: 2.75rem;
2058
+ }
2059
+ .ids .ids-m-pl-12 {
2060
+ padding-left: 3rem;
2061
+ }
2062
+ /* Padding y-axis */
2063
+ .ids .ids-m-py-0 {
2064
+ padding-top: 0px;
2065
+ padding-bottom: 0px;
2066
+ }
2067
+ .ids .ids-m-py-1 {
2068
+ padding-top: 0.25rem;
2069
+ padding-bottom: 0.25rem;
2070
+ }
2071
+ .ids .ids-m-py-2 {
2072
+ padding-top: 0.5rem;
2073
+ padding-bottom: 0.5rem;
2074
+ }
2075
+ .ids .ids-m-py-3 {
2076
+ padding-top: 0.75rem;
2077
+ padding-bottom: 0.75rem;
2078
+ }
2079
+ .ids .ids-m-py-4 {
2080
+ padding-top: 1rem;
2081
+ padding-bottom: 1rem;
2082
+ }
2083
+ .ids .ids-m-py-5 {
2084
+ padding-top: 1.25rem;
2085
+ padding-bottom: 1.25rem;
2086
+ }
2087
+ .ids .ids-m-py-6 {
2088
+ padding-top: 1.5rem;
2089
+ padding-bottom: 1.5rem;
2090
+ }
2091
+ .ids .ids-m-py-7 {
2092
+ padding-top: 1.75rem;
2093
+ padding-bottom: 1.75rem;
2094
+ }
2095
+ .ids .ids-m-py-8 {
2096
+ padding-top: 2rem;
2097
+ padding-bottom: 2rem;
2098
+ }
2099
+ .ids .ids-m-py-9 {
2100
+ padding-top: 2.25rem;
2101
+ padding-bottom: 2.25rem;
2102
+ }
2103
+ .ids .ids-m-py-10 {
2104
+ padding-top: 2.5rem;
2105
+ padding-bottom: 2.5rem;
2106
+ }
2107
+ .ids .ids-m-py-11 {
2108
+ padding-top: 2.75rem;
2109
+ padding-bottom: 2.75rem;
2110
+ }
2111
+ .ids .ids-m-py-12 {
2112
+ padding-top: 3rem;
2113
+ padding-bottom: 3rem;
2114
+ }
2115
+ .ids .ids-m-px-0 {
2116
+ padding-right: 0px;
2117
+ padding-left: 0px;
2118
+ }
2119
+ .ids .ids-m-px-1 {
2120
+ padding-right: 0.25rem;
2121
+ padding-left: 0.25rem;
2122
+ }
2123
+ .ids .ids-m-px-2 {
2124
+ padding-right: 0.5rem;
2125
+ padding-left: 0.5rem;
2126
+ }
2127
+ .ids .ids-m-px-3 {
2128
+ padding-right: 0.75rem;
2129
+ padding-left: 0.75rem;
2130
+ }
2131
+ .ids .ids-m-px-4 {
2132
+ padding-right: 1rem;
2133
+ padding-left: 1rem;
2134
+ }
2135
+ .ids .ids-m-px-5 {
2136
+ padding-right: 1.25rem;
2137
+ padding-left: 1.25rem;
2138
+ }
2139
+ .ids .ids-m-px-6 {
2140
+ padding-right: 1.5rem;
2141
+ padding-left: 1.5rem;
2142
+ }
2143
+ .ids .ids-m-px-7 {
2144
+ padding-right: 1.75rem;
2145
+ padding-left: 1.75rem;
2146
+ }
2147
+ .ids .ids-m-px-8 {
2148
+ padding-right: 2rem;
2149
+ padding-left: 2rem;
2150
+ }
2151
+ .ids .ids-m-px-9 {
2152
+ padding-right: 2.25rem;
2153
+ padding-left: 2.25rem;
2154
+ }
2155
+ .ids .ids-m-px-10 {
2156
+ padding-right: 2.5rem;
2157
+ padding-left: 2.5rem;
2158
+ }
2159
+ .ids .ids-m-px-11 {
2160
+ padding-right: 2.75rem;
2161
+ padding-left: 2.75rem;
2162
+ }
2163
+ .ids .ids-m-px-12 {
2164
+ padding-right: 3rem;
2165
+ padding-left: 3rem;
2166
+ }
2167
+ /* Hide classes */
2168
+ .ids .ids-hide-on-m, .ids .ids-m-hide {
2169
+ display: none;
2170
+ }
2171
+ }
2172
+ /* Smaller screen utility classes ends here */
2173
+ /*Custom addition to the tailwind util class */
2174
+ /* Adds spacing between words */
2175
+ .ids-ws-0 {
2176
+ word-spacing: 0;
2177
+ }
2178
+
2179
+ .ids-ws-1 {
2180
+ word-spacing: 0.25rem;
2181
+ }
2182
+
2183
+ .ids-ws-2 {
2184
+ word-spacing: 0.5rem;
2185
+ }
2186
+
2187
+ .ids-ws-3 {
2188
+ word-spacing: 0.75rem;
2189
+ }
2190
+
2191
+ .ids-ws-4 {
2192
+ word-spacing: 1rem;
2193
+ }
2194
+
2195
+ .ids-ws-5 {
2196
+ word-spacing: 1.25rem;
2197
+ }
2198
+
2199
+ .ids-ws-6 {
2200
+ word-spacing: 1.5rem;
2201
+ }
2202
+
2203
+ .ids-ws-7 {
2204
+ word-spacing: 1.75rem;
2205
+ }
2206
+
2207
+ .ids-ws-8 {
2208
+ word-spacing: 2rem;
2209
+ }
2210
+
2211
+ .ids-ws-9 {
2212
+ word-spacing: 2.25rem;
2213
+ }
2214
+
2215
+ .ids-ws-10 {
2216
+ word-spacing: 2.5rem;
2217
+ }
2218
+
2219
+ .ids-ws-11 {
2220
+ word-spacing: 2.75rem;
2221
+ }
2222
+
2223
+ .ids-ws-12 {
2224
+ word-spacing: 3rem;
2225
+ }
2226
+
2227
+ /*Custom addition to the tailwind util class ends here*/
2228
+ .ids-float-start {
2229
+ float: inline-start;
2230
+ }
2231
+
2232
+ .ids-float-end {
2233
+ float: inline-end;
2234
+ }
2235
+
2236
+ .ids-float-right {
2237
+ float: right;
2238
+ }
2239
+
2240
+ .ids-float-left {
2241
+ float: left;
2242
+ }
2243
+
2244
+ .ids-float-none {
2245
+ float: none;
2246
+ }
2247
+
2248
+ .ids-label {
2249
+ display: inline-block;
2250
+ color: var(--IDS-FORM__LABEL__COLOR);
2251
+ font-family: var(--IDS-FORM__LABEL__FONT-FAMILY);
2252
+ font-size: var(--IDS-FORM__LABEL__FONT-SIZE);
2253
+ font-style: normal;
2254
+ font-weight: var(--IDS-FORM__LABEL__FONT-WEIGHT);
2255
+ letter-spacing: var(--IDS-FORM__LABEL__LETTER-SPACING);
2256
+ line-height: var(--IDS-FORM__LABEL__HEIGHT);
2257
+ margin-bottom: 5px;
2258
+ min-height: 24px;
2259
+ min-width: 24px;
2260
+ }
2261
+ .ids-label.ids-label--disabled {
2262
+ font-style: italic;
2263
+ color: var(--IDS-FORM__LABEL--DISABLED__COLOR);
2264
+ }
2265
+
2266
+ .ids-radio,
2267
+ ids-radio input {
2268
+ position: absolute;
2269
+ opacity: 0;
2270
+ }
2271
+
2272
+ ids-radio *[slot=tooltip] {
2273
+ margin-left: 5px;
2274
+ }
2275
+
2276
+ .ids-label--radio {
2277
+ display: inline-flex;
2278
+ align-items: flex-start;
2279
+ cursor: pointer;
2280
+ }
2281
+ .ids-label--radio.ids-label--light:before {
2282
+ background-color: white;
2283
+ }
2284
+ .ids-label--radio:before {
2285
+ content: "";
2286
+ flex: 0 0 auto;
2287
+ background: var(--IDS-RADIO__BACKGROUND-COLOR);
2288
+ box-sizing: border-box;
2289
+ border-radius: 100%;
2290
+ border: var(--IDS-RADIO__BORDER);
2291
+ display: inline-block;
2292
+ width: 1.25rem;
2293
+ height: 1.25rem;
2294
+ margin-top: 1px;
2295
+ position: relative;
2296
+ cursor: pointer;
2297
+ text-align: center;
2298
+ margin-right: 0.625rem;
2299
+ }
2300
+ input[type=radio]:checked + .ids-label--radio:before {
2301
+ background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2302
+ box-shadow: inset 0 0 0 2px white;
2303
+ }
2304
+ input[type=radio]:disabled + .ids-label--radio:before {
2305
+ background-image: var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);
2306
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
2307
+ border: none;
2308
+ }
2309
+ input[type=radio][aria-invalid=true]:not(:checked) + .ids-label--radio:before {
2310
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2311
+ border: none;
2312
+ background-image: var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE);
2313
+ }
2314
+ .ids-label--radio.ids-label--disabled {
2315
+ cursor: default;
2316
+ }
2317
+ .ids-label--radio.ids-label--disabled:before {
2318
+ cursor: default;
2319
+ }
2320
+ input:focus + .ids-label--radio::before {
2321
+ outline: var(--focus_outline);
2322
+ outline-offset: var(--focus_outline-offset);
2323
+ }
2324
+
2325
+ .ids-radio:disabled,
2326
+ ids-radio input:disabled {
2327
+ cursor: default;
2328
+ }
2329
+
2330
+ .ids-checkbox-label::before {
2331
+ content: "";
2332
+ cursor: pointer;
2333
+ background-color: var(--IDS-CHECKBOX_BACKGROUND-COLOR);
2334
+ border: var(--IDS-CHECKBOX_BORDER);
2335
+ border-radius: var(--IDS-CHECKBOX_BORDER-RADIUS);
2336
+ box-sizing: border-box;
2337
+ min-height: 1.25rem;
2338
+ min-width: 1.25rem;
2339
+ margin-top: 2px;
2340
+ }
2341
+
2342
+ .ids-checkbox-label::after {
2343
+ content: "";
2344
+ min-height: 1.25rem;
2345
+ min-width: 1.25rem;
2346
+ position: absolute;
2347
+ cursor: pointer;
2348
+ background-position: center center;
2349
+ background-size: 1em 1em;
2350
+ background-repeat: no-repeat;
2351
+ margin-top: 2px;
2352
+ }
2353
+
2354
+ .ids-checkbox,
2355
+ ids-checkbox input {
2356
+ opacity: 0;
2357
+ position: absolute;
2358
+ }
2359
+
2360
+ ids-checkbox *[slot=tooltip] {
2361
+ margin-left: 5px;
2362
+ }
2363
+
2364
+ .ids-checkbox-label {
2365
+ position: relative;
2366
+ display: inline-flex;
2367
+ align-items: flex-start;
2368
+ gap: 0.625rem;
2369
+ cursor: pointer;
2370
+ }
2371
+ input:focus + .ids-checkbox-label::before {
2372
+ outline: var(--focus_outline);
2373
+ outline-offset: var(--focus_outline-offset);
2374
+ }
2375
+ input:checked + .ids-checkbox-label::after {
2376
+ background-image: var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE);
2377
+ }
2378
+ .ids-checkbox-label.ids-checkbox-label--no-label {
2379
+ justify-content: center;
2380
+ margin-bottom: 0px;
2381
+ gap: 0px;
2382
+ }
2383
+ .ids-checkbox-label.ids-checkbox-label--no-label::before, .ids-checkbox-label.ids-checkbox-label--no-label::after {
2384
+ margin-top: 0px;
2385
+ }
2386
+ .ids-checkbox-label.ids-label--light:not(.ids-label--invalid)::before {
2387
+ background: white;
2388
+ }
2389
+ .ids-checkbox-label.ids-label--disabled {
2390
+ cursor: default;
2391
+ }
2392
+ .ids-checkbox-label.ids-label--disabled::before {
2393
+ cursor: default;
2394
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
2395
+ border: none !important;
2396
+ background-image: var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important;
2397
+ }
2398
+ .ids-checkbox-label.ids-label--disabled:after {
2399
+ cursor: default;
2400
+ }
2401
+ input:checked + .ids-checkbox-label.ids-label--disabled::after {
2402
+ background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2403
+ }
2404
+ .ids-checkbox-label.ids-label--invalid::before {
2405
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2406
+ border: none;
2407
+ background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2408
+ }
2409
+ input:checked + .ids-checkbox-label.ids-label--invalid::after {
2410
+ background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2411
+ }
2412
+
2413
+ @media (max-width: 1023px) {
2414
+ .ids-desktop {
2415
+ display: none !important;
2416
+ }
2417
+ }
2418
+
2419
+ @media (min-width: 1024px) {
2420
+ .ids-mobile {
2421
+ display: none !important;
2422
+ }
2423
+ }
2424
+
2425
+ /* 1177 Typography - no margins */
2426
+ /*******
2427
+ * FORM
2428
+ ********/
2429
+ input.ids-time, .ids-textarea, .ids-select, .ids-input {
2430
+ font-family: var(--font-family_1) !important;
2431
+ padding: 0.75rem 1.25rem;
2432
+ background-color: var(--IDS-INPUT_BACKGROUND);
2433
+ border: var(--IDS-INPUT_BORDER);
2434
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2435
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2436
+ font-size: 16px;
2437
+ color: var(--IDS-INPUT_COLOR);
2438
+ display: block;
2439
+ }
2440
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2441
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2442
+ border: 1px solid transparent;
2443
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2444
+ }
2445
+
2446
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-select:disabled, .ids-input:disabled {
2447
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2448
+ border: 1px solid transparent;
2449
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2450
+ }
2451
+
2452
+ .ids-label-wrapper {
2453
+ display: inline-flex;
2454
+ gap: 10px;
2455
+ align-items: center;
2456
+ }
2457
+
2458
+ .ids-select-wrapper::after, .ids-select ::after {
2459
+ content: "";
2460
+ width: 12px;
2461
+ height: 100%;
2462
+ display: block;
2463
+ position: absolute;
2464
+ transform: rotate(90deg);
2465
+ right: 25px;
2466
+ top: 0px;
2467
+ bottom: 0px;
2468
+ background-position: center;
2469
+ background-repeat: no-repeat;
2470
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2471
+ pointer-events: none;
2472
+ }
2473
+
2474
+ /*******
2475
+ * Accessibility
2476
+ ********/
2477
+ .ids-input {
2478
+ width: 100%;
2479
+ }
2480
+
2481
+ .ids-input.ids-input--search {
2482
+ margin-top: 0px !important;
2483
+ margin-bottom: 0px !important;
2484
+ height: 3.75rem;
2485
+ padding-left: 55px !important;
2486
+ font-size: 18px !important;
2487
+ }
2488
+
2489
+ .ids-input:disabled {
2490
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2491
+ border: none;
2492
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2493
+ }
2494
+
2495
+ .ids-input__hint {
2496
+ margin-top: 5px;
2497
+ font-family: var(--font-family_1);
2498
+ color: var(--IDS-FORM__LABEL__COLOR);
2499
+ display: flex;
2500
+ justify-content: end;
2501
+ line-height: 1.5rem;
2502
+ font-size: 1rem;
2503
+ font-style: italic;
2504
+ }
2505
+
2506
+ .ids-input-wrapper {
2507
+ position: relative;
2508
+ display: flex;
2509
+ gap: 10px;
2510
+ }
2511
+ .ids-input-wrapper .ids-input {
2512
+ width: 100%;
2513
+ min-height: 3rem;
2514
+ }
2515
+ .ids-input-wrapper .ids-input__icon {
2516
+ pointer-events: none;
2517
+ position: absolute;
2518
+ top: 50%;
2519
+ right: 25px;
2520
+ transform: translateY(-50%);
2521
+ }
2522
+ .ids-input-wrapper .ids-input__prepend-icon {
2523
+ pointer-events: none;
2524
+ position: absolute;
2525
+ top: 50%;
2526
+ left: 20px;
2527
+ transform: translateY(-50%);
2528
+ }
2529
+ .ids-input-wrapper .ids-input__prepend-icon + .ids-input {
2530
+ padding-left: 55px !important;
2531
+ }
2532
+
2533
+ .ids-input:focus {
2534
+ box-shadow: var(--IDS-INPUT_BOX-SHADOW);
2535
+ }
2536
+ .ids-input[type=search] {
2537
+ padding-left: 55px;
2538
+ }
2539
+ .ids-input.ids-input--light:not(:invalid) {
2540
+ background-color: white;
2541
+ }
2542
+ .ids-input.ids-input--light:required {
2543
+ background-color: white;
2544
+ }
2545
+ .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 {
2546
+ cursor: pointer;
2547
+ -webkit-appearance: none;
2548
+ height: 20px;
2549
+ width: 20px;
2550
+ background-image: var(--IDS-INPUT--SEARCH__CANCEL-ICON);
2551
+ }
2552
+ @media (max-width: 1024px) {
2553
+ .ids-input.ids-input--search {
2554
+ padding-left: 20px !important;
2555
+ font-size: 16px !important;
2556
+ margin-right: var(--input-search-mobile_margin-right);
2557
+ border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
2558
+ height: 3.125rem;
2559
+ }
2560
+ }
2561
+
2562
+ .ids-range {
2563
+ -webkit-appearance: none;
2564
+ width: 100%;
2565
+ height: 8px;
2566
+ background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
2567
+ background-image: linear-gradient(var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR), var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR));
2568
+ background-repeat: no-repeat;
2569
+ border: 1px;
2570
+ cursor: pointer;
2571
+ display: block;
2572
+ padding: 0px;
2573
+ border-radius: 16px;
2574
+ }
2575
+ .ids-range:disabled {
2576
+ cursor: default;
2577
+ -webkit-appearance: none;
2578
+ width: 100%;
2579
+ height: 8px;
2580
+ background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
2581
+ background-image: linear-gradient(var(--IDS-RANGE-SELECTION--DISABLED__COLOR), var(--IDS-RANGE-SELECTION--DISABLED__COLOR));
2582
+ background-repeat: no-repeat;
2583
+ border: 1px;
2584
+ padding: 0px;
2585
+ border-radius: 16px;
2586
+ }
2587
+ .ids-range::-ms-track {
2588
+ width: 100%;
2589
+ cursor: pointer;
2590
+ background: transparent;
2591
+ border-color: transparent;
2592
+ color: transparent;
2593
+ }
2594
+ .ids-range::-webkit-slider-thumb {
2595
+ -webkit-appearance: none;
2596
+ border: 2px solid white;
2597
+ height: 24px;
2598
+ width: 24px;
2599
+ border-radius: 100%;
2600
+ background: var(--IDS-RANGE-THUMB__BACKGROUND-COLOR);
2601
+ cursor: pointer;
2602
+ }
2603
+ .ids-range:disabled::-webkit-slider-thumb {
2604
+ cursor: default;
2605
+ background: var(--IDS-RANGE-SELECTION--DISABLED__COLOR);
2606
+ }
2607
+ .ids-range::-ms-thumb {
2608
+ border: 2px solid white;
2609
+ height: 22px;
2610
+ width: 24px;
2611
+ border-radius: 100%;
2612
+ cursor: pointer;
2613
+ }
2614
+ .ids-range:disabled::-ms-thumb {
2615
+ cursor: default;
2616
+ }
2617
+
2618
+ /* 1177 Typography - no margins */
2619
+ /*******
2620
+ * FORM
2621
+ ********/
2622
+ input.ids-time, .ids-textarea, .ids-select, .ids-input {
2623
+ font-family: var(--font-family_1) !important;
2624
+ padding: 0.75rem 1.25rem;
2625
+ background-color: var(--IDS-INPUT_BACKGROUND);
2626
+ border: var(--IDS-INPUT_BORDER);
2627
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2628
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2629
+ font-size: 16px;
2630
+ color: var(--IDS-INPUT_COLOR);
2631
+ display: block;
2632
+ }
2633
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2634
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2635
+ border: 1px solid transparent;
2636
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2637
+ }
2638
+
2639
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-select:disabled, .ids-input:disabled {
2640
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2641
+ border: 1px solid transparent;
2642
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2643
+ }
2644
+
2645
+ .ids-label-wrapper {
2646
+ display: inline-flex;
2647
+ gap: 10px;
2648
+ align-items: center;
2649
+ }
2650
+
2651
+ .ids-select-wrapper::after, .ids-select ::after {
2652
+ content: "";
2653
+ width: 12px;
2654
+ height: 100%;
2655
+ display: block;
2656
+ position: absolute;
2657
+ transform: rotate(90deg);
2658
+ right: 25px;
2659
+ top: 0px;
2660
+ bottom: 0px;
2661
+ background-position: center;
2662
+ background-repeat: no-repeat;
2663
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2664
+ pointer-events: none;
2665
+ }
2666
+
2667
+ /*******
2668
+ * Accessibility
2669
+ ********/
2670
+ .ids-select.ids-input--invalid {
2671
+ background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2672
+ background-image: var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);
2673
+ border: 1px solid transparent;
2674
+ }
2675
+
2676
+ .ids-select:disabled {
2677
+ color: var(--IDS-FORM--DISABLED__COLOR);
2678
+ background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
2679
+ border: var(--IDS-FORM-DISABLED_BORDER);
2680
+ font-style: italic !important;
2681
+ background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
2682
+ }
2683
+
2684
+ .ids-select {
2685
+ cursor: pointer;
2686
+ appearance: none !important;
2687
+ -webkit-appearance: none !important;
2688
+ -moz-appearance: none !important;
2689
+ display: inline-block !important;
2690
+ padding-right: 50px !important;
2691
+ overflow: hidden;
2692
+ text-overflow: ellipsis;
2693
+ border: var(--select_border);
2694
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2695
+ width: 100% !important;
2696
+ }
2697
+ .ids-select.ids-input--light {
2698
+ background-color: white;
2699
+ }
2700
+ .ids-select:focus {
2701
+ outline: var(--IDS-FOCUS_OUTLINE);
2702
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
2703
+ }
2704
+
2705
+ .ids-select-wrapper {
2706
+ position: relative;
2707
+ display: flex;
2708
+ }
2709
+ .ids-select-wrapper:has(.ids-input--invalid)::after {
2710
+ background-image: var(--IDS-SELECT--INVALID__CHEVRON-ICON);
2711
+ }
2712
+ .ids-select-wrapper:has(.ids-select:disabled)::after {
2713
+ background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
2714
+ }
2715
+
2716
+ .ids-select:disabled {
2717
+ cursor: default;
2718
+ }
2719
+
2720
+ /* 1177 Typography - no margins */
2721
+ /*******
2722
+ * FORM
2723
+ ********/
2724
+ input.ids-time, .ids-textarea, .ids-input, .ids-select {
2725
+ font-family: var(--font-family_1) !important;
2726
+ padding: 0.75rem 1.25rem;
2727
+ background-color: var(--IDS-INPUT_BACKGROUND);
2728
+ border: var(--IDS-INPUT_BORDER);
2729
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2730
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2731
+ font-size: 16px;
2732
+ color: var(--IDS-INPUT_COLOR);
2733
+ display: block;
2734
+ }
2735
+ input.ids-time.ids-input--invalid, .ids-textarea.ids-input--invalid, .ids-input.ids-input--invalid {
2736
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2737
+ border: 1px solid transparent;
2738
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2739
+ }
2740
+
2741
+ input.ids-time:disabled, .ids-textarea:disabled, .ids-input:disabled, .ids-select:disabled {
2742
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2743
+ border: 1px solid transparent;
2744
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2745
+ }
2746
+
2747
+ .ids-label-wrapper {
2748
+ display: inline-flex;
2749
+ gap: 10px;
2750
+ align-items: center;
2751
+ }
2752
+
2753
+ .ids-select ::after, .ids-select-wrapper::after {
2754
+ content: "";
2755
+ width: 12px;
2756
+ height: 100%;
2757
+ display: block;
2758
+ position: absolute;
2759
+ transform: rotate(90deg);
2760
+ right: 25px;
2761
+ top: 0px;
2762
+ bottom: 0px;
2763
+ background-position: center;
2764
+ background-repeat: no-repeat;
2765
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2766
+ pointer-events: none;
2767
+ }
2768
+
2769
+ /*******
2770
+ * Accessibility
2771
+ ********/
2772
+ .ids-textarea.ids-input--light {
2773
+ background-color: white;
2774
+ }
2775
+ .ids-textarea.ids-textarea--autosize {
2776
+ resize: none;
2777
+ display: block;
2778
+ overflow: hidden;
2779
+ }
2780
+ .ids-textarea:focus {
2781
+ box-shadow: var(--IDS-INPUT_BOX-SHADOW);
2782
+ }
2783
+ .ids-textarea::-webkit-scrollbar {
2784
+ width: 10px;
2785
+ }
2786
+ .ids-textarea::-webkit-scrollbar-track {
2787
+ background: 5px var(--IDS-SCROLL_BACKGROUND-COLOR);
2788
+ border-radius: 10px;
2789
+ margin: 10px;
2790
+ }
2791
+ .ids-textarea::-webkit-scrollbar-thumb {
2792
+ background: var(--IDS-SCROLL_COLOR);
2793
+ border-radius: 10px;
2794
+ }
2795
+
2796
+ /* 1177 Typography - no margins */
2797
+ /*******
2798
+ * FORM
2799
+ ********/
2800
+ input.ids-time, .ids-input, .ids-select, .ids-textarea {
2801
+ font-family: var(--font-family_1) !important;
2802
+ padding: 0.75rem 1.25rem;
2803
+ background-color: var(--IDS-INPUT_BACKGROUND);
2804
+ border: var(--IDS-INPUT_BORDER);
2805
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2806
+ border-radius: var(--IDS-INPUT_BORDER-RADIUS);
2807
+ font-size: 16px;
2808
+ color: var(--IDS-INPUT_COLOR);
2809
+ display: block;
2810
+ }
2811
+ input.ids-time.ids-input--invalid, .ids-input.ids-input--invalid, .ids-textarea.ids-input--invalid {
2812
+ background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2813
+ border: 1px solid transparent;
2814
+ background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
2815
+ }
2816
+
2817
+ input.ids-time:disabled, .ids-input:disabled, .ids-select:disabled, .ids-textarea:disabled {
2818
+ background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
2819
+ border: 1px solid transparent;
2820
+ background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
2821
+ }
2822
+
2823
+ .ids-label-wrapper {
2824
+ display: inline-flex;
2825
+ gap: 10px;
2826
+ align-items: center;
2827
+ }
2828
+
2829
+ .ids-select ::after, .ids-select-wrapper::after {
2830
+ content: "";
2831
+ width: 12px;
2832
+ height: 100%;
2833
+ display: block;
2834
+ position: absolute;
2835
+ transform: rotate(90deg);
2836
+ right: 25px;
2837
+ top: 0px;
2838
+ bottom: 0px;
2839
+ background-position: center;
2840
+ background-repeat: no-repeat;
2841
+ background-image: var(--IDS-SELECT__CHEVRON-ICON);
2842
+ pointer-events: none;
2843
+ }
2844
+
2845
+ /*******
2846
+ * Accessibility
2847
+ ********/
2848
+ .ids-time-input-wrapper {
2849
+ position: relative;
2850
+ display: flex;
2851
+ gap: 10px;
2852
+ }
2853
+ .ids-time-input-wrapper .ids-input {
2854
+ width: 100%;
2855
+ min-height: 3rem;
2856
+ }
2857
+ .ids-time-input-wrapper .ids-input__icon {
2858
+ pointer-events: none;
2859
+ position: absolute;
2860
+ top: 50%;
2861
+ right: 25px;
2862
+ transform: translateY(-50%);
2863
+ }
2864
+ .ids-time-input-wrapper ::slotted(input),
2865
+ .ids-time-input-wrapper input {
2866
+ cursor: pointer;
2867
+ }
2868
+ .ids-time-input-wrapper ::slotted(input:disabled),
2869
+ .ids-time-input-wrapper input:disabled {
2870
+ cursor: default;
2871
+ }
2872
+
2873
+ input.ids-time {
2874
+ cursor: pointer;
2875
+ appearance: none;
2876
+ -webkit-appearance: none;
2877
+ -moz-appearance: none;
2878
+ display: inline-block;
2879
+ box-sizing: border-box;
2880
+ border: var(--select_border);
2881
+ border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
2882
+ width: var(--time-width);
2883
+ height: var(--time-height);
2884
+ padding-left: var(--time-padding-left);
2885
+ padding-top: var(--time-padding-top);
2886
+ padding-bottom: var(--time-padding-bottom);
2887
+ }
2888
+ input.ids-time::-webkit-calendar-picker-indicator {
2889
+ opacity: 0;
2890
+ background-size: 20px;
2891
+ margin-top: -3px;
2892
+ position: absolute;
2893
+ right: var(--IDS-INPUT__CALENDAR-ICON__RIGHT);
2894
+ top: 25px;
2895
+ }
2896
+ input.ids-time.ids-input--light:not(:invalid) {
2897
+ background-color: white;
2898
+ }
2899
+
2900
+ input.ids-time:disabled {
2901
+ cursor: default;
2902
+ }
2903
+
2904
+ .ids-form-group__fieldset {
2905
+ border: none;
2906
+ margin: 0px;
2907
+ padding: 0px;
2908
+ display: flex;
2909
+ flex-direction: column;
2910
+ gap: 10px;
2911
+ }
2912
+ .ids-form-group__fieldset.ids-form-group__fieldset--compact {
2913
+ gap: 0px;
2914
+ }
2915
+ .ids-form-group__fieldset legend {
2916
+ padding: 0px;
2917
+ display: inline-flex;
2918
+ font-family: var(--font-family_1);
2919
+ color: var(--IDS-FORM__LABEL__COLOR);
2920
+ gap: 10px;
2921
+ margin-bottom: 10px;
2922
+ }
2923
+
2924
+ :root {
2925
+ --IDS_MAX-WIDTH: 1280px;
2926
+ --ids-font-family: Open sans;
2927
+ --ids-font-color: black;
2928
+ }
2929
+
2930
+ .ids input:focus,
2931
+ .ids select:focus,
2932
+ .ids textarea:focus,
2933
+ .ids ids-button:focus,
2934
+ .ids a:focus {
2935
+ outline: var(--focus_outline);
2936
+ outline-offset: var(--focus_outline-offset);
2937
+ }
2938
+
2939
+ input::placeholder,
2940
+ textarea::placeholder,
2941
+ select::placeholder {
2942
+ color: var(--IDS-FORM__PLACEHOLDER__COLOR);
2943
+ }
2944
+
2945
+ [tabindex="0"]:focus {
2946
+ outline: var(--focus_outline);
2947
+ outline-offset: var(--focus_outline-offset);
2948
+ outline-color: var(--focus-outline_color);
2949
+ }