@transferwise/neptune-css 14.8.1 → 14.9.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 (87) hide show
  1. package/dist/css/accordion.css +235 -1
  2. package/dist/css/alerts.css +761 -1
  3. package/dist/css/background.css +20 -1
  4. package/dist/css/badge.css +90 -1
  5. package/dist/css/border-radius.css +11 -1
  6. package/dist/css/breadcrumbs.css +20 -1
  7. package/dist/css/button-groups.css +412 -1
  8. package/dist/css/buttons.css +1382 -1
  9. package/dist/css/chevron.css +35 -1
  10. package/dist/css/circles.css +284 -1
  11. package/dist/css/close.css +47 -1
  12. package/dist/css/column-layout.css +164 -1
  13. package/dist/css/currency-flags.css +45 -1
  14. package/dist/css/decision.css +95 -1
  15. package/dist/css/dropdowns.css +413 -1
  16. package/dist/css/droppable.css +207 -1
  17. package/dist/css/flex.css +762 -1
  18. package/dist/css/footer.css +118 -1
  19. package/dist/css/grid.css +2369 -1
  20. package/dist/css/input-groups.css +2706 -1
  21. package/dist/css/link-callout.css +20 -1
  22. package/dist/css/list-group.css +267 -1
  23. package/dist/css/loaders.css +76 -1
  24. package/dist/css/media.css +74 -1
  25. package/dist/css/modals.css +185 -1
  26. package/dist/css/navbar-base.css +1214 -1
  27. package/dist/css/navbar.css +2331 -1
  28. package/dist/css/navs.css +296 -1
  29. package/dist/css/neptune-addons.css +1357 -1
  30. package/dist/css/neptune-core.css +1998 -2
  31. package/dist/css/neptune-social-media.css +144 -1
  32. package/dist/css/neptune.css +23576 -2
  33. package/dist/css/panels.css +528 -1
  34. package/dist/css/popovers.css +538 -1
  35. package/dist/css/process.css +483 -1
  36. package/dist/css/progress-bars.css +76 -1
  37. package/dist/css/ring.css +59 -1
  38. package/dist/css/select.css +99 -1
  39. package/dist/css/sequences.css +855 -1
  40. package/dist/css/table.css +446 -1
  41. package/dist/css/tick.css +32 -1
  42. package/dist/css/tooltip.css +142 -1
  43. package/dist/css/utilities.css +1275 -1
  44. package/dist/css/wells.css +74 -1
  45. package/package.json +3 -2
  46. package/scripts/analyze-css-selectors.js +39 -0
  47. package/src/less/{mixins → addons}/_center-block.less +2 -4
  48. package/src/less/addons/_spacing-utilities.less +3 -26
  49. package/src/less/border-radius.less +1 -3
  50. package/src/less/buttons.less +2 -6
  51. package/src/less/core/_scaffolding.less +7 -27
  52. package/src/less/core/_typography-utilities.less +17 -237
  53. package/src/less/flex.less +9 -18
  54. package/src/less/navbar.less +10 -2
  55. package/src/less/neptune-addons.less +4 -1
  56. package/src/less/utilities/align-items.less +107 -0
  57. package/src/less/utilities/align-self.less +107 -0
  58. package/src/less/utilities/border-radius.less +11 -0
  59. package/src/less/utilities/color.less +70 -0
  60. package/src/less/utilities/cursor.less +3 -0
  61. package/src/less/utilities/display.less +178 -0
  62. package/src/less/utilities/flex-direction.less +47 -0
  63. package/src/less/utilities/flex-grow.less +27 -0
  64. package/src/less/utilities/flex-wrap.less +47 -0
  65. package/src/less/utilities/float.less +77 -0
  66. package/src/less/utilities/font-weight.less +11 -0
  67. package/src/less/utilities/gap.less +3 -0
  68. package/src/less/utilities/justify-content.less +107 -0
  69. package/src/less/utilities/margin.less +192 -0
  70. package/src/less/utilities/max-width.less +3 -0
  71. package/src/less/utilities/order.less +87 -0
  72. package/src/less/utilities/outline-style.less +8 -0
  73. package/src/less/utilities/overflow-wrap.less +3 -0
  74. package/src/less/utilities/padding.less +179 -0
  75. package/src/less/utilities/position.less +3 -0
  76. package/src/less/utilities/rotate.less +12 -0
  77. package/src/less/utilities/screen-reader.less +24 -0
  78. package/src/less/utilities/text-align.less +87 -0
  79. package/src/less/utilities/text-decoration-line.less +8 -0
  80. package/src/less/utilities/text-overflow.less +7 -0
  81. package/src/less/utilities/text-transform.less +11 -0
  82. package/src/less/utilities/visibility.less +3 -0
  83. package/src/less/utilities/white-space.less +27 -0
  84. package/src/less/utilities.less +29 -141
  85. package/src/less/addons/_display-utilities.less +0 -159
  86. package/src/less/addons/_utilities.less +0 -147
  87. package/src/less/mixins/_flex.less +0 -105
