@adyen/bento-vue2 1.60.0 → 1.60.1

package/dist/styles/utility.css

@@ -0,0 +1,987 @@
+.b-color-background-primary {
+    background-color: #ffffff;
+}
+.b-color-background-primary-hover {
+    background-color: #f4f5f6;
+}
+.b-color-background-primary-active {
+    background-color: #ecedef;
+}
+.b-color-background-secondary {
+    background-color: #f4f5f6;
+}
+.b-color-background-secondary-hover {
+    background-color: #ecedef;
+}
+.b-color-background-secondary-active {
+    background-color: #e2e5e7;
+}
+.b-color-background-tertiary {
+    background-color: #ecedef;
+}
+.b-color-background-tertiary-hover {
+    background-color: #e2e5e7;
+}
+.b-color-background-tertiary-active {
+    background-color: #dadddf;
+}
+.b-color-background-quaternary {
+    background-color: #c0c5ca;
+}
+.b-color-background-quaternary-hover {
+    background-color: #b7bdc2;
+}
+.b-color-background-quaternary-active {
+    background-color: #aeb5ba;
+}
+.b-color-background-modal {
+    background-color: #ffffff;
+}
+.b-color-background-modal-hover {
+    background-color: #f4f5f6;
+}
+.b-color-background-modal-active {
+    background-color: #ecedef;
+}
+.b-color-background-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-selected {
+    background-color: #e3effb;
+}
+.b-color-background-critical-weak {
+    background-color: #fff3ef;
+}
+.b-color-background-critical-strong {
+    background-color: #dc3801;
+}
+.b-color-background-critical-strong-hover {
+    background-color: #c13101;
+}
+.b-color-background-critical-strong-active {
+    background-color: #751e00;
+}
+.b-color-background-warning-weak {
+    background-color: #fff4e5;
+}
+.b-color-background-warning-strong {
+    background-color: #d77f00;
+}
+.b-color-background-success-weak {
+    background-color: #e4faef;
+}
+.b-color-background-success-strong {
+    background-color: #008845;
+}
+.b-color-background-highlight-weak {
+    background-color: #f0f6fd;
+}
+.b-color-background-highlight-strong {
+    background-color: #0f75dc;
+}
+.b-color-background-inverse-primary {
+    background-color: #001222;
+}
+.b-color-background-inverse-primary-hover {
+    background-color: #5c6874;
+}
+.b-color-background-inverse-primary-active {
+    background-color: #6c7782;
+}
+.b-color-background-inverse-secondary {
+    background-color: #1a2b3b;
+}
+.b-color-background-inverse-secondary-hover {
+    background-color: #273746;
+}
+.b-color-background-inverse-secondary-active {
+    background-color: #364553;
+}
+.b-color-background-inverse-disabled {
+    background-color: #273746;
+}
+.b-color-background-inverse-critical-weak {
+    background-color: #5c1800;
+}
+.b-color-background-inverse-critical-strong {
+    background-color: #ff9a78;
+}
+.b-color-background-inverse-critical-strong-hover {
+    background-color: #ffbda6;
+}
+.b-color-background-inverse-critical-strong-active {
+    background-color: #ffded3;
+}
+.b-color-background-always-light {
+    background-color: #ffffff;
+}
+.b-color-background-always-light-hover {
+    background-color: #f4f5f6;
+}
+.b-color-background-always-light-active {
+    background-color: #ecedef;
+}
+.b-color-background-always-light-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-always-light-selected {
+    background-color: #e3effb;
+}
+.b-color-background-always-dark {
+    background-color: #001222;
+}
+.b-color-background-always-dark-hover {
+    background-color: #5c6874;
+}
+.b-color-background-always-dark-active {
+    background-color: #8c959d;
+}
+.b-color-background-always-dark-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-always-dark-selected {
+    background-color: #00305f;
+}
+.b-color-background-always-dark-primary {
+    background-color: #001222;
+}
+.b-color-background-always-dark-primary-hover {
+    background-color: #132434;
+}
+.b-color-background-always-dark-primary-active {
+    background-color: #213140;
+}
+.b-color-background-always-dark-primary-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-always-dark-primary-selected {
+    background-color: #00305f;
+}
+.b-color-background-always-dark-secondary {
+    background-color: #213140;
+}
+.b-color-background-always-dark-secondary-hover {
+    background-color: #364553;
+}
+.b-color-background-always-dark-secondary-active {
+    background-color: #455460;
+}
+.b-color-background-always-dark-secondary-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-always-dark-secondary-selected {
+    background-color: #00305f;
+}
+.b-color-background-always-dark-tertiary {
+    background-color: #2f3e4d;
+}
+.b-color-background-always-dark-tertiary-hover {
+    background-color: #3d4c5a;
+}
+.b-color-background-always-dark-tertiary-active {
+    background-color: #455460;
+}
+.b-color-background-always-dark-tertiary-disabled {
+    background-color: #ecedef;
+}
+.b-color-background-always-dark-tertiary-selected {
+    background-color: #00305f;
+}
+.b-color-label-primary {
+    color: #001222;
+}
+.b-color-label-primary-hover {
+    color: #5c6874;
+}
+.b-color-label-primary-active {
+    color: #6c7782;
+}
+.b-color-label-secondary {
+    color: #5c6874;
+}
+.b-color-label-tertiary {
+    color: #8c959d;
+}
+.b-color-label-disabled {
+    color: #8c959d;
+}
+.b-color-label-critical {
+    color: #dc3801;
+}
+.b-color-label-critical-hover {
+    color: #c13101;
+}
+.b-color-label-critical-active {
+    color: #751e00;
+}
+.b-color-label-warning {
+    color: #ab6600;
+}
+.b-color-label-highlight {
+    color: #0f75dc;
+}
+.b-color-label-success {
+    color: #008845;
+}
+.b-color-label-on-color {
+    color: #ffffff;
+}
+.b-color-label-inverse-primary {
+    color: #ffffff;
+}
+.b-color-label-inverse-primary-hover {
+    color: #f4f5f6;
+}
+.b-color-label-inverse-primary-active {
+    color: #ecedef;
+}
+.b-color-label-inverse-secondary {
+    color: #9da5ac;
+}
+.b-color-label-inverse-disabled {
+    color: #737e88;
+}
+.b-color-label-inverse-critical {
+    color: #ff9a78;
+}
+.b-color-label-inverse-critical-hover {
+    color: #ffbda6;
+}
+.b-color-label-inverse-critical-active {
+    color: #ffded3;
+}
+.b-color-label-on-background-critical-weak {
+    color: #c13101;
+}
+.b-color-label-on-background-warning-weak {
+    color: #955900;
+}
+.b-color-label-on-background-success-weak {
+    color: #00773c;
+}
+.b-color-label-on-background-highlight-weak {
+    color: #0065c9;
+}
+.b-color-label-always-light {
+    color: #ffffff;
+}
+.b-color-label-always-light-primary {
+    color: #ecedef;
+}
+.b-color-label-always-light-primary-hover {
+    color: #c8ccd0;
+}
+.b-color-label-always-light-primary-active {
+    color: #959da5;
+}
+.b-color-label-always-light-secondary {
+    color: #a6adb3;
+}
+.b-color-label-always-light-secondary-hover {
+    color: #959da5;
+}
+.b-color-label-always-light-secondary-active {
+    color: #737e88;
+}
+.b-color-label-always-light-tertiary {
+    color: #848d96;
+}
+.b-color-label-always-light-tertiary-hover {
+    color: #737e88;
+}
+.b-color-label-always-light-tertiary-active {
+    color: #54616d;
+}
+.b-color-label-always-dark {
+    color: #001222;
+}
+.b-padding-100 {
+    padding: 32px !important;
+}
+.b-padding-bottom-100 {
+    padding-bottom: 32px !important;
+}
+.b-padding-left-100 {
+    padding-left: 32px !important;
+}
+.b-padding-right-100 {
+    padding-right: 32px !important;
+}
+.b-padding-top-100 {
+    padding-top: 32px !important;
+}
+.b-padding-x-100 {
+    padding-left: 32px !important;
+    padding-right: 32px !important;
+}
+.b-padding-y-100 {
+    padding-bottom: 32px !important;
+    padding-top: 32px !important;
+}
+.b-margin-100 {
+    margin: 32px !important;
+}
+.b-margin-bottom-100 {
+    margin-bottom: 32px !important;
+}
+.b-margin-left-100 {
+    margin-left: 32px !important;
+}
+.b-margin-right-100 {
+    margin-right: 32px !important;
+}
+.b-margin-top-100 {
+    margin-top: 32px !important;
+}
+.b-margin-x-100 {
+    margin-left: 32px !important;
+    margin-right: 32px !important;
+}
+.b-margin-y-100 {
+    margin-bottom: 32px !important;
+    margin-top: 32px !important;
+}
+.b-padding-110 {
+    padding: 40px !important;
+}
+.b-padding-bottom-110 {
+    padding-bottom: 40px !important;
+}
+.b-padding-left-110 {
+    padding-left: 40px !important;
+}
+.b-padding-right-110 {
+    padding-right: 40px !important;
+}
+.b-padding-top-110 {
+    padding-top: 40px !important;
+}
+.b-padding-x-110 {
+    padding-left: 40px !important;
+    padding-right: 40px !important;
+}
+.b-padding-y-110 {
+    padding-bottom: 40px !important;
+    padding-top: 40px !important;
+}
+.b-margin-110 {
+    margin: 40px !important;
+}
+.b-margin-bottom-110 {
+    margin-bottom: 40px !important;
+}
+.b-margin-left-110 {
+    margin-left: 40px !important;
+}
+.b-margin-right-110 {
+    margin-right: 40px !important;
+}
+.b-margin-top-110 {
+    margin-top: 40px !important;
+}
+.b-margin-x-110 {
+    margin-left: 40px !important;
+    margin-right: 40px !important;
+}
+.b-margin-y-110 {
+    margin-bottom: 40px !important;
+    margin-top: 40px !important;
+}
+.b-padding-120 {
+    padding: 48px !important;
+}
+.b-padding-bottom-120 {
+    padding-bottom: 48px !important;
+}
+.b-padding-left-120 {
+    padding-left: 48px !important;
+}
+.b-padding-right-120 {
+    padding-right: 48px !important;
+}
+.b-padding-top-120 {
+    padding-top: 48px !important;
+}
+.b-padding-x-120 {
+    padding-left: 48px !important;
+    padding-right: 48px !important;
+}
+.b-padding-y-120 {
+    padding-bottom: 48px !important;
+    padding-top: 48px !important;
+}
+.b-margin-120 {
+    margin: 48px !important;
+}
+.b-margin-bottom-120 {
+    margin-bottom: 48px !important;
+}
+.b-margin-left-120 {
+    margin-left: 48px !important;
+}
+.b-margin-right-120 {
+    margin-right: 48px !important;
+}
+.b-margin-top-120 {
+    margin-top: 48px !important;
+}
+.b-margin-x-120 {
+    margin-left: 48px !important;
+    margin-right: 48px !important;
+}
+.b-margin-y-120 {
+    margin-bottom: 48px !important;
+    margin-top: 48px !important;
+}
+.b-padding-130 {
+    padding: 56px !important;
+}
+.b-padding-bottom-130 {
+    padding-bottom: 56px !important;
+}
+.b-padding-left-130 {
+    padding-left: 56px !important;
+}
+.b-padding-right-130 {
+    padding-right: 56px !important;
+}
+.b-padding-top-130 {
+    padding-top: 56px !important;
+}
+.b-padding-x-130 {
+    padding-left: 56px !important;
+    padding-right: 56px !important;
+}
+.b-padding-y-130 {
+    padding-bottom: 56px !important;
+    padding-top: 56px !important;
+}
+.b-margin-130 {
+    margin: 56px !important;
+}
+.b-margin-bottom-130 {
+    margin-bottom: 56px !important;
+}
+.b-margin-left-130 {
+    margin-left: 56px !important;
+}
+.b-margin-right-130 {
+    margin-right: 56px !important;
+}
+.b-margin-top-130 {
+    margin-top: 56px !important;
+}
+.b-margin-x-130 {
+    margin-left: 56px !important;
+    margin-right: 56px !important;
+}
+.b-margin-y-130 {
+    margin-bottom: 56px !important;
+    margin-top: 56px !important;
+}
+.b-padding-140 {
+    padding: 64px !important;
+}
+.b-padding-bottom-140 {
+    padding-bottom: 64px !important;
+}
+.b-padding-left-140 {
+    padding-left: 64px !important;
+}
+.b-padding-right-140 {
+    padding-right: 64px !important;
+}
+.b-padding-top-140 {
+    padding-top: 64px !important;
+}
+.b-padding-x-140 {
+    padding-left: 64px !important;
+    padding-right: 64px !important;
+}
+.b-padding-y-140 {
+    padding-bottom: 64px !important;
+    padding-top: 64px !important;
+}
+.b-margin-140 {
+    margin: 64px !important;
+}
+.b-margin-bottom-140 {
+    margin-bottom: 64px !important;
+}
+.b-margin-left-140 {
+    margin-left: 64px !important;
+}
+.b-margin-right-140 {
+    margin-right: 64px !important;
+}
+.b-margin-top-140 {
+    margin-top: 64px !important;
+}
+.b-margin-x-140 {
+    margin-left: 64px !important;
+    margin-right: 64px !important;
+}
+.b-margin-y-140 {
+    margin-bottom: 64px !important;
+    margin-top: 64px !important;
+}
+.b-padding-000 {
+    padding: 0px !important;
+}
+.b-padding-bottom-000 {
+    padding-bottom: 0px !important;
+}
+.b-padding-left-000 {
+    padding-left: 0px !important;
+}
+.b-padding-right-000 {
+    padding-right: 0px !important;
+}
+.b-padding-top-000 {
+    padding-top: 0px !important;
+}
+.b-padding-x-000 {
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+}
+.b-padding-y-000 {
+    padding-bottom: 0px !important;
+    padding-top: 0px !important;
+}
+.b-margin-000 {
+    margin: 0px !important;
+}
+.b-margin-bottom-000 {
+    margin-bottom: 0px !important;
+}
+.b-margin-left-000 {
+    margin-left: 0px !important;
+}
+.b-margin-right-000 {
+    margin-right: 0px !important;
+}
+.b-margin-top-000 {
+    margin-top: 0px !important;
+}
+.b-margin-x-000 {
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+}
+.b-margin-y-000 {
+    margin-bottom: 0px !important;
+    margin-top: 0px !important;
+}
+.b-padding-010 {
+    padding: 2px !important;
+}
+.b-padding-bottom-010 {
+    padding-bottom: 2px !important;
+}
+.b-padding-left-010 {
+    padding-left: 2px !important;
+}
+.b-padding-right-010 {
+    padding-right: 2px !important;
+}
+.b-padding-top-010 {
+    padding-top: 2px !important;
+}
+.b-padding-x-010 {
+    padding-left: 2px !important;
+    padding-right: 2px !important;
+}
+.b-padding-y-010 {
+    padding-bottom: 2px !important;
+    padding-top: 2px !important;
+}
+.b-margin-010 {
+    margin: 2px !important;
+}
+.b-margin-bottom-010 {
+    margin-bottom: 2px !important;
+}
+.b-margin-left-010 {
+    margin-left: 2px !important;
+}
+.b-margin-right-010 {
+    margin-right: 2px !important;
+}
+.b-margin-top-010 {
+    margin-top: 2px !important;
+}
+.b-margin-x-010 {
+    margin-left: 2px !important;
+    margin-right: 2px !important;
+}
+.b-margin-y-010 {
+    margin-bottom: 2px !important;
+    margin-top: 2px !important;
+}
+.b-padding-020 {
+    padding: 4px !important;
+}
+.b-padding-bottom-020 {
+    padding-bottom: 4px !important;
+}
+.b-padding-left-020 {
+    padding-left: 4px !important;
+}
+.b-padding-right-020 {
+    padding-right: 4px !important;
+}
+.b-padding-top-020 {
+    padding-top: 4px !important;
+}
+.b-padding-x-020 {
+    padding-left: 4px !important;
+    padding-right: 4px !important;
+}
+.b-padding-y-020 {
+    padding-bottom: 4px !important;
+    padding-top: 4px !important;
+}
+.b-margin-020 {
+    margin: 4px !important;
+}
+.b-margin-bottom-020 {
+    margin-bottom: 4px !important;
+}
+.b-margin-left-020 {
+    margin-left: 4px !important;
+}
+.b-margin-right-020 {
+    margin-right: 4px !important;
+}
+.b-margin-top-020 {
+    margin-top: 4px !important;
+}
+.b-margin-x-020 {
+    margin-left: 4px !important;
+    margin-right: 4px !important;
+}
+.b-margin-y-020 {
+    margin-bottom: 4px !important;
+    margin-top: 4px !important;
+}
+.b-padding-030 {
+    padding: 6px !important;
+}
+.b-padding-bottom-030 {
+    padding-bottom: 6px !important;
+}
+.b-padding-left-030 {
+    padding-left: 6px !important;
+}
+.b-padding-right-030 {
+    padding-right: 6px !important;
+}
+.b-padding-top-030 {
+    padding-top: 6px !important;
+}
+.b-padding-x-030 {
+    padding-left: 6px !important;
+    padding-right: 6px !important;
+}
+.b-padding-y-030 {
+    padding-bottom: 6px !important;
+    padding-top: 6px !important;
+}
+.b-margin-030 {
+    margin: 6px !important;
+}
+.b-margin-bottom-030 {
+    margin-bottom: 6px !important;
+}
+.b-margin-left-030 {
+    margin-left: 6px !important;
+}
+.b-margin-right-030 {
+    margin-right: 6px !important;
+}
+.b-margin-top-030 {
+    margin-top: 6px !important;
+}
+.b-margin-x-030 {
+    margin-left: 6px !important;
+    margin-right: 6px !important;
+}
+.b-margin-y-030 {
+    margin-bottom: 6px !important;
+    margin-top: 6px !important;
+}
+.b-padding-040 {
+    padding: 8px !important;
+}
+.b-padding-bottom-040 {
+    padding-bottom: 8px !important;
+}
+.b-padding-left-040 {
+    padding-left: 8px !important;
+}
+.b-padding-right-040 {
+    padding-right: 8px !important;
+}
+.b-padding-top-040 {
+    padding-top: 8px !important;
+}
+.b-padding-x-040 {
+    padding-left: 8px !important;
+    padding-right: 8px !important;
+}
+.b-padding-y-040 {
+    padding-bottom: 8px !important;
+    padding-top: 8px !important;
+}
+.b-margin-040 {
+    margin: 8px !important;
+}
+.b-margin-bottom-040 {
+    margin-bottom: 8px !important;
+}
+.b-margin-left-040 {
+    margin-left: 8px !important;
+}
+.b-margin-right-040 {
+    margin-right: 8px !important;
+}
+.b-margin-top-040 {
+    margin-top: 8px !important;
+}
+.b-margin-x-040 {
+    margin-left: 8px !important;
+    margin-right: 8px !important;
+}
+.b-margin-y-040 {
+    margin-bottom: 8px !important;
+    margin-top: 8px !important;
+}
+.b-padding-050 {
+    padding: 10px !important;
+}
+.b-padding-bottom-050 {
+    padding-bottom: 10px !important;
+}
+.b-padding-left-050 {
+    padding-left: 10px !important;
+}
+.b-padding-right-050 {
+    padding-right: 10px !important;
+}
+.b-padding-top-050 {
+    padding-top: 10px !important;
+}
+.b-padding-x-050 {
+    padding-left: 10px !important;
+    padding-right: 10px !important;
+}
+.b-padding-y-050 {
+    padding-bottom: 10px !important;
+    padding-top: 10px !important;
+}
+.b-margin-050 {
+    margin: 10px !important;
+}
+.b-margin-bottom-050 {
+    margin-bottom: 10px !important;
+}
+.b-margin-left-050 {
+    margin-left: 10px !important;
+}
+.b-margin-right-050 {
+    margin-right: 10px !important;
+}
+.b-margin-top-050 {
+    margin-top: 10px !important;
+}
+.b-margin-x-050 {
+    margin-left: 10px !important;
+    margin-right: 10px !important;
+}
+.b-margin-y-050 {
+    margin-bottom: 10px !important;
+    margin-top: 10px !important;
+}
+.b-padding-060 {
+    padding: 12px !important;
+}
+.b-padding-bottom-060 {
+    padding-bottom: 12px !important;
+}
+.b-padding-left-060 {
+    padding-left: 12px !important;
+}
+.b-padding-right-060 {
+    padding-right: 12px !important;
+}
+.b-padding-top-060 {
+    padding-top: 12px !important;
+}
+.b-padding-x-060 {
+    padding-left: 12px !important;
+    padding-right: 12px !important;
+}
+.b-padding-y-060 {
+    padding-bottom: 12px !important;
+    padding-top: 12px !important;
+}
+.b-margin-060 {
+    margin: 12px !important;
+}
+.b-margin-bottom-060 {
+    margin-bottom: 12px !important;
+}
+.b-margin-left-060 {
+    margin-left: 12px !important;
+}
+.b-margin-right-060 {
+    margin-right: 12px !important;
+}
+.b-margin-top-060 {
+    margin-top: 12px !important;
+}
+.b-margin-x-060 {
+    margin-left: 12px !important;
+    margin-right: 12px !important;
+}
+.b-margin-y-060 {
+    margin-bottom: 12px !important;
+    margin-top: 12px !important;
+}
+.b-padding-070 {
+    padding: 16px !important;
+}
+.b-padding-bottom-070 {
+    padding-bottom: 16px !important;
+}
+.b-padding-left-070 {
+    padding-left: 16px !important;
+}
+.b-padding-right-070 {
+    padding-right: 16px !important;
+}
+.b-padding-top-070 {
+    padding-top: 16px !important;
+}
+.b-padding-x-070 {
+    padding-left: 16px !important;
+    padding-right: 16px !important;
+}
+.b-padding-y-070 {
+    padding-bottom: 16px !important;
+    padding-top: 16px !important;
+}
+.b-margin-070 {
+    margin: 16px !important;
+}
+.b-margin-bottom-070 {
+    margin-bottom: 16px !important;
+}
+.b-margin-left-070 {
+    margin-left: 16px !important;
+}
+.b-margin-right-070 {
+    margin-right: 16px !important;
+}
+.b-margin-top-070 {
+    margin-top: 16px !important;
+}
+.b-margin-x-070 {
+    margin-left: 16px !important;
+    margin-right: 16px !important;
+}
+.b-margin-y-070 {
+    margin-bottom: 16px !important;
+    margin-top: 16px !important;
+}
+.b-padding-080 {
+    padding: 20px !important;
+}
+.b-padding-bottom-080 {
+    padding-bottom: 20px !important;
+}
+.b-padding-left-080 {
+    padding-left: 20px !important;
+}
+.b-padding-right-080 {
+    padding-right: 20px !important;
+}
+.b-padding-top-080 {
+    padding-top: 20px !important;
+}
+.b-padding-x-080 {
+    padding-left: 20px !important;
+    padding-right: 20px !important;
+}
+.b-padding-y-080 {
+    padding-bottom: 20px !important;
+    padding-top: 20px !important;
+}
+.b-margin-080 {
+    margin: 20px !important;
+}
+.b-margin-bottom-080 {
+    margin-bottom: 20px !important;
+}
+.b-margin-left-080 {
+    margin-left: 20px !important;
+}
+.b-margin-right-080 {
+    margin-right: 20px !important;
+}
+.b-margin-top-080 {
+    margin-top: 20px !important;
+}
+.b-margin-x-080 {
+    margin-left: 20px !important;
+    margin-right: 20px !important;
+}
+.b-margin-y-080 {
+    margin-bottom: 20px !important;
+    margin-top: 20px !important;
+}
+.b-padding-090 {
+    padding: 24px !important;
+}
+.b-padding-bottom-090 {
+    padding-bottom: 24px !important;
+}
+.b-padding-left-090 {
+    padding-left: 24px !important;
+}
+.b-padding-right-090 {
+    padding-right: 24px !important;
+}
+.b-padding-top-090 {
+    padding-top: 24px !important;
+}
+.b-padding-x-090 {
+    padding-left: 24px !important;
+    padding-right: 24px !important;
+}
+.b-padding-y-090 {
+    padding-bottom: 24px !important;
+    padding-top: 24px !important;
+}
+.b-margin-090 {
+    margin: 24px !important;
+}
+.b-margin-bottom-090 {
+    margin-bottom: 24px !important;
+}
+.b-margin-left-090 {
+    margin-left: 24px !important;
+}
+.b-margin-right-090 {
+    margin-right: 24px !important;
+}
+.b-margin-top-090 {
+    margin-top: 24px !important;
+}
+.b-margin-x-090 {
+    margin-left: 24px !important;
+    margin-right: 24px !important;
+}
+.b-margin-y-090 {
+    margin-bottom: 24px !important;
+    margin-top: 24px !important;
+}