@easypost/easy-ui 1.0.0-alpha.75 → 1.0.0-alpha.77

package/style.css

@@ -77,7 +77,7 @@
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._Text_plajv_4 {
+._Text_hj77l_4 {
   --ezui-c-text-color: inherit;
   margin: 0;
   padding: 0;
@@ -85,7 +85,7 @@
   color: var(--ezui-c-text-color);
 }
 
-._heading1_plajv_12 {
+._heading1_hj77l_12 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 2.875rem;
@@ -93,7 +93,7 @@
   line-height: 3.5rem;
 }
 @media (min-width: 30em) {
-  ._heading1_plajv_12 {
+  ._heading1_hj77l_12 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 3.625rem;
@@ -102,7 +102,7 @@
   }
 }
 
-._heading2_plajv_29 {
+._heading2_hj77l_29 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 2.0625rem;
@@ -110,7 +110,7 @@
   line-height: 2.5rem;
 }
 @media (min-width: 30em) {
-  ._heading2_plajv_29 {
+  ._heading2_hj77l_29 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.875rem;
@@ -119,7 +119,7 @@
   }
 }
 
-._heading3_plajv_46 {
+._heading3_hj77l_46 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.4375rem;
@@ -127,7 +127,7 @@
   line-height: 2rem;
 }
 @media (min-width: 30em) {
-  ._heading3_plajv_46 {
+  ._heading3_hj77l_46 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.0625rem;
@@ -136,7 +136,7 @@
   }
 }
 
-._heading4_plajv_63 {
+._heading4_hj77l_63 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.4375rem;
@@ -144,7 +144,7 @@
   line-height: 2rem;
 }
 
-._heading5_plajv_71 {
+._heading5_hj77l_71 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.1875rem;
@@ -152,7 +152,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle1_plajv_79 {
+._subtitle1_hj77l_79 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 0.9375rem;
@@ -160,7 +160,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle2_plajv_87 {
+._subtitle2_hj77l_87 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.8125rem;
@@ -168,7 +168,7 @@
   line-height: 1rem;
 }
 
-._body1_plajv_95 {
+._body1_hj77l_95 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.9375rem;
@@ -176,7 +176,7 @@
   line-height: 1.5rem;
 }
 
-._body2_plajv_103 {
+._body2_hj77l_103 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.8125rem;
@@ -184,7 +184,7 @@
   line-height: 1rem;
 }
 
-._caption_plajv_111 {
+._caption_hj77l_111 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.75rem;
@@ -192,7 +192,7 @@
   line-height: 1rem;
 }
 
-._caption2_plajv_119 {
+._caption2_hj77l_119 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.6875rem;
@@ -200,7 +200,7 @@
   line-height: 1rem;
 }
 
-._caption3_plajv_127 {
+._caption3_hj77l_127 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.5625rem;
@@ -208,7 +208,7 @@
   line-height: 1rem;
 }
 
-._overline_plajv_135 {
+._overline_hj77l_135 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.75rem;
@@ -216,7 +216,7 @@
   line-height: 1rem;
 }
 
-._overline2_plajv_143 {
+._overline2_hj77l_143 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.625rem;
@@ -224,7 +224,7 @@
   line-height: 1rem;
 }
 
-._button_plajv_151 {
+._button_hj77l_151 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.9375rem;
@@ -232,7 +232,7 @@
   line-height: 1.5rem;
 }
 
-._small-button_plajv_159 {
+._small-button_hj77l_159 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.75rem;
@@ -240,33 +240,33 @@
   line-height: 1rem;
 }
 
-._normal_plajv_167 {
+._normal_hj77l_167 {
   font-weight: var(--ezui-font-weight-normal);
 }
 
-._medium_plajv_171 {
+._medium_hj77l_171 {
   font-weight: var(--ezui-font-weight-medium);
 }
 
-._semibold_plajv_175 {
+._semibold_hj77l_175 {
   font-weight: var(--ezui-font-weight-semibold);
 }
 
-._bold_plajv_179 {
+._bold_hj77l_179 {
   font-weight: var(--ezui-font-weight-bold);
 }
 
-._truncate_plajv_183 {
+._truncate_hj77l_183 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-._block_plajv_189 {
+._block_hj77l_189 {
   display: block;
 }
 
-._visuallyHidden_plajv_193 {
+._visuallyHidden_hj77l_193 {
   position: absolute !important;
   top: 0;
   width: 1px !important;
@@ -279,68 +279,76 @@
   white-space: nowrap !important;
 }
 
-._start_plajv_206 {
+._start_hj77l_206 {
   text-align: start;
 }
 
-._center_plajv_210 {
+._center_hj77l_210 {
   text-align: center;
 }
 
-._end_plajv_214 {
+._end_hj77l_214 {
   text-align: end;
 }
 
-._justify_plajv_218 {
+._justify_hj77l_218 {
   text-align: justify;
 }
 
-._break_plajv_222 {
+._break_hj77l_222 {
   overflow-wrap: break-word;
 }
 
-._numeric_plajv_226 {
+._numeric_hj77l_226 {
   font-variant-numeric: tabular-nums lining-nums;
 }
 
-._transformNone_plajv_230 {
+._transformNone_hj77l_230 {
   text-transform: none;
 }
 
-._transformCapitalize_plajv_234 {
+._transformCapitalize_hj77l_234 {
   text-transform: capitalize;
 }
 
-._transformUppercase_plajv_238 {
+._transformUppercase_hj77l_238 {
   text-transform: uppercase;
 }
 
-._transformLowercase_plajv_242 {
+._transformLowercase_hj77l_242 {
   text-transform: lowercase;
 }
 
-._whiteSpaceNormal_plajv_246 {
+._whiteSpaceNormal_hj77l_246 {
   white-space: normal;
 }
 
-._whiteSpacePre_plajv_250 {
+._whiteSpacePre_hj77l_250 {
   white-space: pre;
 }
 
-._whiteSpaceNowrap_plajv_254 {
+._whiteSpaceNowrap_hj77l_254 {
   white-space: nowrap;
 }
 
-._whiteSpacePre-wrap_plajv_258 {
+._whiteSpacePre-wrap_hj77l_258 {
   white-space: pre-wrap;
 }
 
-._whiteSpaceBreak-spaces_plajv_262 {
+._whiteSpaceBreak-spaces_hj77l_262 {
   white-space: break-spaces;
 }
 
-._whiteSpacePre-line_plajv_266 {
+._whiteSpacePre-line_hj77l_266 {
   white-space: pre-line;
+}
+
+._fontVariantNumericNormal_hj77l_270 {
+  font-variant-numeric: normal;
+}
+
+._fontVariantNumericTabular-nums_hj77l_274 {
+  font-variant-numeric: tabular-nums;
 }/**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1568,44 +1576,45 @@
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._statusPromotional_dgfcn_4 {
+._statusPromotional_1xl7t_4 {
   --ezui-c-notification-color: var(--ezui-color-neutral-000);
   --ezui-c-notification-color-background: var(--ezui-color-primary-500);
 }
 
-._statusSuccess_dgfcn_9 {
+._statusSuccess_1xl7t_9 {
   --ezui-c-notification-color: var(--ezui-color-positive-800);
   --ezui-c-notification-color-background: var(--ezui-color-positive-100);
 }
 
-._statusNeutral_dgfcn_14 {
+._statusNeutral_1xl7t_14 {
   --ezui-c-notification-color: var(--ezui-color-secondary-800);
   --ezui-c-notification-color-background: var(--ezui-color-secondary-100);
 }
 
-._statusWarning_dgfcn_19 {
+._statusWarning_1xl7t_19 {
   --ezui-c-notification-color: var(--ezui-color-neutral-900);
   --ezui-c-notification-color-background: var(--ezui-color-warning-300);
 }
 
-._statusError_dgfcn_24 {
+._statusError_1xl7t_24 {
   --ezui-c-notification-color: var(--ezui-color-negative-800);
   --ezui-c-notification-color-background: var(--ezui-color-negative-100);
 }
 
-._typeToast_dgfcn_29 {
+._typeToast_1xl7t_29 {
   display: inline-flex;
 }
 
-._typeAlert_dgfcn_33 {
+._typeAlert_1xl7t_33 {
   display: flex;
-  width: 100%;
+  width: calc(100% - var(--ezui-c-notification-margin-x) * 2);
 }
 
-._Notification_dgfcn_38 {
+._Notification_1xl7t_38 {
   /* prettier-ignore */
-  --ezui-c-notification-border-radius: var(--ezui-shape-border-radius-base);
+  --ezui-c-notification-border-radius: var(--ezui-shape-border-radius-lg);
   --ezui-c-notification-max-width: 1200px;
+  --ezui-c-notification-margin-x: var(--ezui-space-6);
   align-items: center;
   justify-content: space-between;
   margin: auto;
@@ -1618,33 +1627,63 @@
   pointer-events: auto;
 }
 
-._iconText_dgfcn_54 {
+._iconText_1xl7t_55 {
   display: inline-flex;
   align-items: center;
   gap: var(--ezui-space-1);
 }
 
-._closeButton_dgfcn_60 {
+._closeButtonContainer_1xl7t_61 {
+  display: inline-flex;
   padding: var(--ezui-space-0);
   /* prettier-ignore */
   margin: var(--ezui-space-0-5) var(--ezui-space-1) var(--ezui-space-0-5) var(--ezui-space-2);
   background-color: var(--ezui-c-notification-color-background);
   color: var(--ezui-c-notification-color-text);
+}
+
+._closeButton_1xl7t_61 {
   cursor: pointer;
 }
 
-._region_dgfcn_69 {
+._region_1xl7t_74 {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-._container_dgfcn_75 {
+._container_1xl7t_81 {
   /* prettier-ignore */
   --ezui-c-notification-z-index: var(--ezui-z-index-notification);
   z-index: var(--ezui-c-notification-z-index);
   width: 100%;
   pointer-events: none;
+}._appear_9o3cj_1,
+._enter_9o3cj_2 {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+
+._appearActive_9o3cj_7,
+._enterActive_9o3cj_8 {
+  opacity: 1;
+  transform: translateY(0);
+  transition: all 150ms ease-out;
+}
+
+._exit_9o3cj_14 {
+  opacity: 1;
+  transform: translateY(0);
+}
+._exit_9o3cj_14:not(:first-child) {
+  position: absolute;
+}
+
+._exitActive_9o3cj_22 {
+  opacity: 0;
+  transform: translateY(-8px);
+  transition: all 150ms ease-out;
 }/**
  * Do not edit directly, this file was auto-generated.
  */
@@ -2780,6 +2819,7 @@ button._container_31824_4:not([disabled]) {
   --ezui-space-0-25: 0.125rem;
   --ezui-space-0-5: 0.25rem;
   --ezui-space-1-5: 0.75rem;
+  --ezui-space-3-5: 1.75rem;
   --ezui-space-4-5: 2.25rem;
   --ezui-theme-light-color-primary-900: #000824;
   --ezui-theme-light-color-primary-800: #061340;
@@ -3739,6 +3779,47 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
+._link_11zdn_4 {
+  text-decoration: none;
+}
+
+._button_11zdn_8 {
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: 0;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+
+._link_11zdn_4,
+._button_11zdn_8 {
+  cursor: pointer;
+  border-radius: var(--ezui-shape-border-radius-lg);
+}
+
+._callout_11zdn_25 {
+  display: flex;
+  flex-direction: column;
+  min-height: var(--ezui-space-3-5);
+}
+
+._illustration_11zdn_31 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  margin-bottom: invert(var(--ezui-space-2));
+}
+._illustration_11zdn_31 svg,
+._illustration_11zdn_31 img {
+  display: block;
+  width: 100%;
+}/**
+ * Do not edit directly, this file was auto-generated.
+ */
 ._IconButton_16fh0_4 {
   display: inline-flex;
   align-items: center;
@@ -4053,7 +4134,7 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._root_s8gdi_4 {
+._root_kb4na_4 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.75rem;
@@ -4064,77 +4145,87 @@ textarea {
   overflow: hidden;
 }
 
-._primary_s8gdi_15,
-._secondary_s8gdi_16 {
+._block_kb4na_15 {
+  display: flex;
+}
+
+._primary_kb4na_19,
+._secondary_kb4na_20 {
   display: inline-flex;
   padding: var(--ezui-space-0-5);
 }
 
-._primary_s8gdi_15 {
+._primary_kb4na_19 {
   background: var(--ezui-c-badge-primary-color-background);
   color: var(--ezui-c-badge-primary-color-text);
 }
 
-._secondary_s8gdi_16 {
+._secondary_kb4na_20 {
   background: var(--ezui-c-badge-secondary-color-background);
   color: var(--ezui-c-badge-secondary-color-text);
 }
 
-._text_s8gdi_31 {
+._block_kb4na_15:not(._hasSecondary_kb4na_35) ._primary_kb4na_19,
+._block_kb4na_15._hasSecondary_kb4na_35 ._secondary_kb4na_20 {
+  flex: 1;
+  justify-content: center;
+}
+
+._text_kb4na_41 {
   display: inline-flex;
   padding: var(--ezui-space-0-25) var(--ezui-space-0-5);
 }
 
-._variantPrimary_s8gdi_36 {
+._variantPrimary_kb4na_46 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-primary-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-primary-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantSecondary_s8gdi_43 {
+._variantSecondary_kb4na_53 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-secondary-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-secondary-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantBlack_s8gdi_50 {
+._variantBlack_kb4na_60 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-800);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantInverse_s8gdi_57 {
+._variantInverse_kb4na_67 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-100);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-900);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantGray_s8gdi_64 {
+._variantGray_kb4na_74 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantSuccess_s8gdi_71 {
+._variantSuccess_kb4na_81 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-positive-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-positive-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantWarning_s8gdi_78 {
+._variantWarning_kb4na_88 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-warning-500);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-900);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-warning-300);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantDanger_s8gdi_85 {
+._variantDanger_kb4na_95 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-negative-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-negative-100);
@@ -5712,6 +5803,142 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
+._underlayBg_pn8iw_4 {
+  --ezui-c-drawer-animation-duration: 150ms;
+  --ezui-c-drawer-max-width: 608px;
+  --ezui-c-drawer-height: 100svh;
+  position: fixed;
+  z-index: var(--ezui-z-index-drawer);
+  display: flex;
+  flex-direction: column;
+  opacity: 0;
+  transition-property: opacity, backdrop-filter;
+  transition-timing-function: ease-in-out;
+  transition-duration: var(--ezui-c-drawer-animation-duration);
+}
+._underlayBg_pn8iw_4::before {
+  content: "";
+  position: absolute;
+  background: var(--ezui-color-primary-800);
+  opacity: var(--ezui-opacity-underlay);
+}
+
+._underlayBg_pn8iw_4,
+._underlayBg_pn8iw_4::before {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+._underlayBgEnter_pn8iw_32 {
+  opacity: 0;
+}
+
+._underlayBgEnterDone_pn8iw_36 {
+  opacity: 1;
+  backdrop-filter: blur(1px);
+}
+
+._underlayBgExit_pn8iw_41 {
+  opacity: 0;
+  backdrop-filter: blur(0);
+}
+
+._underlayBox_pn8iw_46 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  pointer-events: none;
+  transition-property: transform;
+  transition-timing-function: ease-in-out;
+  transition-duration: var(--ezui-c-drawer-animation-duration);
+}
+
+._underlayBoxAppear_pn8iw_57 {
+  transform: translateX(25%);
+}
+
+._underlayBoxAppearDone_pn8iw_61 {
+  transform: translateX(0);
+}
+
+._underlayBoxExit_pn8iw_65 {
+  transform: translateX(25%);
+}
+
+._Drawer_pn8iw_69 {
+  flex: 0 1 auto;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  margin-left: auto;
+  width: 100%;
+  max-width: var(--ezui-c-drawer-max-width);
+  height: var(--ezui-c-drawer-height);
+  overflow: hidden;
+  background: var(--ezui-color-neutral-000);
+  box-shadow: var(--ezui-shadow-level-3);
+  pointer-events: auto;
+  position: relative;
+  outline: none;
+}
+
+._header_pn8iw_86 {
+  margin: 0;
+}
+._header_pn8iw_86._stuck_pn8iw_89 {
+  box-shadow: var(--ezui-shadow-stuck-from-top);
+}
+
+._banner_pn8iw_93 {
+  background: var(--ezui-color-primary-700);
+  color: var(--ezui-color-neutral-000);
+  padding: var(--ezui-space-3) var(--ezui-space-2);
+}
+
+._body_pn8iw_99 {
+  position: relative;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  overscroll-behavior: contain;
+}
+._body_pn8iw_99 [data-intercept] {
+  position: absolute;
+  left: 0;
+  width: 1px;
+  height: 1px;
+}
+._body_pn8iw_99 [data-intercept="header"] {
+  top: 0;
+}
+
+._closeButton_pn8iw_116 {
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: 0;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  display: inline-flex;
+  padding: var(--ezui-space-0-25);
+  margin: calc(var(--ezui-space-0-25) * -1);
+  cursor: pointer;
+}
+
+._banneredContentArea_pn8iw_131 {
+  padding: var(--ezui-space-3) var(--ezui-space-2);
+}
+
+._standaloneContentArea_pn8iw_135 {
+  padding: var(--ezui-space-3) var(--ezui-space-4);
+}/**
+ * Do not edit directly, this file was auto-generated.
+ */
 ._Container_17nvh_4 {
   --ezui-c-vertical-nav-logo-max-width: 164px;
   display: flex;
@@ -6068,142 +6295,6 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._underlayBg_pn8iw_4 {
-  --ezui-c-drawer-animation-duration: 150ms;
-  --ezui-c-drawer-max-width: 608px;
-  --ezui-c-drawer-height: 100svh;
-  position: fixed;
-  z-index: var(--ezui-z-index-drawer);
-  display: flex;
-  flex-direction: column;
-  opacity: 0;
-  transition-property: opacity, backdrop-filter;
-  transition-timing-function: ease-in-out;
-  transition-duration: var(--ezui-c-drawer-animation-duration);
-}
-._underlayBg_pn8iw_4::before {
-  content: "";
-  position: absolute;
-  background: var(--ezui-color-primary-800);
-  opacity: var(--ezui-opacity-underlay);
-}
-
-._underlayBg_pn8iw_4,
-._underlayBg_pn8iw_4::before {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-._underlayBgEnter_pn8iw_32 {
-  opacity: 0;
-}
-
-._underlayBgEnterDone_pn8iw_36 {
-  opacity: 1;
-  backdrop-filter: blur(1px);
-}
-
-._underlayBgExit_pn8iw_41 {
-  opacity: 0;
-  backdrop-filter: blur(0);
-}
-
-._underlayBox_pn8iw_46 {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  pointer-events: none;
-  transition-property: transform;
-  transition-timing-function: ease-in-out;
-  transition-duration: var(--ezui-c-drawer-animation-duration);
-}
-
-._underlayBoxAppear_pn8iw_57 {
-  transform: translateX(25%);
-}
-
-._underlayBoxAppearDone_pn8iw_61 {
-  transform: translateX(0);
-}
-
-._underlayBoxExit_pn8iw_65 {
-  transform: translateX(25%);
-}
-
-._Drawer_pn8iw_69 {
-  flex: 0 1 auto;
-  display: flex;
-  flex-direction: column;
-  margin: 0;
-  margin-left: auto;
-  width: 100%;
-  max-width: var(--ezui-c-drawer-max-width);
-  height: var(--ezui-c-drawer-height);
-  overflow: hidden;
-  background: var(--ezui-color-neutral-000);
-  box-shadow: var(--ezui-shadow-level-3);
-  pointer-events: auto;
-  position: relative;
-  outline: none;
-}
-
-._header_pn8iw_86 {
-  margin: 0;
-}
-._header_pn8iw_86._stuck_pn8iw_89 {
-  box-shadow: var(--ezui-shadow-stuck-from-top);
-}
-
-._banner_pn8iw_93 {
-  background: var(--ezui-color-primary-700);
-  color: var(--ezui-color-neutral-000);
-  padding: var(--ezui-space-3) var(--ezui-space-2);
-}
-
-._body_pn8iw_99 {
-  position: relative;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  overscroll-behavior: contain;
-}
-._body_pn8iw_99 [data-intercept] {
-  position: absolute;
-  left: 0;
-  width: 1px;
-  height: 1px;
-}
-._body_pn8iw_99 [data-intercept="header"] {
-  top: 0;
-}
-
-._closeButton_pn8iw_116 {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: 0;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  display: inline-flex;
-  padding: var(--ezui-space-0-25);
-  margin: calc(var(--ezui-space-0-25) * -1);
-  cursor: pointer;
-}
-
-._banneredContentArea_pn8iw_131 {
-  padding: var(--ezui-space-3) var(--ezui-space-2);
-}
-
-._standaloneContentArea_pn8iw_135 {
-  padding: var(--ezui-space-3) var(--ezui-space-4);
-}/**
- * Do not edit directly, this file was auto-generated.
- */
 ._popover_ihjp5_4 {
   --ezui-c-menu-border-radius: var(--ezui-shape-border-radius-md);
   --ezui-c-menu-color-background: var(--ezui-color-neutral-000);