@adyen/kyc-components 2.39.0 → 2.39.3

package/dist/style.css

@@ -5852,4 +5852,1817 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adyen-view-verification-status__button {
   font-size: 15px;
   line-height: 1.4;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+.adl-u-screen-reader-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  overflow: hidden;
+  padding: 0 !important;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.adl-u-screen-reader-only-focusable {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  overflow: hidden;
+  padding: 0 !important;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+.adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
+  clip: auto;
+  height: auto;
+  overflow: visible;
+  position: static;
+  white-space: normal;
+  width: auto;
+}
+
+.adl-u-text-align-center {
+  text-align: center !important;
+}
+
+.adl-u-text-align-left {
+  text-align: left !important;
+}
+
+.adl-u-text-align-right {
+  text-align: right !important;
+}
+
+.adl-u-text-align-justify {
+  text-align: justify !important;
+}
+
+.adl-u-vertical-align-baseline {
+  vertical-align: baseline !important;
+}
+
+.adl-u-vertical-align-top {
+  vertical-align: top !important;
+}
+
+.adl-u-vertical-align-middle {
+  vertical-align: middle !important;
+}
+
+.adl-u-vertical-align-bottom {
+  vertical-align: bottom !important;
+}
+
+.adl-u-vertical-align-text-top {
+  vertical-align: text-top !important;
+}
+
+.adl-u-vertical-align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.adl-u-float-left {
+  float: left !important;
+}
+
+.adl-u-float-right {
+  float: right !important;
+}
+
+.adl-u-border-none {
+  border: none !important;
+}
+
+.adl-u-border-bottom-none {
+  border-bottom: none !important;
+}
+
+.adl-u-border-left-none {
+  border-left: none !important;
+}
+
+.adl-u-border-right-none {
+  border-right: none !important;
+}
+
+.adl-u-border-top-none {
+  border-top: none !important;
+}
+
+.adl-u-border-x-none {
+  border-left: none !important;
+  border-right: none !important;
+}
+
+.adl-u-border-y-none {
+  border-bottom: none !important;
+  border-top: none !important;
+}
+
+.adl-u-border-radius-4 {
+  border-radius: 4px !important;
+}
+
+.adl-u-border-radius-6 {
+  border-radius: 6px !important;
+}
+
+.adl-u-border-radius-8 {
+  border-radius: 8px !important;
+}
+
+.adl-u-border-radius-12 {
+  border-radius: 12px !important;
+}
+
+.adl-u-color-white {
+  color: #fff !important;
+}
+
+.adl-u-color-black {
+  color: #00112c !important;
+}
+
+.adl-u-color-grey-10 {
+  color: #f3f6f9 !important;
+}
+
+.adl-u-color-grey-20 {
+  color: #dce0e5 !important;
+}
+
+.adl-u-color-grey-30 {
+  color: #a5afbd !important;
+}
+
+.adl-u-color-grey-40 {
+  color: #8390a3 !important;
+}
+
+.adl-u-color-grey-50 {
+  color: #69778c !important;
+}
+
+.adl-u-color-grey-60 {
+  color: #394962 !important;
+}
+
+.adl-u-color-grey-70 {
+  color: #20304c !important;
+}
+
+.adl-u-color-info-10 {
+  color: #e6f0ff !important;
+}
+
+.adl-u-color-info-20 {
+  color: #cce0ff !important;
+}
+
+.adl-u-color-info-30 {
+  color: #80b2ff !important;
+}
+
+.adl-u-color-info-40 {
+  color: #06f !important;
+}
+
+.adl-u-color-info-50 {
+  color: #0047b2 !important;
+}
+
+.adl-u-color-info-60 {
+  color: #002866 !important;
+}
+
+.adl-u-color-info-70 {
+  color: #001e4c !important;
+}
+
+.adl-u-color-warning-10 {
+  color: #fff4e5 !important;
+}
+
+.adl-u-color-warning-20 {
+  color: #ffeacc !important;
+}
+
+.adl-u-color-warning-30 {
+  color: #ffba59 !important;
+}
+
+.adl-u-color-warning-40 {
+  color: #ff9500 !important;
+}
+
+.adl-u-color-warning-50 {
+  color: #b36900 !important;
+}
+
+.adl-u-color-warning-60 {
+  color: #7f4a00 !important;
+}
+
+.adl-u-color-warning-70 {
+  color: #593400 !important;
+}
+
+.adl-u-color-success-10 {
+  color: #e6f8ed !important;
+}
+
+.adl-u-color-success-20 {
+  color: #cef2dd !important;
+}
+
+.adl-u-color-success-30 {
+  color: #60d58f !important;
+}
+
+.adl-u-color-success-40 {
+  color: #0abf53 !important;
+}
+
+.adl-u-color-success-50 {
+  color: #07863a !important;
+}
+
+.adl-u-color-success-60 {
+  color: #055f29 !important;
+}
+
+.adl-u-color-success-70 {
+  color: #03431d !important;
+}
+
+.adl-u-color-error-10 {
+  color: #fce5e5 !important;
+}
+
+.adl-u-color-error-20 {
+  color: #facccc !important;
+}
+
+.adl-u-color-error-30 {
+  color: #ee5959 !important;
+}
+
+.adl-u-color-error-40 {
+  color: #e50000 !important;
+}
+
+.adl-u-color-error-50 {
+  color: #a10000 !important;
+}
+
+.adl-u-color-error-60 {
+  color: #720000 !important;
+}
+
+.adl-u-color-error-70 {
+  color: #500000 !important;
+}
+
+.adl-u-color-mint-10 {
+  color: #e6fdf7 !important;
+}
+
+.adl-u-color-mint-20 {
+  color: #cdfaef !important;
+}
+
+.adl-u-color-mint-30 {
+  color: #5cf0cc !important;
+}
+
+.adl-u-color-mint-40 {
+  color: #05e8b1 !important;
+}
+
+.adl-u-color-mint-50 {
+  color: #04a37c !important;
+}
+
+.adl-u-color-mint-60 {
+  color: #027458 !important;
+}
+
+.adl-u-color-mint-70 {
+  color: #02513e !important;
+}
+
+.adl-u-color-brand {
+  color: #0abf53 !important;
+}
+
+.adl-u-color-default {
+  color: #06f !important;
+}
+
+.adl-u-color-disabled {
+  color: #8390a3 !important;
+}
+
+.adl-u-color-quiet {
+  color: #a5afbd !important;
+}
+
+.adl-u-color-inherit {
+  color: inherit !important;
+}
+
+.adl-u-background-color-white {
+  background-color: #fff !important;
+}
+
+.adl-u-background-color-black {
+  background-color: #00112c !important;
+}
+
+.adl-u-background-color-grey-10 {
+  background-color: #f3f6f9 !important;
+}
+
+.adl-u-background-color-grey-20 {
+  background-color: #dce0e5 !important;
+}
+
+.adl-u-background-color-grey-30 {
+  background-color: #a5afbd !important;
+}
+
+.adl-u-background-color-grey-40 {
+  background-color: #8390a3 !important;
+}
+
+.adl-u-background-color-grey-50 {
+  background-color: #69778c !important;
+}
+
+.adl-u-background-color-grey-60 {
+  background-color: #394962 !important;
+}
+
+.adl-u-background-color-grey-70 {
+  background-color: #20304c !important;
+}
+
+.adl-u-background-color-info-10 {
+  background-color: #e6f0ff !important;
+}
+
+.adl-u-background-color-info-20 {
+  background-color: #cce0ff !important;
+}
+
+.adl-u-background-color-info-30 {
+  background-color: #80b2ff !important;
+}
+
+.adl-u-background-color-info-40 {
+  background-color: #06f !important;
+}
+
+.adl-u-background-color-info-50 {
+  background-color: #0047b2 !important;
+}
+
+.adl-u-background-color-info-60 {
+  background-color: #002866 !important;
+}
+
+.adl-u-background-color-info-70 {
+  background-color: #001e4c !important;
+}
+
+.adl-u-background-color-warning-10 {
+  background-color: #fff4e5 !important;
+}
+
+.adl-u-background-color-warning-20 {
+  background-color: #ffeacc !important;
+}
+
+.adl-u-background-color-warning-30 {
+  background-color: #ffba59 !important;
+}
+
+.adl-u-background-color-warning-40 {
+  background-color: #ff9500 !important;
+}
+
+.adl-u-background-color-warning-50 {
+  background-color: #b36900 !important;
+}
+
+.adl-u-background-color-warning-60 {
+  background-color: #7f4a00 !important;
+}
+
+.adl-u-background-color-warning-70 {
+  background-color: #593400 !important;
+}
+
+.adl-u-background-color-success-10 {
+  background-color: #e6f8ed !important;
+}
+
+.adl-u-background-color-success-20 {
+  background-color: #cef2dd !important;
+}
+
+.adl-u-background-color-success-30 {
+  background-color: #60d58f !important;
+}
+
+.adl-u-background-color-success-40 {
+  background-color: #0abf53 !important;
+}
+
+.adl-u-background-color-success-50 {
+  background-color: #07863a !important;
+}
+
+.adl-u-background-color-success-60 {
+  background-color: #055f29 !important;
+}
+
+.adl-u-background-color-success-70 {
+  background-color: #03431d !important;
+}
+
+.adl-u-background-color-error-10 {
+  background-color: #fce5e5 !important;
+}
+
+.adl-u-background-color-error-20 {
+  background-color: #facccc !important;
+}
+
+.adl-u-background-color-error-30 {
+  background-color: #ee5959 !important;
+}
+
+.adl-u-background-color-error-40 {
+  background-color: #e50000 !important;
+}
+
+.adl-u-background-color-error-50 {
+  background-color: #a10000 !important;
+}
+
+.adl-u-background-color-error-60 {
+  background-color: #720000 !important;
+}
+
+.adl-u-background-color-error-70 {
+  background-color: #500000 !important;
+}
+
+.adl-u-background-color-mint-10 {
+  background-color: #e6fdf7 !important;
+}
+
+.adl-u-background-color-mint-20 {
+  background-color: #cdfaef !important;
+}
+
+.adl-u-background-color-mint-30 {
+  background-color: #5cf0cc !important;
+}
+
+.adl-u-background-color-mint-40 {
+  background-color: #05e8b1 !important;
+}
+
+.adl-u-background-color-mint-50 {
+  background-color: #04a37c !important;
+}
+
+.adl-u-background-color-mint-60 {
+  background-color: #027458 !important;
+}
+
+.adl-u-background-color-mint-70 {
+  background-color: #02513e !important;
+}
+
+.adl-u-background-color-brand {
+  background-color: #0abf53 !important;
+}
+
+.adl-u-background-color-default {
+  background-color: #06f !important;
+}
+
+.adl-u-background-color-disabled {
+  background-color: #8390a3 !important;
+}
+
+.adl-u-background-color-quiet {
+  background-color: #a5afbd !important;
+}
+
+.adl-u-background-color-inherit {
+  background-color: inherit !important;
+}
+
+.adl-u-overflow-auto {
+  overflow: auto !important;
+}
+
+.adl-u-overflow-hidden {
+  overflow: hidden !important;
+}
+
+.adl-u-overflow-scroll {
+  overflow: scroll !important;
+}
+
+.adl-u-overflow-visible {
+  overflow: visible !important;
+}
+
+.adl-u-overflow-x-auto {
+  overflow-x: auto !important;
+}
+
+.adl-u-overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+
+.adl-u-overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+
+.adl-u-overflow-x-visible {
+  overflow-x: visible !important;
+}
+
+.adl-u-overflow-y-auto {
+  overflow-y: auto !important;
+}
+
+.adl-u-overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+
+.adl-u-overflow-y-scroll {
+  overflow-y: scroll !important;
+}
+
+.adl-u-overflow-y-visible {
+  overflow-y: visible !important;
+}
+
+.adl-u-position-static {
+  position: static !important;
+}
+
+.adl-u-position-relative {
+  position: relative !important;
+}
+
+.adl-u-position-absolute {
+  position: absolute !important;
+}
+
+.adl-u-position-sticky {
+  position: sticky !important;
+}
+
+.adl-u-position-fixed {
+  position: fixed !important;
+}
+
+.adl-u-bottom-0 {
+  bottom: 0 !important;
+}
+
+.adl-u-left-0 {
+  left: 0 !important;
+}
+
+.adl-u-right-0 {
+  right: 0 !important;
+}
+
+.adl-u-top-0 {
+  top: 0 !important;
+}
+
+.adl-u-padding-2 {
+  padding: 2px !important;
+}
+
+.adl-u-padding-bottom-2 {
+  padding-bottom: 2px !important;
+}
+
+.adl-u-padding-left-2 {
+  padding-left: 2px !important;
+}
+
+.adl-u-padding-right-2 {
+  padding-right: 2px !important;
+}
+
+.adl-u-padding-top-2 {
+  padding-top: 2px !important;
+}
+
+.adl-u-padding-x-2 {
+  padding-left: 2px !important;
+  padding-right: 2px !important;
+}
+
+.adl-u-padding-y-2 {
+  padding-bottom: 2px !important;
+  padding-top: 2px !important;
+}
+
+.adl-u-padding-4 {
+  padding: 4px !important;
+}
+
+.adl-u-padding-bottom-4 {
+  padding-bottom: 4px !important;
+}
+
+.adl-u-padding-left-4 {
+  padding-left: 4px !important;
+}
+
+.adl-u-padding-right-4 {
+  padding-right: 4px !important;
+}
+
+.adl-u-padding-top-4 {
+  padding-top: 4px !important;
+}
+
+.adl-u-padding-x-4 {
+  padding-left: 4px !important;
+  padding-right: 4px !important;
+}
+
+.adl-u-padding-y-4 {
+  padding-bottom: 4px !important;
+  padding-top: 4px !important;
+}
+
+.adl-u-padding-8 {
+  padding: 8px !important;
+}
+
+.adl-u-padding-bottom-8 {
+  padding-bottom: 8px !important;
+}
+
+.adl-u-padding-left-8 {
+  padding-left: 8px !important;
+}
+
+.adl-u-padding-right-8 {
+  padding-right: 8px !important;
+}
+
+.adl-u-padding-top-8 {
+  padding-top: 8px !important;
+}
+
+.adl-u-padding-x-8 {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
+
+.adl-u-padding-y-8 {
+  padding-bottom: 8px !important;
+  padding-top: 8px !important;
+}
+
+.adl-u-padding-16 {
+  padding: 16px !important;
+}
+
+.adl-u-padding-bottom-16 {
+  padding-bottom: 16px !important;
+}
+
+.adl-u-padding-left-16 {
+  padding-left: 16px !important;
+}
+
+.adl-u-padding-right-16 {
+  padding-right: 16px !important;
+}
+
+.adl-u-padding-top-16 {
+  padding-top: 16px !important;
+}
+
+.adl-u-padding-x-16 {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+
+.adl-u-padding-y-16 {
+  padding-bottom: 16px !important;
+  padding-top: 16px !important;
+}
+
+.adl-u-padding-24 {
+  padding: 24px !important;
+}
+
+.adl-u-padding-bottom-24 {
+  padding-bottom: 24px !important;
+}
+
+.adl-u-padding-left-24 {
+  padding-left: 24px !important;
+}
+
+.adl-u-padding-right-24 {
+  padding-right: 24px !important;
+}
+
+.adl-u-padding-top-24 {
+  padding-top: 24px !important;
+}
+
+.adl-u-padding-x-24 {
+  padding-left: 24px !important;
+  padding-right: 24px !important;
+}
+
+.adl-u-padding-y-24 {
+  padding-bottom: 24px !important;
+  padding-top: 24px !important;
+}
+
+.adl-u-padding-32 {
+  padding: 32px !important;
+}
+
+.adl-u-padding-bottom-32 {
+  padding-bottom: 32px !important;
+}
+
+.adl-u-padding-left-32 {
+  padding-left: 32px !important;
+}
+
+.adl-u-padding-right-32 {
+  padding-right: 32px !important;
+}
+
+.adl-u-padding-top-32 {
+  padding-top: 32px !important;
+}
+
+.adl-u-padding-x-32 {
+  padding-left: 32px !important;
+  padding-right: 32px !important;
+}
+
+.adl-u-padding-y-32 {
+  padding-bottom: 32px !important;
+  padding-top: 32px !important;
+}
+
+.adl-u-padding-40 {
+  padding: 40px !important;
+}
+
+.adl-u-padding-bottom-40 {
+  padding-bottom: 40px !important;
+}
+
+.adl-u-padding-left-40 {
+  padding-left: 40px !important;
+}
+
+.adl-u-padding-right-40 {
+  padding-right: 40px !important;
+}
+
+.adl-u-padding-top-40 {
+  padding-top: 40px !important;
+}
+
+.adl-u-padding-x-40 {
+  padding-left: 40px !important;
+  padding-right: 40px !important;
+}
+
+.adl-u-padding-y-40 {
+  padding-bottom: 40px !important;
+  padding-top: 40px !important;
+}
+
+.adl-u-padding-48 {
+  padding: 48px !important;
+}
+
+.adl-u-padding-bottom-48 {
+  padding-bottom: 48px !important;
+}
+
+.adl-u-padding-left-48 {
+  padding-left: 48px !important;
+}
+
+.adl-u-padding-right-48 {
+  padding-right: 48px !important;
+}
+
+.adl-u-padding-top-48 {
+  padding-top: 48px !important;
+}
+
+.adl-u-padding-x-48 {
+  padding-left: 48px !important;
+  padding-right: 48px !important;
+}
+
+.adl-u-padding-y-48 {
+  padding-bottom: 48px !important;
+  padding-top: 48px !important;
+}
+
+.adl-u-padding-56 {
+  padding: 56px !important;
+}
+
+.adl-u-padding-bottom-56 {
+  padding-bottom: 56px !important;
+}
+
+.adl-u-padding-left-56 {
+  padding-left: 56px !important;
+}
+
+.adl-u-padding-right-56 {
+  padding-right: 56px !important;
+}
+
+.adl-u-padding-top-56 {
+  padding-top: 56px !important;
+}
+
+.adl-u-padding-x-56 {
+  padding-left: 56px !important;
+  padding-right: 56px !important;
+}
+
+.adl-u-padding-y-56 {
+  padding-bottom: 56px !important;
+  padding-top: 56px !important;
+}
+
+.adl-u-padding-64 {
+  padding: 64px !important;
+}
+
+.adl-u-padding-bottom-64 {
+  padding-bottom: 64px !important;
+}
+
+.adl-u-padding-left-64 {
+  padding-left: 64px !important;
+}
+
+.adl-u-padding-right-64 {
+  padding-right: 64px !important;
+}
+
+.adl-u-padding-top-64 {
+  padding-top: 64px !important;
+}
+
+.adl-u-padding-x-64 {
+  padding-left: 64px !important;
+  padding-right: 64px !important;
+}
+
+.adl-u-padding-y-64 {
+  padding-bottom: 64px !important;
+  padding-top: 64px !important;
+}
+
+.adl-u-padding-72 {
+  padding: 72px !important;
+}
+
+.adl-u-padding-bottom-72 {
+  padding-bottom: 72px !important;
+}
+
+.adl-u-padding-left-72 {
+  padding-left: 72px !important;
+}
+
+.adl-u-padding-right-72 {
+  padding-right: 72px !important;
+}
+
+.adl-u-padding-top-72 {
+  padding-top: 72px !important;
+}
+
+.adl-u-padding-x-72 {
+  padding-left: 72px !important;
+  padding-right: 72px !important;
+}
+
+.adl-u-padding-y-72 {
+  padding-bottom: 72px !important;
+  padding-top: 72px !important;
+}
+
+.adl-u-padding-80 {
+  padding: 80px !important;
+}
+
+.adl-u-padding-bottom-80 {
+  padding-bottom: 80px !important;
+}
+
+.adl-u-padding-left-80 {
+  padding-left: 80px !important;
+}
+
+.adl-u-padding-right-80 {
+  padding-right: 80px !important;
+}
+
+.adl-u-padding-top-80 {
+  padding-top: 80px !important;
+}
+
+.adl-u-padding-x-80 {
+  padding-left: 80px !important;
+  padding-right: 80px !important;
+}
+
+.adl-u-padding-y-80 {
+  padding-bottom: 80px !important;
+  padding-top: 80px !important;
+}
+
+.adl-u-padding-88 {
+  padding: 88px !important;
+}
+
+.adl-u-padding-bottom-88 {
+  padding-bottom: 88px !important;
+}
+
+.adl-u-padding-left-88 {
+  padding-left: 88px !important;
+}
+
+.adl-u-padding-right-88 {
+  padding-right: 88px !important;
+}
+
+.adl-u-padding-top-88 {
+  padding-top: 88px !important;
+}
+
+.adl-u-padding-x-88 {
+  padding-left: 88px !important;
+  padding-right: 88px !important;
+}
+
+.adl-u-padding-y-88 {
+  padding-bottom: 88px !important;
+  padding-top: 88px !important;
+}
+
+.adl-u-padding-96 {
+  padding: 96px !important;
+}
+
+.adl-u-padding-bottom-96 {
+  padding-bottom: 96px !important;
+}
+
+.adl-u-padding-left-96 {
+  padding-left: 96px !important;
+}
+
+.adl-u-padding-right-96 {
+  padding-right: 96px !important;
+}
+
+.adl-u-padding-top-96 {
+  padding-top: 96px !important;
+}
+
+.adl-u-padding-x-96 {
+  padding-left: 96px !important;
+  padding-right: 96px !important;
+}
+
+.adl-u-padding-y-96 {
+  padding-bottom: 96px !important;
+  padding-top: 96px !important;
+}
+
+.adl-u-padding-0 {
+  padding: 0 !important;
+}
+
+.adl-u-padding-bottom-0 {
+  padding-bottom: 0 !important;
+}
+
+.adl-u-padding-left-0 {
+  padding-left: 0 !important;
+}
+
+.adl-u-padding-right-0 {
+  padding-right: 0 !important;
+}
+
+.adl-u-padding-top-0 {
+  padding-top: 0 !important;
+}
+
+.adl-u-padding-x-0 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.adl-u-padding-y-0 {
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
+}
+
+.adl-u-padding-auto {
+  padding: auto !important;
+}
+
+.adl-u-padding-bottom-auto {
+  padding-bottom: auto !important;
+}
+
+.adl-u-padding-left-auto {
+  padding-left: auto !important;
+}
+
+.adl-u-padding-right-auto {
+  padding-right: auto !important;
+}
+
+.adl-u-padding-top-auto {
+  padding-top: auto !important;
+}
+
+.adl-u-padding-x-auto {
+  padding-left: auto !important;
+  padding-right: auto !important;
+}
+
+.adl-u-padding-y-auto {
+  padding-bottom: auto !important;
+  padding-top: auto !important;
+}
+
+.adl-u-margin-2 {
+  margin: 2px !important;
+}
+
+.adl-u-margin-bottom-2 {
+  margin-bottom: 2px !important;
+}
+
+.adl-u-margin-left-2 {
+  margin-left: 2px !important;
+}
+
+.adl-u-margin-right-2 {
+  margin-right: 2px !important;
+}
+
+.adl-u-margin-top-2 {
+  margin-top: 2px !important;
+}
+
+.adl-u-margin-x-2 {
+  margin-left: 2px !important;
+  margin-right: 2px !important;
+}
+
+.adl-u-margin-y-2 {
+  margin-bottom: 2px !important;
+  margin-top: 2px !important;
+}
+
+.adl-u-margin-4 {
+  margin: 4px !important;
+}
+
+.adl-u-margin-bottom-4 {
+  margin-bottom: 4px !important;
+}
+
+.adl-u-margin-left-4 {
+  margin-left: 4px !important;
+}
+
+.adl-u-margin-right-4 {
+  margin-right: 4px !important;
+}
+
+.adl-u-margin-top-4 {
+  margin-top: 4px !important;
+}
+
+.adl-u-margin-x-4 {
+  margin-left: 4px !important;
+  margin-right: 4px !important;
+}
+
+.adl-u-margin-y-4 {
+  margin-bottom: 4px !important;
+  margin-top: 4px !important;
+}
+
+.adl-u-margin-8 {
+  margin: 8px !important;
+}
+
+.adl-u-margin-bottom-8 {
+  margin-bottom: 8px !important;
+}
+
+.adl-u-margin-left-8 {
+  margin-left: 8px !important;
+}
+
+.adl-u-margin-right-8 {
+  margin-right: 8px !important;
+}
+
+.adl-u-margin-top-8 {
+  margin-top: 8px !important;
+}
+
+.adl-u-margin-x-8 {
+  margin-left: 8px !important;
+  margin-right: 8px !important;
+}
+
+.adl-u-margin-y-8 {
+  margin-bottom: 8px !important;
+  margin-top: 8px !important;
+}
+
+.adl-u-margin-16 {
+  margin: 16px !important;
+}
+
+.adl-u-margin-bottom-16 {
+  margin-bottom: 16px !important;
+}
+
+.adl-u-margin-left-16 {
+  margin-left: 16px !important;
+}
+
+.adl-u-margin-right-16 {
+  margin-right: 16px !important;
+}
+
+.adl-u-margin-top-16 {
+  margin-top: 16px !important;
+}
+
+.adl-u-margin-x-16 {
+  margin-left: 16px !important;
+  margin-right: 16px !important;
+}
+
+.adl-u-margin-y-16 {
+  margin-bottom: 16px !important;
+  margin-top: 16px !important;
+}
+
+.adl-u-margin-24 {
+  margin: 24px !important;
+}
+
+.adl-u-margin-bottom-24 {
+  margin-bottom: 24px !important;
+}
+
+.adl-u-margin-left-24 {
+  margin-left: 24px !important;
+}
+
+.adl-u-margin-right-24 {
+  margin-right: 24px !important;
+}
+
+.adl-u-margin-top-24 {
+  margin-top: 24px !important;
+}
+
+.adl-u-margin-x-24 {
+  margin-left: 24px !important;
+  margin-right: 24px !important;
+}
+
+.adl-u-margin-y-24 {
+  margin-bottom: 24px !important;
+  margin-top: 24px !important;
+}
+
+.adl-u-margin-32 {
+  margin: 32px !important;
+}
+
+.adl-u-margin-bottom-32 {
+  margin-bottom: 32px !important;
+}
+
+.adl-u-margin-left-32 {
+  margin-left: 32px !important;
+}
+
+.adl-u-margin-right-32 {
+  margin-right: 32px !important;
+}
+
+.adl-u-margin-top-32 {
+  margin-top: 32px !important;
+}
+
+.adl-u-margin-x-32 {
+  margin-left: 32px !important;
+  margin-right: 32px !important;
+}
+
+.adl-u-margin-y-32 {
+  margin-bottom: 32px !important;
+  margin-top: 32px !important;
+}
+
+.adl-u-margin-40 {
+  margin: 40px !important;
+}
+
+.adl-u-margin-bottom-40 {
+  margin-bottom: 40px !important;
+}
+
+.adl-u-margin-left-40 {
+  margin-left: 40px !important;
+}
+
+.adl-u-margin-right-40 {
+  margin-right: 40px !important;
+}
+
+.adl-u-margin-top-40 {
+  margin-top: 40px !important;
+}
+
+.adl-u-margin-x-40 {
+  margin-left: 40px !important;
+  margin-right: 40px !important;
+}
+
+.adl-u-margin-y-40 {
+  margin-bottom: 40px !important;
+  margin-top: 40px !important;
+}
+
+.adl-u-margin-48 {
+  margin: 48px !important;
+}
+
+.adl-u-margin-bottom-48 {
+  margin-bottom: 48px !important;
+}
+
+.adl-u-margin-left-48 {
+  margin-left: 48px !important;
+}
+
+.adl-u-margin-right-48 {
+  margin-right: 48px !important;
+}
+
+.adl-u-margin-top-48 {
+  margin-top: 48px !important;
+}
+
+.adl-u-margin-x-48 {
+  margin-left: 48px !important;
+  margin-right: 48px !important;
+}
+
+.adl-u-margin-y-48 {
+  margin-bottom: 48px !important;
+  margin-top: 48px !important;
+}
+
+.adl-u-margin-56 {
+  margin: 56px !important;
+}
+
+.adl-u-margin-bottom-56 {
+  margin-bottom: 56px !important;
+}
+
+.adl-u-margin-left-56 {
+  margin-left: 56px !important;
+}
+
+.adl-u-margin-right-56 {
+  margin-right: 56px !important;
+}
+
+.adl-u-margin-top-56 {
+  margin-top: 56px !important;
+}
+
+.adl-u-margin-x-56 {
+  margin-left: 56px !important;
+  margin-right: 56px !important;
+}
+
+.adl-u-margin-y-56 {
+  margin-bottom: 56px !important;
+  margin-top: 56px !important;
+}
+
+.adl-u-margin-64 {
+  margin: 64px !important;
+}
+
+.adl-u-margin-bottom-64 {
+  margin-bottom: 64px !important;
+}
+
+.adl-u-margin-left-64 {
+  margin-left: 64px !important;
+}
+
+.adl-u-margin-right-64 {
+  margin-right: 64px !important;
+}
+
+.adl-u-margin-top-64 {
+  margin-top: 64px !important;
+}
+
+.adl-u-margin-x-64 {
+  margin-left: 64px !important;
+  margin-right: 64px !important;
+}
+
+.adl-u-margin-y-64 {
+  margin-bottom: 64px !important;
+  margin-top: 64px !important;
+}
+
+.adl-u-margin-72 {
+  margin: 72px !important;
+}
+
+.adl-u-margin-bottom-72 {
+  margin-bottom: 72px !important;
+}
+
+.adl-u-margin-left-72 {
+  margin-left: 72px !important;
+}
+
+.adl-u-margin-right-72 {
+  margin-right: 72px !important;
+}
+
+.adl-u-margin-top-72 {
+  margin-top: 72px !important;
+}
+
+.adl-u-margin-x-72 {
+  margin-left: 72px !important;
+  margin-right: 72px !important;
+}
+
+.adl-u-margin-y-72 {
+  margin-bottom: 72px !important;
+  margin-top: 72px !important;
+}
+
+.adl-u-margin-80 {
+  margin: 80px !important;
+}
+
+.adl-u-margin-bottom-80 {
+  margin-bottom: 80px !important;
+}
+
+.adl-u-margin-left-80 {
+  margin-left: 80px !important;
+}
+
+.adl-u-margin-right-80 {
+  margin-right: 80px !important;
+}
+
+.adl-u-margin-top-80 {
+  margin-top: 80px !important;
+}
+
+.adl-u-margin-x-80 {
+  margin-left: 80px !important;
+  margin-right: 80px !important;
+}
+
+.adl-u-margin-y-80 {
+  margin-bottom: 80px !important;
+  margin-top: 80px !important;
+}
+
+.adl-u-margin-88 {
+  margin: 88px !important;
+}
+
+.adl-u-margin-bottom-88 {
+  margin-bottom: 88px !important;
+}
+
+.adl-u-margin-left-88 {
+  margin-left: 88px !important;
+}
+
+.adl-u-margin-right-88 {
+  margin-right: 88px !important;
+}
+
+.adl-u-margin-top-88 {
+  margin-top: 88px !important;
+}
+
+.adl-u-margin-x-88 {
+  margin-left: 88px !important;
+  margin-right: 88px !important;
+}
+
+.adl-u-margin-y-88 {
+  margin-bottom: 88px !important;
+  margin-top: 88px !important;
+}
+
+.adl-u-margin-96 {
+  margin: 96px !important;
+}
+
+.adl-u-margin-bottom-96 {
+  margin-bottom: 96px !important;
+}
+
+.adl-u-margin-left-96 {
+  margin-left: 96px !important;
+}
+
+.adl-u-margin-right-96 {
+  margin-right: 96px !important;
+}
+
+.adl-u-margin-top-96 {
+  margin-top: 96px !important;
+}
+
+.adl-u-margin-x-96 {
+  margin-left: 96px !important;
+  margin-right: 96px !important;
+}
+
+.adl-u-margin-y-96 {
+  margin-bottom: 96px !important;
+  margin-top: 96px !important;
+}
+
+.adl-u-margin-0 {
+  margin: 0 !important;
+}
+
+.adl-u-margin-bottom-0 {
+  margin-bottom: 0 !important;
+}
+
+.adl-u-margin-left-0 {
+  margin-left: 0 !important;
+}
+
+.adl-u-margin-right-0 {
+  margin-right: 0 !important;
+}
+
+.adl-u-margin-top-0 {
+  margin-top: 0 !important;
+}
+
+.adl-u-margin-x-0 {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.adl-u-margin-y-0 {
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+}
+
+.adl-u-margin-auto {
+  margin: auto !important;
+}
+
+.adl-u-margin-bottom-auto {
+  margin-bottom: auto !important;
+}
+
+.adl-u-margin-left-auto {
+  margin-left: auto !important;
+}
+
+.adl-u-margin-right-auto {
+  margin-right: auto !important;
+}
+
+.adl-u-margin-top-auto {
+  margin-top: auto !important;
+}
+
+.adl-u-margin-x-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
+.adl-u-margin-y-auto {
+  margin-bottom: auto !important;
+  margin-top: auto !important;
+}
+
+.adl-u-box-sizing-border-box {
+  box-sizing: border-box !important;
+}
+
+.adl-u-pointer-events-none {
+  pointer-events: none !important;
+}
+
+.adl-u-pointer-events-auto {
+  pointer-events: auto !important;
+}
+
+.adl-u-font-size-small {
+  font-size: 13px !important;
+}
+
+.adl-u-font-size-medium {
+  font-size: 15px !important;
+}
+
+.adl-u-font-size-large {
+  font-size: 21px !important;
+}
+
+.adl-u-font-size-xlarge {
+  font-size: 30px !important;
+}
+
+.adl-u-font-size-xxlarge {
+  font-size: 45px !important;
+}
+
+.adl-u-font-size-inherit {
+  font-size: inherit !important;
+}
+
+.adl-u-font-weight-thin {
+  font-weight: 100 !important;
+}
+
+.adl-u-font-weight-regular {
+  font-weight: 400 !important;
+}
+
+.adl-u-font-weight-medium {
+  font-weight: 500 !important;
+}
+
+.adl-u-font-weight-semi-bold {
+  font-weight: 600 !important;
+}
+
+.adl-u-white-space-normal {
+  white-space: normal !important;
+}
+
+.adl-u-white-space-nowrap {
+  white-space: nowrap !important;
+}
+
+.adl-u-white-space-pre-wrap {
+  white-space: pre-wrap !important;
+}
+
+.adl-u-truncate {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
+.adl-u-word-break-break-word {
+  word-break: break-word !important;
+}
+
+.adl-u-visibility-visible {
+  visibility: visible !important;
+}
+
+.adl-u-visibility-hidden {
+  visibility: hidden !important;
+}
+
+.adl-u-display-none {
+  display: none !important;
+}
+
+.adl-u-display-initial {
+  display: initial !important;
+}
+
+.adl-u-display-inline {
+  display: inline !important;
+}
+
+.adl-u-display-inline-block {
+  display: inline-block !important;
+}
+
+.adl-u-display-block {
+  display: block !important;
+}
+
+.adl-u-display-table {
+  display: table !important;
+}
+
+.adl-u-display-table-row {
+  display: table-row !important;
+}
+
+.adl-u-display-table-cell {
+  display: table-cell !important;
+}
+
+.adl-u-display-flex {
+  display: flex !important;
+}
+
+.adl-u-display-inline-flex {
+  display: inline-flex !important;
+}
+
+.adl-u-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.adl-u-flex-direction-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.adl-u-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.adl-u-flex-direction-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.adl-u-flex-wrap-wrap {
+  flex-wrap: wrap !important;
+}
+
+.adl-u-flex-wrap-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.adl-u-align-items-start {
+  align-items: start !important;
+}
+
+.adl-u-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.adl-u-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.adl-u-align-items-center {
+  align-items: center !important;
+}
+
+.adl-u-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.adl-u-align-items-baseline {
+  align-items: baseline !important;
+}
+
+.adl-u-align-items-end {
+  align-items: end !important;
+}
+
+.adl-u-justify-content-center {
+  justify-content: center !important;
+}
+
+.adl-u-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.adl-u-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.adl-u-justify-content-start {
+  justify-content: start !important;
+}
+
+.adl-u-justify-content-end {
+  justify-content: end !important;
+}
+
+.adl-u-justify-content-left {
+  justify-content: left !important;
+}
+
+.adl-u-justify-content-right {
+  justify-content: right !important;
+}
+
+.adl-u-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.adl-u-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.adl-u-justify-content-space-evenly {
+  justify-content: space-evenly !important;
+}
+
+.adl-u-justify-content-stretch {
+  justify-content: stretch !important;
+}
+
+.adl-u-flex-1 {
+  flex: 1 !important;
+}
+
+.adl-u-width-full {
+  width: 100% !important;
+}
+
+.adl-u-width-auto {
+  width: auto !important;
 }