mozrest-sdk-react-dev 0.3.22 → 0.3.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.22",
+  "version": "0.3.25",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"

package/style.css

@@ -4040,132 +4040,167 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-hr {
-  border: 0;
-  border-top: 2px solid var(--moz-border) !important;
+._mainWrapper_6p1lo_2 {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
 }
-._mainConatiner_dbqrh_7 {
+._mainConatiner_6p1lo_9 {
   color: var(--moz-text-primary);
-  max-height: 100vh;
+  flex: 1;
   padding-left: 10px;
   padding-right: 0;
   display: flex !important;
   gap: 0.75rem;
   background-color: var(--moz-cta-body-bg);
   overflow: hidden;
+  min-height: 0;
 }
-._mainConatiner_dbqrh_7 ._mainTableContainer_dbqrh_17 {
+._mainConatiner_6p1lo_9 ._mainTableContainer_6p1lo_20 {
   padding-top: 10px;
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  height: 100vh;
+  min-height: 0;
 }
-._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
   width: auto;
   padding: 1rem;
-  height: 100vh;
+  display: flex;
+  flex-direction: column;
   background-color: var(--moz-cta-content-bg);
   box-shadow: -5px 30px 10px rgba(0, 0, 0, 0.1);
+}
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarHeader_6p1lo_41 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarMainContent_6p1lo_46 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
   overflow-y: auto;
-  transition: 0.3s;
-  position: inherit;
+  padding: 1rem;
+  gap: 1.5rem;
+}
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarFooter_6p1lo_54 {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
-._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._headerReferece_dbqrh_35 {
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._headerReferece_6p1lo_59 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
+._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer--open_dbqrh_46 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+    display: none;
+  }
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer--close_dbqrh_52 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--close_6p1lo_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
     display: none;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon--show_dbqrh_60 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon--show_6p1lo_87 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
     width: 0px;
     padding: 0;
+    height: calc(100vh - var(--enable-onboarding-height, 20px));
+    transition: width 0.3s ease-in-out;
+  }
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+    display: none;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer--open_dbqrh_46 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 {
     position: fixed;
     right: 0px;
-    width: 400px;
+    width: 450px;
     padding: 1rem;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer--close_dbqrh_52 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 ._sidebarContent_6p1lo_36 {
+    display: flex;
+  }
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--close_6p1lo_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
     display: none;
   }
-  ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon--show_dbqrh_60 {
+  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon--show_6p1lo_87 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_dbqrh_90 {
+._headerContainer_6p1lo_125 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_dbqrh_90 ._searchContainer_dbqrh_96 {
+._headerContainer_6p1lo_125 ._searchContainer_6p1lo_131 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_dbqrh_90 ._searchContainer_dbqrh_96 {
+  ._headerContainer_6p1lo_125 ._searchContainer_6p1lo_131 {
     width: 200px;
   }
 }
-._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 {
+._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._buttonItem_dbqrh_112 {
+._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._buttonItem_6p1lo_147 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._buttonItem_dbqrh_112 {
+  ._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._buttonItem_6p1lo_147 {
     display: none;
   }
 }
-._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._addReservationButton_dbqrh_121 {
+._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._addReservationButton_6p1lo_156 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._addReservationButton_dbqrh_121 {
+  ._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._addReservationButton_6p1lo_156 {
     display: none;
   }
 }
-._tableTopHeader_dbqrh_130 {
+._tableTopHeader_6p1lo_165 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4174,50 +4209,50 @@ hr {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_dbqrh_130 {
+  ._tableTopHeader_6p1lo_165 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_dbqrh_144 {
+._tableTopHeaderContent_6p1lo_179 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_dbqrh_144 ._tableTopHeaderContentText_dbqrh_151 {
+._tableTopHeaderContent_6p1lo_179 ._tableTopHeaderContentText_6p1lo_186 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_dbqrh_144 ._tableTopHeaderContentText_dbqrh_151 {
+  ._tableTopHeaderContent_6p1lo_179 ._tableTopHeaderContentText_6p1lo_186 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_dbqrh_160 {
+._tableRowContainer_6p1lo_195 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 {
+._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_dbqrh_1 0.3s ease-in forwards;
+  animation: _fadeInX_6p1lo_1 0.3s ease-in forwards;
 }
-._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 ._canceled_dbqrh_174 {
+._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 ._canceled_6p1lo_209 {
   text-decoration: line-through;
 }
-._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 ._noData_dbqrh_177 {
+._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 ._noData_6p1lo_212 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 {
+._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -4229,25 +4264,25 @@ hr {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 {
+  ._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._tableRowHourText_dbqrh_200 {
+._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._tableRowHourText_6p1lo_235 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._tableRowHourText_dbqrh_200 {
+  ._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._tableRowHourText_6p1lo_235 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._hours_dbqrh_208 {
+._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._hours_6p1lo_243 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -4257,26 +4292,26 @@ hr {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 {
+  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowImage_dbqrh_229 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowImage_6p1lo_264 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowImage_dbqrh_229 {
+  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowImage_6p1lo_264 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -4284,24 +4319,24 @@ hr {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 {
+  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 {
     text-align: center;
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 ._rowContactText_dbqrh_255 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 ._rowContactText_6p1lo_290 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 ._rowContactPhone_dbqrh_261 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 ._rowContactPhone_6p1lo_296 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -4309,25 +4344,25 @@ hr {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 {
+  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 ._rowSection_dbqrh_268 ._rowSectionText_dbqrh_281 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 ._rowSection_6p1lo_303 ._rowSectionText_6p1lo_316 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 ._rowSection_dbqrh_268 ._rowSectionSecText_dbqrh_287 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 ._rowSection_6p1lo_303 ._rowSectionSecText_6p1lo_322 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowActionButton_dbqrh_294 {
+._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowActionButton_6p1lo_329 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -4335,16 +4370,16 @@ hr {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowActionButton_dbqrh_294 {
+  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowActionButton_6p1lo_329 {
     display: none;
   }
 }
-._bookingInfoContainer_dbqrh_307 {
+._bookingInfoContainer_6p1lo_342 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -4352,11 +4387,11 @@ hr {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCard_dbqrh_312 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCard_6p1lo_347 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -4364,19 +4399,30 @@ hr {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 ._bookingInfoCardTitle_dbqrh_338 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 ._bookingInfoCardTitle_6p1lo_373 {
   color: var(--moz-text-primary);
 }
-._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 ._bookingInfoCardText_dbqrh_341 {
+._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 ._bookingInfoCardText_6p1lo_376 {
   color: var(--moz-text-secondary);
 }
-@keyframes _fadeInX_dbqrh_1 {
+._enableOnboardingContainer_6p1lo_380 {
+  background-color: var(--moz-cta-soft-danger);
+  color: var(--moz-cta-danger-text);
+  padding: 10px;
+  border-radius: 6px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: space-between;
+  align-items: center;
+}
+@keyframes _fadeInX_6p1lo_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);
@@ -30986,7 +31032,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
     flex-direction: column !important;
   }
 }
-
+._divider_1k33v_1 {
+  width: 100%;
+}
+._divider_1k33v_1 hr {
+  border: 0;
+  border-top: 1px solid var(--moz-border) !important;
+}
 :root {
   --font-family: "Public Sans", sans-serif !important;
   --cta-primary: #25293C !important;
@@ -31279,6 +31331,48 @@ hr {
   ._button--desktop_e0i20_59 {
     display: none;
   }
+}._buttonContainer_1iszv_1 {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1rem;
+}._codeViewer_1in3z_1 {
+  width: 100%;
+  overflow: auto;
+  border-radius: 4px;
+  border: 1px solid var(--moz-cta-content-sec-bg);
+  background-color: var(--moz-cta-content-bg);
+  margin: 1rem 0;
+  position: relative;
+}
+
+._copyButton_1in3z_11 {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 4px;
+  border-radius: 4px;
+  background-color: var(--moz-cta-content-bg);
+  cursor: pointer;
+  color: var(--moz-text-label);
+  transition: all 0.2s ease;
+  z-index: 1;
+}
+._copyButton_1in3z_11:hover {
+  background-color: var(--moz-cta-content-sec-bg);
+}
+
+._codeBlock_1in3z_27 {
+  margin: 0;
+  padding: 1rem;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", monospace;
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: pre;
+  color: var(--moz-text-label);
+}
+._codeBlock_1in3z_27 code {
+  display: block;
+  overflow-x: auto;
 }._sidebar_1pm4j_1 {
   position: fixed;
   min-height: 100vh;