@@ -1 +1,1357 @@
1
- .bg-default,.bg-neutral{background-color:#86a7bd1a!important;background-color:var(--color-background-neutral)!important;color:#5d7079;color:var(--color-content-secondary)}.bg-accent,.bg-info{background-color:#38c8ff1a!important;background-color:var(--color-background-accent)!important}.bg-primary{background-color:#37517e!important;color:#fff}.bg-positive,.bg-success{background-color:#36c7971a!important;background-color:var(--color-background-positive)!important}.bg-danger,.bg-negative{background-color:#ff87871a!important;background-color:var(--color-background-negative)!important}.bg-warning{background-color:#ffac001a!important;background-color:var(--color-background-warning)!important}.bg-elevated{background-color:#fff!important;background-color:var(--color-background-elevated)!important}.bg-screen{background-color:#fff!important;background-color:var(--color-background-screen)!important}.bg-overlay{background-color:#0000001a!important;background-color:var(--color-background-overlay)!important}.bg-accent .h1,.bg-accent .h2,.bg-accent .h3,.bg-accent .h4,.bg-accent .h5,.bg-accent .h6,.bg-accent .np-text-title-body,.bg-accent .np-text-title-group,.bg-accent .np-text-title-screen,.bg-accent .np-text-title-section,.bg-accent .np-text-title-subsection,.bg-accent .title-1,.bg-accent .title-2,.bg-accent .title-3,.bg-accent .title-4,.bg-accent .title-5,.bg-accent h1,.bg-accent h2,.bg-accent h3,.bg-accent h4,.bg-accent h5,.bg-accent h6,.bg-accent strong,.bg-info .h1,.bg-info .h2,.bg-info .h3,.bg-info .h4,.bg-info .h5,.bg-info .h6,.bg-info .np-text-title-body,.bg-info .np-text-title-group,.bg-info .np-text-title-screen,.bg-info .np-text-title-section,.bg-info .np-text-title-subsection,.bg-info .title-1,.bg-info .title-2,.bg-info .title-3,.bg-info .title-4,.bg-info .title-5,.bg-info h1,.bg-info h2,.bg-info h3,.bg-info h4,.bg-info h5,.bg-info h6,.bg-info strong,.bg-primary .h1,.bg-primary .h2,.bg-primary .h3,.bg-primary .h4,.bg-primary .h5,.bg-primary .h6,.bg-primary .np-text-title-body,.bg-primary .np-text-title-group,.bg-primary .np-text-title-screen,.bg-primary .np-text-title-section,.bg-primary .np-text-title-subsection,.bg-primary .title-1,.bg-primary .title-2,.bg-primary .title-3,.bg-primary .title-4,.bg-primary .title-5,.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6,.bg-primary strong{color:#fff}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xl,.visible-xl-block,.visible-xl-inline,.visible-xl-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:575px){.visible-xs,.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:576px) and (max-width:767px){.visible-sm,.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-md,.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-lg,.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-xl,.visible-xl-block{display:block!important}.visible-xl-inline{display:inline!important}.visible-xl-inline-block{display:inline-block!important}}@media (max-width:575px){.hidden-xs{display:none!important}}@media (min-width:576px) and (max-width:767px){.hidden-sm{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-md{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none!important}}@media (min-width:1200px){.hidden-xl{display:none!important}}.outline-none{outline:none}.m-a-0{margin-bottom:0!important;margin-top:0!important}[dir=rtl] .m-a-0{margin-left:0!important}[dir=rtl] .m-a-0,html:not([dir=rtl]) .m-a-0{margin-right:0!important}html:not([dir=rtl]) .m-a-0{margin-left:0!important}.p-a-0{padding-bottom:0!important;padding-top:0!important}[dir=rtl] .p-a-0{padding-left:0!important}[dir=rtl] .p-a-0,html:not([dir=rtl]) .p-a-0{padding-right:0!important}html:not([dir=rtl]) .p-a-0{padding-left:0!important}.m-t-0{margin-top:0!important}.m-b-0,.m-y-0{margin-bottom:0!important}.m-y-0{margin-top:0!important}.p-t-0{padding-top:0!important}.p-b-0,.p-y-0{padding-bottom:0!important}.p-y-0{padding-top:0!important}[dir=rtl] .m-l-0{margin-right:0!important}[dir=rtl] .m-r-0,html:not([dir=rtl]) .m-l-0{margin-left:0!important}[dir=rtl] .m-x-0,html:not([dir=rtl]) .m-r-0{margin-right:0!important}[dir=rtl] .m-x-0,html:not([dir=rtl]) .m-x-0{margin-left:0!important}html:not([dir=rtl]) .m-x-0{margin-right:0!important}[dir=rtl] .p-l-0{padding-right:0!important}[dir=rtl] .p-r-0,html:not([dir=rtl]) .p-l-0{padding-left:0!important}[dir=rtl] .p-x-0,html:not([dir=rtl]) .p-r-0{padding-right:0!important}[dir=rtl] .p-x-0,html:not([dir=rtl]) .p-x-0{padding-left:0!important}html:not([dir=rtl]) .p-x-0{padding-right:0!important}.m-a-1{margin-bottom:8px!important;margin-bottom:var(--size-8)!important;margin-top:8px!important;margin-top:var(--size-8)!important}[dir=rtl] .m-a-1{margin-left:8px!important;margin-left:var(--size-8)!important}[dir=rtl] .m-a-1,html:not([dir=rtl]) .m-a-1{margin-right:8px!important;margin-right:var(--size-8)!important}html:not([dir=rtl]) .m-a-1{margin-left:8px!important;margin-left:var(--size-8)!important}.p-a-1{padding-bottom:8px!important;padding-bottom:var(--size-8)!important;padding-top:8px!important;padding-top:var(--size-8)!important}[dir=rtl] .p-a-1{padding-left:8px!important;padding-left:var(--size-8)!important}[dir=rtl] .p-a-1,html:not([dir=rtl]) .p-a-1{padding-right:8px!important;padding-right:var(--size-8)!important}html:not([dir=rtl]) .p-a-1{padding-left:8px!important;padding-left:var(--size-8)!important}.m-t-1{margin-top:8px!important;margin-top:var(--size-8)!important}.m-b-1,.m-y-1{margin-bottom:8px!important;margin-bottom:var(--size-8)!important}.m-y-1{margin-top:8px!important;margin-top:var(--size-8)!important}.p-t-1{padding-top:8px!important;padding-top:var(--size-8)!important}.p-b-1,.p-y-1{padding-bottom:8px!important;padding-bottom:var(--size-8)!important}.p-y-1{padding-top:8px!important;padding-top:var(--size-8)!important}[dir=rtl] .m-l-1{margin-right:8px!important;margin-right:var(--size-8)!important}[dir=rtl] .m-r-1,html:not([dir=rtl]) .m-l-1{margin-left:8px!important;margin-left:var(--size-8)!important}[dir=rtl] .m-x-1,html:not([dir=rtl]) .m-r-1{margin-right:8px!important;margin-right:var(--size-8)!important}[dir=rtl] .m-x-1,html:not([dir=rtl]) .m-x-1{margin-left:8px!important;margin-left:var(--size-8)!important}html:not([dir=rtl]) .m-x-1{margin-right:8px!important;margin-right:var(--size-8)!important}[dir=rtl] .p-l-1{padding-right:8px!important;padding-right:var(--size-8)!important}[dir=rtl] .p-r-1,html:not([dir=rtl]) .p-l-1{padding-left:8px!important;padding-left:var(--size-8)!important}[dir=rtl] .p-x-1,html:not([dir=rtl]) .p-r-1{padding-right:8px!important;padding-right:var(--size-8)!important}[dir=rtl] .p-x-1,html:not([dir=rtl]) .p-x-1{padding-left:8px!important;padding-left:var(--size-8)!important}html:not([dir=rtl]) .p-x-1{padding-right:8px!important;padding-right:var(--size-8)!important}.m-a-2{margin-bottom:16px!important;margin-bottom:var(--size-16)!important;margin-top:16px!important;margin-top:var(--size-16)!important}[dir=rtl] .m-a-2{margin-left:16px!important;margin-left:var(--size-16)!important}[dir=rtl] .m-a-2,html:not([dir=rtl]) .m-a-2{margin-right:16px!important;margin-right:var(--size-16)!important}html:not([dir=rtl]) .m-a-2{margin-left:16px!important;margin-left:var(--size-16)!important}.p-a-2{padding-bottom:16px!important;padding-bottom:var(--size-16)!important;padding-top:16px!important;padding-top:var(--size-16)!important}[dir=rtl] .p-a-2{padding-left:16px!important;padding-left:var(--size-16)!important}[dir=rtl] .p-a-2,html:not([dir=rtl]) .p-a-2{padding-right:16px!important;padding-right:var(--size-16)!important}html:not([dir=rtl]) .p-a-2{padding-left:16px!important;padding-left:var(--size-16)!important}.m-t-2{margin-top:16px!important;margin-top:var(--size-16)!important}.m-b-2,.m-y-2{margin-bottom:16px!important;margin-bottom:var(--size-16)!important}.m-y-2{margin-top:16px!important;margin-top:var(--size-16)!important}.p-t-2{padding-top:16px!important;padding-top:var(--size-16)!important}.p-b-2,.p-y-2{padding-bottom:16px!important;padding-bottom:var(--size-16)!important}.p-y-2{padding-top:16px!important;padding-top:var(--size-16)!important}[dir=rtl] .m-l-2{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .m-r-2,html:not([dir=rtl]) .m-l-2{margin-left:16px!important;margin-left:var(--size-16)!important}[dir=rtl] .m-x-2,html:not([dir=rtl]) .m-r-2{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .m-x-2,html:not([dir=rtl]) .m-x-2{margin-left:16px!important;margin-left:var(--size-16)!important}html:not([dir=rtl]) .m-x-2{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .p-l-2{padding-right:16px!important;padding-right:var(--size-16)!important}[dir=rtl] .p-r-2,html:not([dir=rtl]) .p-l-2{padding-left:16px!important;padding-left:var(--size-16)!important}[dir=rtl] .p-x-2,html:not([dir=rtl]) .p-r-2{padding-right:16px!important;padding-right:var(--size-16)!important}[dir=rtl] .p-x-2,html:not([dir=rtl]) .p-x-2{padding-left:16px!important;padding-left:var(--size-16)!important}html:not([dir=rtl]) .p-x-2{padding-right:16px!important;padding-right:var(--size-16)!important}.m-a-3{margin-bottom:24px!important;margin-bottom:var(--size-24)!important;margin-top:24px!important;margin-top:var(--size-24)!important}[dir=rtl] .m-a-3{margin-left:24px!important;margin-left:var(--size-24)!important}[dir=rtl] .m-a-3,html:not([dir=rtl]) .m-a-3{margin-right:24px!important;margin-right:var(--size-24)!important}html:not([dir=rtl]) .m-a-3{margin-left:24px!important;margin-left:var(--size-24)!important}.p-a-3{padding-bottom:24px!important;padding-bottom:var(--size-24)!important;padding-top:24px!important;padding-top:var(--size-24)!important}[dir=rtl] .p-a-3{padding-left:24px!important;padding-left:var(--size-24)!important}[dir=rtl] .p-a-3,html:not([dir=rtl]) .p-a-3{padding-right:24px!important;padding-right:var(--size-24)!important}html:not([dir=rtl]) .p-a-3{padding-left:24px!important;padding-left:var(--size-24)!important}.m-t-3{margin-top:24px!important;margin-top:var(--size-24)!important}.m-b-3,.m-y-3{margin-bottom:24px!important;margin-bottom:var(--size-24)!important}.m-y-3{margin-top:24px!important;margin-top:var(--size-24)!important}.p-t-3{padding-top:24px!important;padding-top:var(--size-24)!important}.p-b-3,.p-y-3{padding-bottom:24px!important;padding-bottom:var(--size-24)!important}.p-y-3{padding-top:24px!important;padding-top:var(--size-24)!important}[dir=rtl] .m-l-3{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .m-r-3,html:not([dir=rtl]) .m-l-3{margin-left:24px!important;margin-left:var(--size-24)!important}[dir=rtl] .m-x-3,html:not([dir=rtl]) .m-r-3{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .m-x-3,html:not([dir=rtl]) .m-x-3{margin-left:24px!important;margin-left:var(--size-24)!important}html:not([dir=rtl]) .m-x-3{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .p-l-3{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .p-r-3,html:not([dir=rtl]) .p-l-3{padding-left:24px!important;padding-left:var(--size-24)!important}[dir=rtl] .p-x-3,html:not([dir=rtl]) .p-r-3{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .p-x-3,html:not([dir=rtl]) .p-x-3{padding-left:24px!important;padding-left:var(--size-24)!important}html:not([dir=rtl]) .p-x-3{padding-right:24px!important;padding-right:var(--size-24)!important}.m-a-4{margin-bottom:32px!important;margin-bottom:var(--size-32)!important;margin-top:32px!important;margin-top:var(--size-32)!important}[dir=rtl] .m-a-4{margin-left:32px!important;margin-left:var(--size-32)!important}[dir=rtl] .m-a-4,html:not([dir=rtl]) .m-a-4{margin-right:32px!important;margin-right:var(--size-32)!important}html:not([dir=rtl]) .m-a-4{margin-left:32px!important;margin-left:var(--size-32)!important}.p-a-4{padding-bottom:32px!important;padding-bottom:var(--size-32)!important;padding-top:32px!important;padding-top:var(--size-32)!important}[dir=rtl] .p-a-4{padding-left:32px!important;padding-left:var(--size-32)!important}[dir=rtl] .p-a-4,html:not([dir=rtl]) .p-a-4{padding-right:32px!important;padding-right:var(--size-32)!important}html:not([dir=rtl]) .p-a-4{padding-left:32px!important;padding-left:var(--size-32)!important}[dir=rtl] .m-l-4{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .m-r-4,html:not([dir=rtl]) .m-l-4{margin-left:32px!important;margin-left:var(--size-32)!important}[dir=rtl] .m-x-4,html:not([dir=rtl]) .m-r-4{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .m-x-4,html:not([dir=rtl]) .m-x-4{margin-left:32px!important;margin-left:var(--size-32)!important}html:not([dir=rtl]) .m-x-4{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .p-l-4{padding-right:32px!important;padding-right:var(--size-32)!important}[dir=rtl] .p-r-4,html:not([dir=rtl]) .p-l-4{padding-left:32px!important;padding-left:var(--size-32)!important}[dir=rtl] .p-x-4,html:not([dir=rtl]) .p-r-4{padding-right:32px!important;padding-right:var(--size-32)!important}[dir=rtl] .p-x-4,html:not([dir=rtl]) .p-x-4{padding-left:32px!important;padding-left:var(--size-32)!important}html:not([dir=rtl]) .p-x-4{padding-right:32px!important;padding-right:var(--size-32)!important}.m-a-5{margin-bottom:40px!important;margin-bottom:var(--size-40)!important;margin-top:40px!important;margin-top:var(--size-40)!important}[dir=rtl] .m-a-5{margin-left:40px!important;margin-left:var(--size-40)!important}[dir=rtl] .m-a-5,html:not([dir=rtl]) .m-a-5{margin-right:40px!important;margin-right:var(--size-40)!important}html:not([dir=rtl]) .m-a-5{margin-left:40px!important;margin-left:var(--size-40)!important}.p-a-5{padding-bottom:40px!important;padding-bottom:var(--size-40)!important;padding-top:40px!important;padding-top:var(--size-40)!important}[dir=rtl] .p-a-5{padding-left:40px!important;padding-left:var(--size-40)!important}[dir=rtl] .p-a-5,html:not([dir=rtl]) .p-a-5{padding-right:40px!important;padding-right:var(--size-40)!important}html:not([dir=rtl]) .p-a-5{padding-left:40px!important;padding-left:var(--size-40)!important}[dir=rtl] .m-l-5{margin-right:40px!important;margin-right:var(--size-40)!important}[dir=rtl] .m-r-5,html:not([dir=rtl]) .m-l-5{margin-left:40px!important;margin-left:var(--size-40)!important}[dir=rtl] .m-x-5,html:not([dir=rtl]) .m-r-5{margin-right:40px!important;margin-right:var(--size-40)!important}[dir=rtl] .m-x-5,html:not([dir=rtl]) .m-x-5{margin-left:40px!important;margin-left:var(--size-40)!important}html:not([dir=rtl]) .m-x-5{margin-right:40px!important;margin-right:var(--size-40)!important}[dir=rtl] .p-l-5{padding-right:40px!important;padding-right:var(--size-40)!important}[dir=rtl] .p-r-5,html:not([dir=rtl]) .p-l-5{padding-left:40px!important;padding-left:var(--size-40)!important}[dir=rtl] .p-x-5,html:not([dir=rtl]) .p-r-5{padding-right:40px!important;padding-right:var(--size-40)!important}[dir=rtl] .p-x-5,html:not([dir=rtl]) .p-x-5{padding-left:40px!important;padding-left:var(--size-40)!important}html:not([dir=rtl]) .p-x-5{padding-right:40px!important;padding-right:var(--size-40)!important}.m-t-4{margin-top:32px!important;margin-top:var(--size-32)!important}.m-b-4,.m-y-4{margin-bottom:32px!important;margin-bottom:var(--size-32)!important}.m-y-4{margin-top:32px!important;margin-top:var(--size-32)!important}.p-t-4{padding-top:32px!important;padding-top:var(--size-32)!important}.p-b-4,.p-y-4{padding-bottom:32px!important;padding-bottom:var(--size-32)!important}.p-y-4{padding-top:32px!important;padding-top:var(--size-32)!important}.m-t-5{margin-top:40px!important;margin-top:var(--size-40)!important}.m-b-5,.m-y-5{margin-bottom:40px!important;margin-bottom:var(--size-40)!important}.m-y-5{margin-top:40px!important;margin-top:var(--size-40)!important}.p-t-5{padding-top:40px!important;padding-top:var(--size-40)!important}.p-b-5,.p-y-5{padding-bottom:40px!important;padding-bottom:var(--size-40)!important}.p-y-5{padding-top:40px!important;padding-top:var(--size-40)!important}.gap-y-1{row-gap:8px;row-gap:var(--size-8)}.m-a-panel{margin-bottom:16px!important;margin-bottom:var(--size-16)!important;margin-top:16px!important;margin-top:var(--size-16)!important}[dir=rtl] .m-a-panel{margin-left:16px!important;margin-left:var(--size-16)!important}[dir=rtl] .m-a-panel,html:not([dir=rtl]) .m-a-panel{margin-right:16px!important;margin-right:var(--size-16)!important}html:not([dir=rtl]) .m-a-panel{margin-left:16px!important;margin-left:var(--size-16)!important}.p-a-panel{padding-bottom:16px!important;padding-bottom:var(--size-16)!important;padding-top:16px!important;padding-top:var(--size-16)!important}[dir=rtl] .p-a-panel{padding-left:16px!important;padding-left:var(--size-16)!important}[dir=rtl] .p-a-panel,html:not([dir=rtl]) .p-a-panel{padding-right:16px!important;padding-right:var(--size-16)!important}html:not([dir=rtl]) .p-a-panel{padding-left:16px!important;padding-left:var(--size-16)!important}@media (min-width:576px){.m-a-panel{margin-bottom:24px!important;margin-bottom:var(--size-24)!important;margin-top:24px!important;margin-top:var(--size-24)!important}[dir=rtl] .m-a-panel{margin-left:24px!important;margin-left:var(--size-24)!important}[dir=rtl] .m-a-panel,html:not([dir=rtl]) .m-a-panel{margin-right:24px!important;margin-right:var(--size-24)!important}html:not([dir=rtl]) .m-a-panel{margin-left:24px!important;margin-left:var(--size-24)!important}.p-a-panel{padding-bottom:24px!important;padding-bottom:var(--size-24)!important;padding-top:24px!important;padding-top:var(--size-24)!important}[dir=rtl] .p-a-panel{padding-left:24px!important;padding-left:var(--size-24)!important}[dir=rtl] .p-a-panel,html:not([dir=rtl]) .p-a-panel{padding-right:24px!important;padding-right:var(--size-24)!important}html:not([dir=rtl]) .p-a-panel{padding-left:24px!important;padding-left:var(--size-24)!important}}@media (min-width:992px){.m-a-panel{margin-bottom:32px!important;margin-bottom:var(--size-32)!important;margin-top:32px!important;margin-top:var(--size-32)!important}[dir=rtl] .m-a-panel{margin-left:32px!important;margin-left:var(--size-32)!important}[dir=rtl] .m-a-panel,html:not([dir=rtl]) .m-a-panel{margin-right:32px!important;margin-right:var(--size-32)!important}html:not([dir=rtl]) .m-a-panel{margin-left:32px!important;margin-left:var(--size-32)!important}.p-a-panel{padding-bottom:32px!important;padding-bottom:var(--size-32)!important;padding-top:32px!important;padding-top:var(--size-32)!important}[dir=rtl] .p-a-panel{padding-left:32px!important;padding-left:var(--size-32)!important}[dir=rtl] .p-a-panel,html:not([dir=rtl]) .p-a-panel{padding-right:32px!important;padding-right:var(--size-32)!important}html:not([dir=rtl]) .p-a-panel{padding-left:32px!important;padding-left:var(--size-32)!important}}.m-t-panel{margin-top:16px!important;margin-top:var(--size-16)!important}.m-b-panel,.m-y-panel{margin-bottom:16px!important;margin-bottom:var(--size-16)!important}.m-y-panel{margin-top:16px!important;margin-top:var(--size-16)!important}.p-t-panel{padding-top:16px!important;padding-top:var(--size-16)!important}.p-b-panel,.p-y-panel{padding-bottom:16px!important;padding-bottom:var(--size-16)!important}.p-y-panel{padding-top:16px!important;padding-top:var(--size-16)!important}@media (min-width:576px){.m-t-panel{margin-top:24px!important;margin-top:var(--size-24)!important}.m-b-panel,.m-y-panel{margin-bottom:24px!important;margin-bottom:var(--size-24)!important}.m-y-panel{margin-top:24px!important;margin-top:var(--size-24)!important}.p-t-panel{padding-top:24px!important;padding-top:var(--size-24)!important}.p-b-panel,.p-y-panel{padding-bottom:24px!important;padding-bottom:var(--size-24)!important}.p-y-panel{padding-top:24px!important;padding-top:var(--size-24)!important}}@media (min-width:992px){.m-t-panel{margin-top:32px!important;margin-top:var(--size-32)!important}.m-b-panel,.m-y-panel{margin-bottom:32px!important;margin-bottom:var(--size-32)!important}.m-y-panel{margin-top:32px!important;margin-top:var(--size-32)!important}.p-t-panel{padding-top:32px!important;padding-top:var(--size-32)!important}.p-b-panel,.p-y-panel{padding-bottom:32px!important;padding-bottom:var(--size-32)!important}.p-y-panel{padding-top:32px!important;padding-top:var(--size-32)!important}}[dir=rtl] .m-l-panel{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .m-r-panel,html:not([dir=rtl]) .m-l-panel{margin-left:16px!important;margin-left:var(--size-16)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-r-panel{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-x-panel{margin-left:16px!important;margin-left:var(--size-16)!important}html:not([dir=rtl]) .m-x-panel{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .p-l-panel{padding-right:16px!important;padding-right:var(--size-16)!important}[dir=rtl] .p-r-panel,html:not([dir=rtl]) .p-l-panel{padding-left:16px!important;padding-left:var(--size-16)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-r-panel{padding-right:16px!important;padding-right:var(--size-16)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-x-panel{padding-left:16px!important;padding-left:var(--size-16)!important}html:not([dir=rtl]) .p-x-panel{padding-right:16px!important;padding-right:var(--size-16)!important}@media (min-width:576px){[dir=rtl] .m-l-panel{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .m-r-panel,html:not([dir=rtl]) .m-l-panel{margin-left:24px!important;margin-left:var(--size-24)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-r-panel{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-x-panel{margin-left:24px!important;margin-left:var(--size-24)!important}html:not([dir=rtl]) .m-x-panel{margin-right:24px!important;margin-right:var(--size-24)!important}[dir=rtl] .p-l-panel{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .p-r-panel,html:not([dir=rtl]) .p-l-panel{padding-left:24px!important;padding-left:var(--size-24)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-r-panel{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-x-panel{padding-left:24px!important;padding-left:var(--size-24)!important}html:not([dir=rtl]) .p-x-panel{padding-right:24px!important;padding-right:var(--size-24)!important}}@media (min-width:992px){[dir=rtl] .m-l-panel{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .m-r-panel,html:not([dir=rtl]) .m-l-panel{margin-left:32px!important;margin-left:var(--size-32)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-r-panel{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .m-x-panel,html:not([dir=rtl]) .m-x-panel{margin-left:32px!important;margin-left:var(--size-32)!important}html:not([dir=rtl]) .m-x-panel{margin-right:32px!important;margin-right:var(--size-32)!important}[dir=rtl] .p-l-panel{padding-right:32px!important;padding-right:var(--size-32)!important}[dir=rtl] .p-r-panel,html:not([dir=rtl]) .p-l-panel{padding-left:32px!important;padding-left:var(--size-32)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-r-panel{padding-right:32px!important;padding-right:var(--size-32)!important}[dir=rtl] .p-x-panel,html:not([dir=rtl]) .p-x-panel{padding-left:32px!important;padding-left:var(--size-32)!important}html:not([dir=rtl]) .p-x-panel{padding-right:32px!important;padding-right:var(--size-32)!important}}.m-t-section-1{margin-top:16px!important;margin-top:var(--size-16)!important}.m-b-section-1,.m-y-section-1{margin-bottom:16px!important;margin-bottom:var(--size-16)!important}.m-y-section-1{margin-top:16px!important;margin-top:var(--size-16)!important}.p-t-section-1{padding-top:16px!important;padding-top:var(--size-16)!important}.p-b-section-1,.p-y-section-1{padding-bottom:16px!important;padding-bottom:var(--size-16)!important}.p-y-section-1{padding-top:16px!important;padding-top:var(--size-16)!important}@media (min-width:576px){.m-t-section-1{margin-top:24px!important;margin-top:var(--size-24)!important}.m-b-section-1,.m-y-section-1{margin-bottom:24px!important;margin-bottom:var(--size-24)!important}.m-y-section-1{margin-top:24px!important;margin-top:var(--size-24)!important}.p-t-section-1{padding-top:24px!important;padding-top:var(--size-24)!important}.p-b-section-1,.p-y-section-1{padding-bottom:24px!important;padding-bottom:var(--size-24)!important}.p-y-section-1{padding-top:24px!important;padding-top:var(--size-24)!important}}@media (min-width:992px){.m-t-section-1{margin-top:32px!important;margin-top:var(--size-32)!important}.m-b-section-1,.m-y-section-1{margin-bottom:32px!important;margin-bottom:var(--size-32)!important}.m-y-section-1{margin-top:32px!important;margin-top:var(--size-32)!important}.p-t-section-1{padding-top:32px!important;padding-top:var(--size-32)!important}.p-b-section-1,.p-y-section-1{padding-bottom:32px!important;padding-bottom:var(--size-32)!important}.p-y-section-1{padding-top:32px!important;padding-top:var(--size-32)!important}}.m-t-section-2{margin-top:32px!important;margin-top:var(--size-32)!important}.m-b-section-2,.m-y-section-2{margin-bottom:32px!important;margin-bottom:var(--size-32)!important}.m-y-section-2{margin-top:32px!important;margin-top:var(--size-32)!important}.p-t-section-2{padding-top:32px!important;padding-top:var(--size-32)!important}.p-b-section-2,.p-y-section-2{padding-bottom:32px!important;padding-bottom:var(--size-32)!important}.p-y-section-2{padding-top:32px!important;padding-top:var(--size-32)!important}@media (min-width:576px){.m-t-section-2{margin-top:48px!important;margin-top:var(--size-48)!important}.m-b-section-2,.m-y-section-2{margin-bottom:48px!important;margin-bottom:var(--size-48)!important}.m-y-section-2{margin-top:48px!important;margin-top:var(--size-48)!important}.p-t-section-2{padding-top:48px!important;padding-top:var(--size-48)!important}.p-b-section-2,.p-y-section-2{padding-bottom:48px!important;padding-bottom:var(--size-48)!important}.p-y-section-2{padding-top:48px!important;padding-top:var(--size-48)!important}}@media (min-width:992px){.m-t-section-2{margin-top:64px!important;margin-top:var(--size-64)!important}.m-b-section-2,.m-y-section-2{margin-bottom:64px!important;margin-bottom:var(--size-64)!important}.m-y-section-2{margin-top:64px!important;margin-top:var(--size-64)!important}.p-t-section-2{padding-top:64px!important;padding-top:var(--size-64)!important}.p-b-section-2,.p-y-section-2{padding-bottom:64px!important;padding-bottom:var(--size-64)!important}.p-y-section-2{padding-top:64px!important;padding-top:var(--size-64)!important}}.m-t-section-3{margin-top:48px!important;margin-top:var(--size-48)!important}.m-b-section-3,.m-y-section-3{margin-bottom:48px!important;margin-bottom:var(--size-48)!important}.m-y-section-3{margin-top:48px!important;margin-top:var(--size-48)!important}.p-t-section-3{padding-top:48px!important;padding-top:var(--size-48)!important}.p-b-section-3,.p-y-section-3{padding-bottom:48px!important;padding-bottom:var(--size-48)!important}.p-y-section-3{padding-top:48px!important;padding-top:var(--size-48)!important}@media (min-width:576px){.m-t-section-3{margin-top:72px!important;margin-top:var(--size-72)!important}.m-b-section-3,.m-y-section-3{margin-bottom:72px!important;margin-bottom:var(--size-72)!important}.m-y-section-3{margin-top:72px!important;margin-top:var(--size-72)!important}.p-t-section-3{padding-top:72px!important;padding-top:var(--size-72)!important}.p-b-section-3,.p-y-section-3{padding-bottom:72px!important;padding-bottom:var(--size-72)!important}.p-y-section-3{padding-top:72px!important;padding-top:var(--size-72)!important}}@media (min-width:992px){.m-t-section-3{margin-top:96px!important;margin-top:var(--size-96)!important}.m-b-section-3,.m-y-section-3{margin-bottom:96px!important;margin-bottom:var(--size-96)!important}.m-y-section-3{margin-top:96px!important;margin-top:var(--size-96)!important}.p-t-section-3{padding-top:96px!important;padding-top:var(--size-96)!important}.p-b-section-3,.p-y-section-3{padding-bottom:96px!important;padding-bottom:var(--size-96)!important}.p-y-section-3{padding-top:96px!important;padding-top:var(--size-96)!important}}.m-x-auto{margin-left:auto!important;margin-right:auto!important}[dir=rtl] .m-x-auto{margin-left:auto!important;margin-left:0!important;margin-right:0!important}.m-r-auto,[dir=rtl] .m-x-auto{margin-right:auto!important}[dir=rtl] .m-r-auto{margin-right:0!important}.m-l-auto,[dir=rtl] .m-r-auto{margin-left:auto!important}[dir=rtl] .m-l-auto{margin-left:0!important;margin-right:auto!important}.section{padding-bottom:48px;padding-bottom:var(--size-48);padding-top:48px;padding-top:var(--size-48)}@media (min-width:576px){.section{padding-bottom:72px;padding-bottom:var(--size-72);padding-top:72px;padding-top:var(--size-72)}}@media (min-width:992px){.section{padding-bottom:96px;padding-bottom:var(--size-96);padding-top:96px;padding-top:var(--size-96)}}.border-bottom{border-bottom:1px solid #86a7bd1a;border-bottom:1px solid var(--color-background-neutral)}
1
+ .bg-default,
2
+ .bg-neutral {
3
+ background-color: rgba(134,167,189,0.10196) !important;
4
+ background-color: var(--color-background-neutral) !important;
5
+ color: #5d7079;
6
+ color: var(--color-content-secondary);
7
+ }
8
+ .bg-accent,
9
+ .bg-info {
10
+ background-color: rgba(56,200,255,0.10196) !important;
11
+ background-color: var(--color-background-accent) !important;
12
+ }
13
+ .bg-primary {
14
+ background-color: #37517e !important;
15
+ color: #ffffff;
16
+ }
17
+ .bg-positive,
18
+ .bg-success {
19
+ background-color: rgba(54,199,151,0.10196) !important;
20
+ background-color: var(--color-background-positive) !important;
21
+ }
22
+ .bg-negative,
23
+ .bg-danger {
24
+ background-color: rgba(255,135,135,0.10196) !important;
25
+ background-color: var(--color-background-negative) !important;
26
+ }
27
+ .bg-warning {
28
+ background-color: rgba(255,172,0,0.10196) !important;
29
+ background-color: var(--color-background-warning) !important;
30
+ }
31
+ .bg-elevated {
32
+ background-color: #ffffff !important;
33
+ background-color: var(--color-background-elevated) !important;
34
+ }
35
+ .bg-screen {
36
+ background-color: #ffffff !important;
37
+ background-color: var(--color-background-screen) !important;
38
+ }
39
+ .bg-overlay {
40
+ background-color: rgba(0,0,0,0.10196) !important;
41
+ background-color: var(--color-background-overlay) !important;
42
+ }
43
+ .bg-primary h1,
44
+ .bg-info h1,
45
+ .bg-accent h1,
46
+ .bg-primary h2,
47
+ .bg-info h2,
48
+ .bg-accent h2,
49
+ .bg-primary h3,
50
+ .bg-info h3,
51
+ .bg-accent h3,
52
+ .bg-primary h4,
53
+ .bg-info h4,
54
+ .bg-accent h4,
55
+ .bg-primary h5,
56
+ .bg-info h5,
57
+ .bg-accent h5,
58
+ .bg-primary h6,
59
+ .bg-info h6,
60
+ .bg-accent h6,
61
+ .bg-primary .h1,
62
+ .bg-info .h1,
63
+ .bg-accent .h1,
64
+ .bg-primary .h2,
65
+ .bg-info .h2,
66
+ .bg-accent .h2,
67
+ .bg-primary .h3,
68
+ .bg-info .h3,
69
+ .bg-accent .h3,
70
+ .bg-primary .h4,
71
+ .bg-info .h4,
72
+ .bg-accent .h4,
73
+ .bg-primary .h5,
74
+ .bg-info .h5,
75
+ .bg-accent .h5,
76
+ .bg-primary .h6,
77
+ .bg-info .h6,
78
+ .bg-accent .h6,
79
+ .bg-primary .title-1,
80
+ .bg-info .title-1,
81
+ .bg-accent .title-1,
82
+ .bg-primary .title-2,
83
+ .bg-info .title-2,
84
+ .bg-accent .title-2,
85
+ .bg-primary .title-3,
86
+ .bg-info .title-3,
87
+ .bg-accent .title-3,
88
+ .bg-primary .title-4,
89
+ .bg-info .title-4,
90
+ .bg-accent .title-4,
91
+ .bg-primary .title-5,
92
+ .bg-info .title-5,
93
+ .bg-accent .title-5,
94
+ .bg-primary .np-text-title-screen,
95
+ .bg-info .np-text-title-screen,
96
+ .bg-accent .np-text-title-screen,
97
+ .bg-primary .np-text-title-section,
98
+ .bg-info .np-text-title-section,
99
+ .bg-accent .np-text-title-section,
100
+ .bg-primary .np-text-title-subsection,
101
+ .bg-info .np-text-title-subsection,
102
+ .bg-accent .np-text-title-subsection,
103
+ .bg-primary .np-text-title-body,
104
+ .bg-info .np-text-title-body,
105
+ .bg-accent .np-text-title-body,
106
+ .bg-primary .np-text-title-group,
107
+ .bg-info .np-text-title-group,
108
+ .bg-accent .np-text-title-group,
109
+ .bg-primary strong,
110
+ .bg-info strong,
111
+ .bg-accent strong {
112
+ color: #ffffff;
113
+ }
114
+ .gap-y-1 {
115
+ row-gap: 8px;
116
+ row-gap: var(--size-8);
117
+ }
118
+ .m-a-0 {
119
+ margin: 0px !important;
120
+ }
121
+ .m-a-1 {
122
+ margin: 8px !important;
123
+ margin: var(--size-8) !important;
124
+ }
125
+ .m-a-2 {
126
+ margin: 16px !important;
127
+ margin: var(--size-16) !important;
128
+ }
129
+ .m-a-3 {
130
+ margin: 24px !important;
131
+ margin: var(--size-24) !important;
132
+ }
133
+ .m-a-4 {
134
+ margin: 32px !important;
135
+ margin: var(--size-32) !important;
136
+ }
137
+ .m-a-5 {
138
+ margin: 40px !important;
139
+ margin: var(--size-40) !important;
140
+ }
141
+ .m-x-0 {
142
+ margin-left: 0px !important;
143
+ margin-right: 0px !important;
144
+ }
145
+ .m-x-1 {
146
+ margin-left: 8px !important;
147
+ margin-left: var(--size-8) !important;
148
+ margin-right: 8px !important;
149
+ margin-right: var(--size-8) !important;
150
+ }
151
+ .m-x-2 {
152
+ margin-left: 16px !important;
153
+ margin-left: var(--size-16) !important;
154
+ margin-right: 16px !important;
155
+ margin-right: var(--size-16) !important;
156
+ }
157
+ .m-x-3 {
158
+ margin-left: 24px !important;
159
+ margin-left: var(--size-24) !important;
160
+ margin-right: 24px !important;
161
+ margin-right: var(--size-24) !important;
162
+ }
163
+ .m-x-4 {
164
+ margin-left: 32px !important;
165
+ margin-left: var(--size-32) !important;
166
+ margin-right: 32px !important;
167
+ margin-right: var(--size-32) !important;
168
+ }
169
+ .m-x-5 {
170
+ margin-left: 40px !important;
171
+ margin-left: var(--size-40) !important;
172
+ margin-right: 40px !important;
173
+ margin-right: var(--size-40) !important;
174
+ }
175
+ .m-x-auto {
176
+ margin-left: auto !important;
177
+ margin-right: auto !important;
178
+ }
179
+ .m-y-0 {
180
+ margin-top: 0px !important;
181
+ margin-bottom: 0px !important;
182
+ }
183
+ .m-y-1 {
184
+ margin-top: 8px !important;
185
+ margin-top: var(--size-8) !important;
186
+ margin-bottom: 8px !important;
187
+ margin-bottom: var(--size-8) !important;
188
+ }
189
+ .m-y-2 {
190
+ margin-top: 16px !important;
191
+ margin-top: var(--size-16) !important;
192
+ margin-bottom: 16px !important;
193
+ margin-bottom: var(--size-16) !important;
194
+ }
195
+ .m-y-3 {
196
+ margin-top: 24px !important;
197
+ margin-top: var(--size-24) !important;
198
+ margin-bottom: 24px !important;
199
+ margin-bottom: var(--size-24) !important;
200
+ }
201
+ .m-y-4 {
202
+ margin-top: 32px !important;
203
+ margin-top: var(--size-32) !important;
204
+ margin-bottom: 32px !important;
205
+ margin-bottom: var(--size-32) !important;
206
+ }
207
+ .m-y-5 {
208
+ margin-top: 40px !important;
209
+ margin-top: var(--size-40) !important;
210
+ margin-bottom: 40px !important;
211
+ margin-bottom: var(--size-40) !important;
212
+ }
213
+ .m-l-0 {
214
+ margin-inline-start: 0px !important;
215
+ }
216
+ .m-l-1 {
217
+ margin-inline-start: 8px !important;
218
+ margin-inline-start: var(--size-8) !important;
219
+ }
220
+ .m-l-2 {
221
+ margin-inline-start: 16px !important;
222
+ margin-inline-start: var(--size-16) !important;
223
+ }
224
+ .m-l-3 {
225
+ margin-inline-start: 24px !important;
226
+ margin-inline-start: var(--size-24) !important;
227
+ }
228
+ .m-l-4 {
229
+ margin-inline-start: 32px !important;
230
+ margin-inline-start: var(--size-32) !important;
231
+ }
232
+ .m-l-5 {
233
+ margin-inline-start: 40px !important;
234
+ margin-inline-start: var(--size-40) !important;
235
+ }
236
+ .m-l-auto {
237
+ margin-inline-start: auto !important;
238
+ }
239
+ .m-r-0 {
240
+ margin-inline-end: 0px !important;
241
+ }
242
+ .m-r-1 {
243
+ margin-inline-end: 8px !important;
244
+ margin-inline-end: var(--size-8) !important;
245
+ }
246
+ .m-r-2 {
247
+ margin-inline-end: 16px !important;
248
+ margin-inline-end: var(--size-16) !important;
249
+ }
250
+ .m-r-3 {
251
+ margin-inline-end: 24px !important;
252
+ margin-inline-end: var(--size-24) !important;
253
+ }
254
+ .m-r-4 {
255
+ margin-inline-end: 32px !important;
256
+ margin-inline-end: var(--size-32) !important;
257
+ }
258
+ .m-r-5 {
259
+ margin-inline-end: 40px !important;
260
+ margin-inline-end: var(--size-40) !important;
261
+ }
262
+ .m-r-auto {
263
+ margin-inline-end: auto !important;
264
+ }
265
+ .m-t-0 {
266
+ margin-top: 0px !important;
267
+ }
268
+ .m-t-1 {
269
+ margin-top: 8px !important;
270
+ margin-top: var(--size-8) !important;
271
+ }
272
+ .m-t-2 {
273
+ margin-top: 16px !important;
274
+ margin-top: var(--size-16) !important;
275
+ }
276
+ .m-t-3 {
277
+ margin-top: 24px !important;
278
+ margin-top: var(--size-24) !important;
279
+ }
280
+ .m-t-4 {
281
+ margin-top: 32px !important;
282
+ margin-top: var(--size-32) !important;
283
+ }
284
+ .m-t-5 {
285
+ margin-top: 40px !important;
286
+ margin-top: var(--size-40) !important;
287
+ }
288
+ .m-b-0 {
289
+ margin-bottom: 0px !important;
290
+ }
291
+ .m-b-1 {
292
+ margin-bottom: 8px !important;
293
+ margin-bottom: var(--size-8) !important;
294
+ }
295
+ .m-b-2 {
296
+ margin-bottom: 16px !important;
297
+ margin-bottom: var(--size-16) !important;
298
+ }
299
+ .m-b-3 {
300
+ margin-bottom: 24px !important;
301
+ margin-bottom: var(--size-24) !important;
302
+ }
303
+ .m-b-4 {
304
+ margin-bottom: 32px !important;
305
+ margin-bottom: var(--size-32) !important;
306
+ }
307
+ .m-b-5 {
308
+ margin-bottom: 40px !important;
309
+ margin-bottom: var(--size-40) !important;
310
+ }
311
+ .p-a-0 {
312
+ padding: 0px !important;
313
+ }
314
+ .p-a-1 {
315
+ padding: 8px !important;
316
+ padding: var(--size-8) !important;
317
+ }
318
+ .p-a-2 {
319
+ padding: 16px !important;
320
+ padding: var(--size-16) !important;
321
+ }
322
+ .p-a-3 {
323
+ padding: 24px !important;
324
+ padding: var(--size-24) !important;
325
+ }
326
+ .p-a-4 {
327
+ padding: 32px !important;
328
+ padding: var(--size-32) !important;
329
+ }
330
+ .p-a-5 {
331
+ padding: 40px !important;
332
+ padding: var(--size-40) !important;
333
+ }
334
+ .p-x-0 {
335
+ padding-left: 0px !important;
336
+ padding-right: 0px !important;
337
+ }
338
+ .p-x-1 {
339
+ padding-left: 8px !important;
340
+ padding-left: var(--size-8) !important;
341
+ padding-right: 8px !important;
342
+ padding-right: var(--size-8) !important;
343
+ }
344
+ .p-x-2 {
345
+ padding-left: 16px !important;
346
+ padding-left: var(--size-16) !important;
347
+ padding-right: 16px !important;
348
+ padding-right: var(--size-16) !important;
349
+ }
350
+ .p-x-3 {
351
+ padding-left: 24px !important;
352
+ padding-left: var(--size-24) !important;
353
+ padding-right: 24px !important;
354
+ padding-right: var(--size-24) !important;
355
+ }
356
+ .p-x-4 {
357
+ padding-left: 32px !important;
358
+ padding-left: var(--size-32) !important;
359
+ padding-right: 32px !important;
360
+ padding-right: var(--size-32) !important;
361
+ }
362
+ .p-x-5 {
363
+ padding-left: 40px !important;
364
+ padding-left: var(--size-40) !important;
365
+ padding-right: 40px !important;
366
+ padding-right: var(--size-40) !important;
367
+ }
368
+ .p-y-0 {
369
+ padding-top: 0px !important;
370
+ padding-bottom: 0px !important;
371
+ }
372
+ .p-y-1 {
373
+ padding-top: 8px !important;
374
+ padding-top: var(--size-8) !important;
375
+ padding-bottom: 8px !important;
376
+ padding-bottom: var(--size-8) !important;
377
+ }
378
+ .p-y-2 {
379
+ padding-top: 16px !important;
380
+ padding-top: var(--size-16) !important;
381
+ padding-bottom: 16px !important;
382
+ padding-bottom: var(--size-16) !important;
383
+ }
384
+ .p-y-3 {
385
+ padding-top: 24px !important;
386
+ padding-top: var(--size-24) !important;
387
+ padding-bottom: 24px !important;
388
+ padding-bottom: var(--size-24) !important;
389
+ }
390
+ .p-y-4 {
391
+ padding-top: 32px !important;
392
+ padding-top: var(--size-32) !important;
393
+ padding-bottom: 32px !important;
394
+ padding-bottom: var(--size-32) !important;
395
+ }
396
+ .p-y-5 {
397
+ padding-top: 40px !important;
398
+ padding-top: var(--size-40) !important;
399
+ padding-bottom: 40px !important;
400
+ padding-bottom: var(--size-40) !important;
401
+ }
402
+ .p-l-0 {
403
+ padding-inline-start: 0px !important;
404
+ }
405
+ .p-l-1 {
406
+ padding-inline-start: 8px !important;
407
+ padding-inline-start: var(--size-8) !important;
408
+ }
409
+ .p-l-2 {
410
+ padding-inline-start: 16px !important;
411
+ padding-inline-start: var(--size-16) !important;
412
+ }
413
+ .p-l-3 {
414
+ padding-inline-start: 24px !important;
415
+ padding-inline-start: var(--size-24) !important;
416
+ }
417
+ .p-l-4 {
418
+ padding-inline-start: 32px !important;
419
+ padding-inline-start: var(--size-32) !important;
420
+ }
421
+ .p-l-5 {
422
+ padding-inline-start: 40px !important;
423
+ padding-inline-start: var(--size-40) !important;
424
+ }
425
+ .p-r-0 {
426
+ padding-inline-end: 0px !important;
427
+ }
428
+ .p-r-1 {
429
+ padding-inline-end: 8px !important;
430
+ padding-inline-end: var(--size-8) !important;
431
+ }
432
+ .p-r-2 {
433
+ padding-inline-end: 16px !important;
434
+ padding-inline-end: var(--size-16) !important;
435
+ }
436
+ .p-r-3 {
437
+ padding-inline-end: 24px !important;
438
+ padding-inline-end: var(--size-24) !important;
439
+ }
440
+ .p-r-4 {
441
+ padding-inline-end: 32px !important;
442
+ padding-inline-end: var(--size-32) !important;
443
+ }
444
+ .p-r-5 {
445
+ padding-inline-end: 40px !important;
446
+ padding-inline-end: var(--size-40) !important;
447
+ }
448
+ .p-t-0 {
449
+ padding-top: 0px !important;
450
+ }
451
+ .p-t-1 {
452
+ padding-top: 8px !important;
453
+ padding-top: var(--size-8) !important;
454
+ }
455
+ .p-t-2 {
456
+ padding-top: 16px !important;
457
+ padding-top: var(--size-16) !important;
458
+ }
459
+ .p-t-3 {
460
+ padding-top: 24px !important;
461
+ padding-top: var(--size-24) !important;
462
+ }
463
+ .p-t-4 {
464
+ padding-top: 32px !important;
465
+ padding-top: var(--size-32) !important;
466
+ }
467
+ .p-t-5 {
468
+ padding-top: 40px !important;
469
+ padding-top: var(--size-40) !important;
470
+ }
471
+ .p-b-0 {
472
+ padding-bottom: 0px !important;
473
+ }
474
+ .p-b-1 {
475
+ padding-bottom: 8px !important;
476
+ padding-bottom: var(--size-8) !important;
477
+ }
478
+ .p-b-2 {
479
+ padding-bottom: 16px !important;
480
+ padding-bottom: var(--size-16) !important;
481
+ }
482
+ .p-b-3 {
483
+ padding-bottom: 24px !important;
484
+ padding-bottom: var(--size-24) !important;
485
+ }
486
+ .p-b-4 {
487
+ padding-bottom: 32px !important;
488
+ padding-bottom: var(--size-32) !important;
489
+ }
490
+ .p-b-5 {
491
+ padding-bottom: 40px !important;
492
+ padding-bottom: var(--size-40) !important;
493
+ }
494
+ .m-a-panel {
495
+ margin-top: 16px !important;
496
+ margin-top: var(--size-16) !important;
497
+ margin-bottom: 16px !important;
498
+ margin-bottom: var(--size-16) !important;
499
+ }
500
+ [dir="rtl"] .m-a-panel {
501
+ margin-left: 16px !important;
502
+ margin-left: var(--size-16) !important;
503
+ }
504
+ html:not([dir="rtl"]) .m-a-panel {
505
+ margin-right: 16px !important;
506
+ margin-right: var(--size-16) !important;
507
+ }
508
+ [dir="rtl"] .m-a-panel {
509
+ margin-right: 16px !important;
510
+ margin-right: var(--size-16) !important;
511
+ }
512
+ html:not([dir="rtl"]) .m-a-panel {
513
+ margin-left: 16px !important;
514
+ margin-left: var(--size-16) !important;
515
+ }
516
+ .p-a-panel {
517
+ padding-top: 16px !important;
518
+ padding-top: var(--size-16) !important;
519
+ padding-bottom: 16px !important;
520
+ padding-bottom: var(--size-16) !important;
521
+ }
522
+ [dir="rtl"] .p-a-panel {
523
+ padding-left: 16px !important;
524
+ padding-left: var(--size-16) !important;
525
+ }
526
+ html:not([dir="rtl"]) .p-a-panel {
527
+ padding-right: 16px !important;
528
+ padding-right: var(--size-16) !important;
529
+ }
530
+ [dir="rtl"] .p-a-panel {
531
+ padding-right: 16px !important;
532
+ padding-right: var(--size-16) !important;
533
+ }
534
+ html:not([dir="rtl"]) .p-a-panel {
535
+ padding-left: 16px !important;
536
+ padding-left: var(--size-16) !important;
537
+ }
538
+ @media (min-width: 576px) {
539
+ .m-a-panel {
540
+ margin-top: 24px !important;
541
+ margin-top: var(--size-24) !important;
542
+ margin-bottom: 24px !important;
543
+ margin-bottom: var(--size-24) !important;
544
+ }
545
+ [dir="rtl"] .m-a-panel {
546
+ margin-left: 24px !important;
547
+ margin-left: var(--size-24) !important;
548
+ }
549
+ html:not([dir="rtl"]) .m-a-panel {
550
+ margin-right: 24px !important;
551
+ margin-right: var(--size-24) !important;
552
+ }
553
+ [dir="rtl"] .m-a-panel {
554
+ margin-right: 24px !important;
555
+ margin-right: var(--size-24) !important;
556
+ }
557
+ html:not([dir="rtl"]) .m-a-panel {
558
+ margin-left: 24px !important;
559
+ margin-left: var(--size-24) !important;
560
+ }
561
+ .p-a-panel {
562
+ padding-top: 24px !important;
563
+ padding-top: var(--size-24) !important;
564
+ padding-bottom: 24px !important;
565
+ padding-bottom: var(--size-24) !important;
566
+ }
567
+ [dir="rtl"] .p-a-panel {
568
+ padding-left: 24px !important;
569
+ padding-left: var(--size-24) !important;
570
+ }
571
+ html:not([dir="rtl"]) .p-a-panel {
572
+ padding-right: 24px !important;
573
+ padding-right: var(--size-24) !important;
574
+ }
575
+ [dir="rtl"] .p-a-panel {
576
+ padding-right: 24px !important;
577
+ padding-right: var(--size-24) !important;
578
+ }
579
+ html:not([dir="rtl"]) .p-a-panel {
580
+ padding-left: 24px !important;
581
+ padding-left: var(--size-24) !important;
582
+ }
583
+ }
584
+ @media (min-width: 992px) {
585
+ .m-a-panel {
586
+ margin-top: 32px !important;
587
+ margin-top: var(--size-32) !important;
588
+ margin-bottom: 32px !important;
589
+ margin-bottom: var(--size-32) !important;
590
+ }
591
+ [dir="rtl"] .m-a-panel {
592
+ margin-left: 32px !important;
593
+ margin-left: var(--size-32) !important;
594
+ }
595
+ html:not([dir="rtl"]) .m-a-panel {
596
+ margin-right: 32px !important;
597
+ margin-right: var(--size-32) !important;
598
+ }
599
+ [dir="rtl"] .m-a-panel {
600
+ margin-right: 32px !important;
601
+ margin-right: var(--size-32) !important;
602
+ }
603
+ html:not([dir="rtl"]) .m-a-panel {
604
+ margin-left: 32px !important;
605
+ margin-left: var(--size-32) !important;
606
+ }
607
+ .p-a-panel {
608
+ padding-top: 32px !important;
609
+ padding-top: var(--size-32) !important;
610
+ padding-bottom: 32px !important;
611
+ padding-bottom: var(--size-32) !important;
612
+ }
613
+ [dir="rtl"] .p-a-panel {
614
+ padding-left: 32px !important;
615
+ padding-left: var(--size-32) !important;
616
+ }
617
+ html:not([dir="rtl"]) .p-a-panel {
618
+ padding-right: 32px !important;
619
+ padding-right: var(--size-32) !important;
620
+ }
621
+ [dir="rtl"] .p-a-panel {
622
+ padding-right: 32px !important;
623
+ padding-right: var(--size-32) !important;
624
+ }
625
+ html:not([dir="rtl"]) .p-a-panel {
626
+ padding-left: 32px !important;
627
+ padding-left: var(--size-32) !important;
628
+ }
629
+ }
630
+ .m-t-panel {
631
+ margin-top: 16px !important;
632
+ margin-top: var(--size-16) !important;
633
+ }
634
+ .m-b-panel {
635
+ margin-bottom: 16px !important;
636
+ margin-bottom: var(--size-16) !important;
637
+ }
638
+ .m-y-panel {
639
+ margin-top: 16px !important;
640
+ margin-top: var(--size-16) !important;
641
+ margin-bottom: 16px !important;
642
+ margin-bottom: var(--size-16) !important;
643
+ }
644
+ .p-t-panel {
645
+ padding-top: 16px !important;
646
+ padding-top: var(--size-16) !important;
647
+ }
648
+ .p-b-panel {
649
+ padding-bottom: 16px !important;
650
+ padding-bottom: var(--size-16) !important;
651
+ }
652
+ .p-y-panel {
653
+ padding-top: 16px !important;
654
+ padding-top: var(--size-16) !important;
655
+ padding-bottom: 16px !important;
656
+ padding-bottom: var(--size-16) !important;
657
+ }
658
+ @media (min-width: 576px) {
659
+ .m-t-panel {
660
+ margin-top: 24px !important;
661
+ margin-top: var(--size-24) !important;
662
+ }
663
+ .m-b-panel {
664
+ margin-bottom: 24px !important;
665
+ margin-bottom: var(--size-24) !important;
666
+ }
667
+ .m-y-panel {
668
+ margin-top: 24px !important;
669
+ margin-top: var(--size-24) !important;
670
+ margin-bottom: 24px !important;
671
+ margin-bottom: var(--size-24) !important;
672
+ }
673
+ .p-t-panel {
674
+ padding-top: 24px !important;
675
+ padding-top: var(--size-24) !important;
676
+ }
677
+ .p-b-panel {
678
+ padding-bottom: 24px !important;
679
+ padding-bottom: var(--size-24) !important;
680
+ }
681
+ .p-y-panel {
682
+ padding-top: 24px !important;
683
+ padding-top: var(--size-24) !important;
684
+ padding-bottom: 24px !important;
685
+ padding-bottom: var(--size-24) !important;
686
+ }
687
+ }
688
+ @media (min-width: 992px) {
689
+ .m-t-panel {
690
+ margin-top: 32px !important;
691
+ margin-top: var(--size-32) !important;
692
+ }
693
+ .m-b-panel {
694
+ margin-bottom: 32px !important;
695
+ margin-bottom: var(--size-32) !important;
696
+ }
697
+ .m-y-panel {
698
+ margin-top: 32px !important;
699
+ margin-top: var(--size-32) !important;
700
+ margin-bottom: 32px !important;
701
+ margin-bottom: var(--size-32) !important;
702
+ }
703
+ .p-t-panel {
704
+ padding-top: 32px !important;
705
+ padding-top: var(--size-32) !important;
706
+ }
707
+ .p-b-panel {
708
+ padding-bottom: 32px !important;
709
+ padding-bottom: var(--size-32) !important;
710
+ }
711
+ .p-y-panel {
712
+ padding-top: 32px !important;
713
+ padding-top: var(--size-32) !important;
714
+ padding-bottom: 32px !important;
715
+ padding-bottom: var(--size-32) !important;
716
+ }
717
+ }
718
+ [dir="rtl"] .m-l-panel {
719
+ margin-right: 16px !important;
720
+ margin-right: var(--size-16) !important;
721
+ }
722
+ html:not([dir="rtl"]) .m-l-panel {
723
+ margin-left: 16px !important;
724
+ margin-left: var(--size-16) !important;
725
+ }
726
+ [dir="rtl"] .m-r-panel {
727
+ margin-left: 16px !important;
728
+ margin-left: var(--size-16) !important;
729
+ }
730
+ html:not([dir="rtl"]) .m-r-panel {
731
+ margin-right: 16px !important;
732
+ margin-right: var(--size-16) !important;
733
+ }
734
+ [dir="rtl"] .m-x-panel {
735
+ margin-right: 16px !important;
736
+ margin-right: var(--size-16) !important;
737
+ }
738
+ html:not([dir="rtl"]) .m-x-panel {
739
+ margin-left: 16px !important;
740
+ margin-left: var(--size-16) !important;
741
+ }
742
+ [dir="rtl"] .m-x-panel {
743
+ margin-left: 16px !important;
744
+ margin-left: var(--size-16) !important;
745
+ }
746
+ html:not([dir="rtl"]) .m-x-panel {
747
+ margin-right: 16px !important;
748
+ margin-right: var(--size-16) !important;
749
+ }
750
+ [dir="rtl"] .p-l-panel {
751
+ padding-right: 16px !important;
752
+ padding-right: var(--size-16) !important;
753
+ }
754
+ html:not([dir="rtl"]) .p-l-panel {
755
+ padding-left: 16px !important;
756
+ padding-left: var(--size-16) !important;
757
+ }
758
+ [dir="rtl"] .p-r-panel {
759
+ padding-left: 16px !important;
760
+ padding-left: var(--size-16) !important;
761
+ }
762
+ html:not([dir="rtl"]) .p-r-panel {
763
+ padding-right: 16px !important;
764
+ padding-right: var(--size-16) !important;
765
+ }
766
+ [dir="rtl"] .p-x-panel {
767
+ padding-right: 16px !important;
768
+ padding-right: var(--size-16) !important;
769
+ }
770
+ html:not([dir="rtl"]) .p-x-panel {
771
+ padding-left: 16px !important;
772
+ padding-left: var(--size-16) !important;
773
+ }
774
+ [dir="rtl"] .p-x-panel {
775
+ padding-left: 16px !important;
776
+ padding-left: var(--size-16) !important;
777
+ }
778
+ html:not([dir="rtl"]) .p-x-panel {
779
+ padding-right: 16px !important;
780
+ padding-right: var(--size-16) !important;
781
+ }
782
+ @media (min-width: 576px) {
783
+ [dir="rtl"] .m-l-panel {
784
+ margin-right: 24px !important;
785
+ margin-right: var(--size-24) !important;
786
+ }
787
+ html:not([dir="rtl"]) .m-l-panel {
788
+ margin-left: 24px !important;
789
+ margin-left: var(--size-24) !important;
790
+ }
791
+ [dir="rtl"] .m-r-panel {
792
+ margin-left: 24px !important;
793
+ margin-left: var(--size-24) !important;
794
+ }
795
+ html:not([dir="rtl"]) .m-r-panel {
796
+ margin-right: 24px !important;
797
+ margin-right: var(--size-24) !important;
798
+ }
799
+ [dir="rtl"] .m-x-panel {
800
+ margin-right: 24px !important;
801
+ margin-right: var(--size-24) !important;
802
+ }
803
+ html:not([dir="rtl"]) .m-x-panel {
804
+ margin-left: 24px !important;
805
+ margin-left: var(--size-24) !important;
806
+ }
807
+ [dir="rtl"] .m-x-panel {
808
+ margin-left: 24px !important;
809
+ margin-left: var(--size-24) !important;
810
+ }
811
+ html:not([dir="rtl"]) .m-x-panel {
812
+ margin-right: 24px !important;
813
+ margin-right: var(--size-24) !important;
814
+ }
815
+ [dir="rtl"] .p-l-panel {
816
+ padding-right: 24px !important;
817
+ padding-right: var(--size-24) !important;
818
+ }
819
+ html:not([dir="rtl"]) .p-l-panel {
820
+ padding-left: 24px !important;
821
+ padding-left: var(--size-24) !important;
822
+ }
823
+ [dir="rtl"] .p-r-panel {
824
+ padding-left: 24px !important;
825
+ padding-left: var(--size-24) !important;
826
+ }
827
+ html:not([dir="rtl"]) .p-r-panel {
828
+ padding-right: 24px !important;
829
+ padding-right: var(--size-24) !important;
830
+ }
831
+ [dir="rtl"] .p-x-panel {
832
+ padding-right: 24px !important;
833
+ padding-right: var(--size-24) !important;
834
+ }
835
+ html:not([dir="rtl"]) .p-x-panel {
836
+ padding-left: 24px !important;
837
+ padding-left: var(--size-24) !important;
838
+ }
839
+ [dir="rtl"] .p-x-panel {
840
+ padding-left: 24px !important;
841
+ padding-left: var(--size-24) !important;
842
+ }
843
+ html:not([dir="rtl"]) .p-x-panel {
844
+ padding-right: 24px !important;
845
+ padding-right: var(--size-24) !important;
846
+ }
847
+ }
848
+ @media (min-width: 992px) {
849
+ [dir="rtl"] .m-l-panel {
850
+ margin-right: 32px !important;
851
+ margin-right: var(--size-32) !important;
852
+ }
853
+ html:not([dir="rtl"]) .m-l-panel {
854
+ margin-left: 32px !important;
855
+ margin-left: var(--size-32) !important;
856
+ }
857
+ [dir="rtl"] .m-r-panel {
858
+ margin-left: 32px !important;
859
+ margin-left: var(--size-32) !important;
860
+ }
861
+ html:not([dir="rtl"]) .m-r-panel {
862
+ margin-right: 32px !important;
863
+ margin-right: var(--size-32) !important;
864
+ }
865
+ [dir="rtl"] .m-x-panel {
866
+ margin-right: 32px !important;
867
+ margin-right: var(--size-32) !important;
868
+ }
869
+ html:not([dir="rtl"]) .m-x-panel {
870
+ margin-left: 32px !important;
871
+ margin-left: var(--size-32) !important;
872
+ }
873
+ [dir="rtl"] .m-x-panel {
874
+ margin-left: 32px !important;
875
+ margin-left: var(--size-32) !important;
876
+ }
877
+ html:not([dir="rtl"]) .m-x-panel {
878
+ margin-right: 32px !important;
879
+ margin-right: var(--size-32) !important;
880
+ }
881
+ [dir="rtl"] .p-l-panel {
882
+ padding-right: 32px !important;
883
+ padding-right: var(--size-32) !important;
884
+ }
885
+ html:not([dir="rtl"]) .p-l-panel {
886
+ padding-left: 32px !important;
887
+ padding-left: var(--size-32) !important;
888
+ }
889
+ [dir="rtl"] .p-r-panel {
890
+ padding-left: 32px !important;
891
+ padding-left: var(--size-32) !important;
892
+ }
893
+ html:not([dir="rtl"]) .p-r-panel {
894
+ padding-right: 32px !important;
895
+ padding-right: var(--size-32) !important;
896
+ }
897
+ [dir="rtl"] .p-x-panel {
898
+ padding-right: 32px !important;
899
+ padding-right: var(--size-32) !important;
900
+ }
901
+ html:not([dir="rtl"]) .p-x-panel {
902
+ padding-left: 32px !important;
903
+ padding-left: var(--size-32) !important;
904
+ }
905
+ [dir="rtl"] .p-x-panel {
906
+ padding-left: 32px !important;
907
+ padding-left: var(--size-32) !important;
908
+ }
909
+ html:not([dir="rtl"]) .p-x-panel {
910
+ padding-right: 32px !important;
911
+ padding-right: var(--size-32) !important;
912
+ }
913
+ }
914
+ .m-t-section-1 {
915
+ margin-top: 16px !important;
916
+ margin-top: var(--size-16) !important;
917
+ }
918
+ .m-b-section-1 {
919
+ margin-bottom: 16px !important;
920
+ margin-bottom: var(--size-16) !important;
921
+ }
922
+ .m-y-section-1 {
923
+ margin-top: 16px !important;
924
+ margin-top: var(--size-16) !important;
925
+ margin-bottom: 16px !important;
926
+ margin-bottom: var(--size-16) !important;
927
+ }
928
+ .p-t-section-1 {
929
+ padding-top: 16px !important;
930
+ padding-top: var(--size-16) !important;
931
+ }
932
+ .p-b-section-1 {
933
+ padding-bottom: 16px !important;
934
+ padding-bottom: var(--size-16) !important;
935
+ }
936
+ .p-y-section-1 {
937
+ padding-top: 16px !important;
938
+ padding-top: var(--size-16) !important;
939
+ padding-bottom: 16px !important;
940
+ padding-bottom: var(--size-16) !important;
941
+ }
942
+ @media (min-width: 576px) {
943
+ .m-t-section-1 {
944
+ margin-top: 24px !important;
945
+ margin-top: var(--size-24) !important;
946
+ }
947
+ .m-b-section-1 {
948
+ margin-bottom: 24px !important;
949
+ margin-bottom: var(--size-24) !important;
950
+ }
951
+ .m-y-section-1 {
952
+ margin-top: 24px !important;
953
+ margin-top: var(--size-24) !important;
954
+ margin-bottom: 24px !important;
955
+ margin-bottom: var(--size-24) !important;
956
+ }
957
+ .p-t-section-1 {
958
+ padding-top: 24px !important;
959
+ padding-top: var(--size-24) !important;
960
+ }
961
+ .p-b-section-1 {
962
+ padding-bottom: 24px !important;
963
+ padding-bottom: var(--size-24) !important;
964
+ }
965
+ .p-y-section-1 {
966
+ padding-top: 24px !important;
967
+ padding-top: var(--size-24) !important;
968
+ padding-bottom: 24px !important;
969
+ padding-bottom: var(--size-24) !important;
970
+ }
971
+ }
972
+ @media (min-width: 992px) {
973
+ .m-t-section-1 {
974
+ margin-top: 32px !important;
975
+ margin-top: var(--size-32) !important;
976
+ }
977
+ .m-b-section-1 {
978
+ margin-bottom: 32px !important;
979
+ margin-bottom: var(--size-32) !important;
980
+ }
981
+ .m-y-section-1 {
982
+ margin-top: 32px !important;
983
+ margin-top: var(--size-32) !important;
984
+ margin-bottom: 32px !important;
985
+ margin-bottom: var(--size-32) !important;
986
+ }
987
+ .p-t-section-1 {
988
+ padding-top: 32px !important;
989
+ padding-top: var(--size-32) !important;
990
+ }
991
+ .p-b-section-1 {
992
+ padding-bottom: 32px !important;
993
+ padding-bottom: var(--size-32) !important;
994
+ }
995
+ .p-y-section-1 {
996
+ padding-top: 32px !important;
997
+ padding-top: var(--size-32) !important;
998
+ padding-bottom: 32px !important;
999
+ padding-bottom: var(--size-32) !important;
1000
+ }
1001
+ }
1002
+ .m-t-section-2 {
1003
+ margin-top: 32px !important;
1004
+ margin-top: var(--size-32) !important;
1005
+ }
1006
+ .m-b-section-2 {
1007
+ margin-bottom: 32px !important;
1008
+ margin-bottom: var(--size-32) !important;
1009
+ }
1010
+ .m-y-section-2 {
1011
+ margin-top: 32px !important;
1012
+ margin-top: var(--size-32) !important;
1013
+ margin-bottom: 32px !important;
1014
+ margin-bottom: var(--size-32) !important;
1015
+ }
1016
+ .p-t-section-2 {
1017
+ padding-top: 32px !important;
1018
+ padding-top: var(--size-32) !important;
1019
+ }
1020
+ .p-b-section-2 {
1021
+ padding-bottom: 32px !important;
1022
+ padding-bottom: var(--size-32) !important;
1023
+ }
1024
+ .p-y-section-2 {
1025
+ padding-top: 32px !important;
1026
+ padding-top: var(--size-32) !important;
1027
+ padding-bottom: 32px !important;
1028
+ padding-bottom: var(--size-32) !important;
1029
+ }
1030
+ @media (min-width: 576px) {
1031
+ .m-t-section-2 {
1032
+ margin-top: 48px !important;
1033
+ margin-top: var(--size-48) !important;
1034
+ }
1035
+ .m-b-section-2 {
1036
+ margin-bottom: 48px !important;
1037
+ margin-bottom: var(--size-48) !important;
1038
+ }
1039
+ .m-y-section-2 {
1040
+ margin-top: 48px !important;
1041
+ margin-top: var(--size-48) !important;
1042
+ margin-bottom: 48px !important;
1043
+ margin-bottom: var(--size-48) !important;
1044
+ }
1045
+ .p-t-section-2 {
1046
+ padding-top: 48px !important;
1047
+ padding-top: var(--size-48) !important;
1048
+ }
1049
+ .p-b-section-2 {
1050
+ padding-bottom: 48px !important;
1051
+ padding-bottom: var(--size-48) !important;
1052
+ }
1053
+ .p-y-section-2 {
1054
+ padding-top: 48px !important;
1055
+ padding-top: var(--size-48) !important;
1056
+ padding-bottom: 48px !important;
1057
+ padding-bottom: var(--size-48) !important;
1058
+ }
1059
+ }
1060
+ @media (min-width: 992px) {
1061
+ .m-t-section-2 {
1062
+ margin-top: 64px !important;
1063
+ margin-top: var(--size-64) !important;
1064
+ }
1065
+ .m-b-section-2 {
1066
+ margin-bottom: 64px !important;
1067
+ margin-bottom: var(--size-64) !important;
1068
+ }
1069
+ .m-y-section-2 {
1070
+ margin-top: 64px !important;
1071
+ margin-top: var(--size-64) !important;
1072
+ margin-bottom: 64px !important;
1073
+ margin-bottom: var(--size-64) !important;
1074
+ }
1075
+ .p-t-section-2 {
1076
+ padding-top: 64px !important;
1077
+ padding-top: var(--size-64) !important;
1078
+ }
1079
+ .p-b-section-2 {
1080
+ padding-bottom: 64px !important;
1081
+ padding-bottom: var(--size-64) !important;
1082
+ }
1083
+ .p-y-section-2 {
1084
+ padding-top: 64px !important;
1085
+ padding-top: var(--size-64) !important;
1086
+ padding-bottom: 64px !important;
1087
+ padding-bottom: var(--size-64) !important;
1088
+ }
1089
+ }
1090
+ .m-t-section-3 {
1091
+ margin-top: 48px !important;
1092
+ margin-top: var(--size-48) !important;
1093
+ }
1094
+ .m-b-section-3 {
1095
+ margin-bottom: 48px !important;
1096
+ margin-bottom: var(--size-48) !important;
1097
+ }
1098
+ .m-y-section-3 {
1099
+ margin-top: 48px !important;
1100
+ margin-top: var(--size-48) !important;
1101
+ margin-bottom: 48px !important;
1102
+ margin-bottom: var(--size-48) !important;
1103
+ }
1104
+ .p-t-section-3 {
1105
+ padding-top: 48px !important;
1106
+ padding-top: var(--size-48) !important;
1107
+ }
1108
+ .p-b-section-3 {
1109
+ padding-bottom: 48px !important;
1110
+ padding-bottom: var(--size-48) !important;
1111
+ }
1112
+ .p-y-section-3 {
1113
+ padding-top: 48px !important;
1114
+ padding-top: var(--size-48) !important;
1115
+ padding-bottom: 48px !important;
1116
+ padding-bottom: var(--size-48) !important;
1117
+ }
1118
+ @media (min-width: 576px) {
1119
+ .m-t-section-3 {
1120
+ margin-top: 72px !important;
1121
+ margin-top: var(--size-72) !important;
1122
+ }
1123
+ .m-b-section-3 {
1124
+ margin-bottom: 72px !important;
1125
+ margin-bottom: var(--size-72) !important;
1126
+ }
1127
+ .m-y-section-3 {
1128
+ margin-top: 72px !important;
1129
+ margin-top: var(--size-72) !important;
1130
+ margin-bottom: 72px !important;
1131
+ margin-bottom: var(--size-72) !important;
1132
+ }
1133
+ .p-t-section-3 {
1134
+ padding-top: 72px !important;
1135
+ padding-top: var(--size-72) !important;
1136
+ }
1137
+ .p-b-section-3 {
1138
+ padding-bottom: 72px !important;
1139
+ padding-bottom: var(--size-72) !important;
1140
+ }
1141
+ .p-y-section-3 {
1142
+ padding-top: 72px !important;
1143
+ padding-top: var(--size-72) !important;
1144
+ padding-bottom: 72px !important;
1145
+ padding-bottom: var(--size-72) !important;
1146
+ }
1147
+ }
1148
+ @media (min-width: 992px) {
1149
+ .m-t-section-3 {
1150
+ margin-top: 96px !important;
1151
+ margin-top: var(--size-96) !important;
1152
+ }
1153
+ .m-b-section-3 {
1154
+ margin-bottom: 96px !important;
1155
+ margin-bottom: var(--size-96) !important;
1156
+ }
1157
+ .m-y-section-3 {
1158
+ margin-top: 96px !important;
1159
+ margin-top: var(--size-96) !important;
1160
+ margin-bottom: 96px !important;
1161
+ margin-bottom: var(--size-96) !important;
1162
+ }
1163
+ .p-t-section-3 {
1164
+ padding-top: 96px !important;
1165
+ padding-top: var(--size-96) !important;
1166
+ }
1167
+ .p-b-section-3 {
1168
+ padding-bottom: 96px !important;
1169
+ padding-bottom: var(--size-96) !important;
1170
+ }
1171
+ .p-y-section-3 {
1172
+ padding-top: 96px !important;
1173
+ padding-top: var(--size-96) !important;
1174
+ padding-bottom: 96px !important;
1175
+ padding-bottom: var(--size-96) !important;
1176
+ }
1177
+ }
1178
+ .section {
1179
+ padding-top: 48px;
1180
+ padding-top: var(--size-48);
1181
+ padding-bottom: 48px;
1182
+ padding-bottom: var(--size-48);
1183
+ }
1184
+ @media (min-width: 576px) {
1185
+ .section {
1186
+ padding-top: 72px;
1187
+ padding-top: var(--size-72);
1188
+ padding-bottom: 72px;
1189
+ padding-bottom: var(--size-72);
1190
+ }
1191
+ }
1192
+ @media (min-width: 992px) {
1193
+ .section {
1194
+ padding-top: 96px;
1195
+ padding-top: var(--size-96);
1196
+ padding-bottom: 96px;
1197
+ padding-bottom: var(--size-96);
1198
+ }
1199
+ }
1200
+ .border-bottom {
1201
+ border-bottom: 1px solid rgba(134,167,189,0.10196);
1202
+ border-bottom: 1px solid var(--color-background-neutral);
1203
+ }
1204
+ /* TODO: Remove utility imports to prevent duplicates */
1205
+ .d-block,
1206
+ .show {
1207
+ display: block !important;
1208
+ }
1209
+ .d-inline-block {
1210
+ display: inline-block !important;
1211
+ }
1212
+ .d-inline {
1213
+ display: inline;
1214
+ }
1215
+ .d-flex {
1216
+ display: flex;
1217
+ }
1218
+ .d-inline-flex {
1219
+ display: inline-flex;
1220
+ }
1221
+ .hidden,
1222
+ .hide,
1223
+ .visible-xs,
1224
+ .visible-xs-block,
1225
+ .visible-xs-inline-block,
1226
+ .visible-xs-inline,
1227
+ .visible-sm,
1228
+ .visible-sm-block,
1229
+ .visible-sm-inline-block,
1230
+ .visible-sm-inline,
1231
+ .visible-md,
1232
+ .visible-md-block,
1233
+ .visible-md-inline-block,
1234
+ .visible-md-inline,
1235
+ .visible-lg,
1236
+ .visible-lg-block,
1237
+ .visible-lg-inline-block,
1238
+ .visible-lg-inline,
1239
+ .visible-xl,
1240
+ .visible-xl-block,
1241
+ .visible-xl-inline-block,
1242
+ .visible-xl-inline {
1243
+ display: none !important;
1244
+ }
1245
+ @media not all and (min-width: 576px) {
1246
+ .hidden-xs {
1247
+ display: none !important;
1248
+ }
1249
+ .visible-xs,
1250
+ .visible-xs-block {
1251
+ display: block !important;
1252
+ }
1253
+ .visible-xs-inline-block {
1254
+ display: inline-block !important;
1255
+ }
1256
+ .visible-xs-inline {
1257
+ display: inline !important;
1258
+ }
1259
+ }
1260
+ @media (min-width: 576px) {
1261
+ .d-flex--sm {
1262
+ display: flex;
1263
+ }
1264
+ .d-inline-flex--sm {
1265
+ display: inline-flex;
1266
+ }
1267
+ }
1268
+ @media (min-width: 576px) and not all and (min-width: 768px) {
1269
+ .hidden-sm {
1270
+ display: none !important;
1271
+ }
1272
+ .visible-sm,
1273
+ .visible-sm-block {
1274
+ display: block !important;
1275
+ }
1276
+ .visible-sm-inline-block {
1277
+ display: inline-block !important;
1278
+ }
1279
+ .visible-sm-inline {
1280
+ display: inline !important;
1281
+ }
1282
+ }
1283
+ @media (min-width: 768px) {
1284
+ .d-flex--md {
1285
+ display: flex;
1286
+ }
1287
+ .d-inline-flex--md {
1288
+ display: inline-flex;
1289
+ }
1290
+ }
1291
+ @media (min-width: 768px) and not all and (min-width: 992px) {
1292
+ .hidden-md {
1293
+ display: none !important;
1294
+ }
1295
+ .visible-md,
1296
+ .visible-md-block {
1297
+ display: block !important;
1298
+ }
1299
+ .visible-md-inline-block {
1300
+ display: inline-block !important;
1301
+ }
1302
+ .visible-md-inline {
1303
+ display: inline !important;
1304
+ }
1305
+ }
1306
+ @media (min-width: 992px) {
1307
+ .d-flex--lg {
1308
+ display: flex;
1309
+ }
1310
+ .d-inline-flex--lg {
1311
+ display: inline-flex;
1312
+ }
1313
+ }
1314
+ @media (min-width: 992px) and not all and (min-width: 1200px) {
1315
+ .hidden-lg {
1316
+ display: none !important;
1317
+ }
1318
+ .visible-lg,
1319
+ .visible-lg-block {
1320
+ display: block !important;
1321
+ }
1322
+ .visible-lg-inline-block {
1323
+ display: inline-block !important;
1324
+ }
1325
+ .visible-lg-inline {
1326
+ display: inline !important;
1327
+ }
1328
+ }
1329
+ @media (min-width: 1200px) {
1330
+ .d-flex--xl {
1331
+ display: flex;
1332
+ }
1333
+ .d-inline-flex--xl {
1334
+ display: inline-flex;
1335
+ }
1336
+ .hidden-xl {
1337
+ display: none !important;
1338
+ }
1339
+ .visible-xl,
1340
+ .visible-xl-block {
1341
+ display: block !important;
1342
+ }
1343
+ .visible-xl-inline-block {
1344
+ display: inline-block !important;
1345
+ }
1346
+ .visible-xl-inline {
1347
+ display: inline !important;
1348
+ }
1349
+ }
1350
+ .outline-none {
1351
+ outline: none;
1352
+ /*
1353
+ TODO: Support Windows High Contrast mode
1354
+ outline: 2px solid transparent;
1355
+ outline-offset: 2px;
1356
+ */
1357
+ }