mozrest-sdk-react-dev 0.3.73 → 0.3.75

package/style.css

@@ -942,6 +942,146 @@
   border-radius: 6px;
   padding: 1.5rem;
   box-shadow: var(--moz-cta-body-bg) 0px 4px 24px 0px;
+}.resbook-modal .ant-modal-centered .ant-modal {
+  border: 0;
+  border-radius: 6px;
+  background-color: var(--moz-cta-content-bg) !important;
+}
+.resbook-modal .ant-modal-content {
+  background-color: transparent;
+  border-radius: 6px;
+}
+.resbook-modal .ant-modal-header,
+.resbook-modal .ant-modal-body {
+  background-color: var(--moz-cta-content-bg) !important;
+  color: var(--moz-text-input) !important;
+}
+.resbook-modal .ant-modal-header {
+  border-bottom: 0;
+  border-radius: 6px 6px 0 0;
+  padding-bottom: 0;
+}
+.resbook-modal .ant-modal-body {
+  border-radius: 0 0 6px 6px;
+  padding-top: 0;
+}
+.resbook-modal .ant-modal-header h1,
+.resbook-modal .ant-modal-header p,
+.resbook-modal .ant-modal-body h1,
+.resbook-modal .ant-modal-body h2,
+.resbook-modal .ant-modal-body h3,
+.resbook-modal .ant-modal-body h4,
+.resbook-modal .ant-modal-body p {
+  font-family: "Public Sans", sans-serif;
+}
+.resbook-modal .ant-modal-header p,
+.resbook-modal .ant-modal-body p {
+  font-size: 15px;
+  color: var(--moz-text-input) !important;
+}
+.resbook-modal .ant-modal-header p {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.resbook-modal .ant-modal-header h1,
+.resbook-modal .ant-modal-body h1 {
+  font-weight: 600;
+  color: var(--moz-text-label) !important;
+  font-size: 18px;
+}
+.resbook-modal .ant-modal-body label {
+  font-size: 15px;
+  color: var(--moz-text-label) !important;
+}
+.resbook-modal .ant-modal-body h2 {
+  color: var(--moz-text-input) !important;
+}
+.resbook-modal .ant-modal-body [class*=regularHourContainer] {
+  color: var(--moz-text-input) !important;
+  box-shadow: none;
+  font-family: var(--font-family);
+}
+.resbook-modal .ant-modal-body [class*=regularHourContainer] strong {
+  font-weight: 300;
+  font-size: 15px;
+}
+.resbook-modal .mz-header .css-spersy-control {
+  background-color: var(--moz-text-input) !important;
+  border-width: 0 0 1px;
+  border-radius: 0;
+}
+.resbook-modal .ant-modal-body .css-spersy-control {
+  background-color: var(--moz-text-input) !important;
+  border-width: 0 0 1px;
+  border-radius: 0;
+}
+.resbook-modal .css-spersy-control > div > div:first-child {
+  color: var(--moz-text-input) !important;
+  font-family: "Public Sans", sans-serif;
+  padding: 7px 0;
+}
+.resbook-modal .ant-modal-body #react-select-4-listbox {
+  background-color: var(--moz-text-input) !important;
+  font-family: var(--font-family);
+}
+.resbook-modal .ant-modal-title,
+.resbook-modal .ant-modal-body span {
+  color: var(--moz-text-input) !important;
+}
+.resbook-modal .ant-modal-body .mz-btn span {
+  color: inherit !important;
+}
+.resbook-modal .ant-modal-close-x line {
+  stroke: var(--moz-text-input) !important;
+}._content_1dgv9_1 {
+  padding: 1rem;
+}
+
+._text_1dgv9_5 {
+  margin: 0;
+}
+
+._replyBox_1dgv9_9 {
+  background-color: var(--moz-bg-gray-light);
+  border-radius: 4px;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+._loading_1dgv9_18 {
+  margin-bottom: 1rem;
+  background-color: var(--moz-bg-gray-light);
+  border-radius: 4px;
+  padding: 0.75rem 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 80px;
+}
+._loading_1dgv9_18 svg {
+  width: 40px;
+  height: 40px;
+}
+
+._actions_1dgv9_33 {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  color: var(--moz-text-input);
+}
+
+@media (max-width: 425px) {
+  ._actions_1dgv9_33 {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  ._actions_1dgv9_33 > button {
+    width: 100%;
+    justify-content: center;
+  }
 }._detail_1nbuk_1 {
   display: none;
   padding: 1rem 1.5rem;
@@ -1220,94 +1360,6 @@
 ._templates--container_1jxqg_30 {
   max-height: 400px;
   overflow: scroll;
-}.resbook-modal .ant-modal-centered .ant-modal {
-  border: 0;
-  border-radius: 6px;
-  background-color: var(--moz-cta-content-bg) !important;
-}
-.resbook-modal .ant-modal-content {
-  background-color: transparent;
-  border-radius: 6px;
-}
-.resbook-modal .ant-modal-header,
-.resbook-modal .ant-modal-body {
-  background-color: var(--moz-cta-content-bg) !important;
-  color: var(--moz-text-input) !important;
-}
-.resbook-modal .ant-modal-header {
-  border-bottom: 0;
-  border-radius: 6px 6px 0 0;
-  padding-bottom: 0;
-}
-.resbook-modal .ant-modal-body {
-  border-radius: 0 0 6px 6px;
-  padding-top: 0;
-}
-.resbook-modal .ant-modal-header h1,
-.resbook-modal .ant-modal-header p,
-.resbook-modal .ant-modal-body h1,
-.resbook-modal .ant-modal-body h2,
-.resbook-modal .ant-modal-body h3,
-.resbook-modal .ant-modal-body h4,
-.resbook-modal .ant-modal-body p {
-  font-family: "Public Sans", sans-serif;
-}
-.resbook-modal .ant-modal-header p,
-.resbook-modal .ant-modal-body p {
-  font-size: 15px;
-  color: var(--moz-text-input) !important;
-}
-.resbook-modal .ant-modal-header p {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-.resbook-modal .ant-modal-header h1,
-.resbook-modal .ant-modal-body h1 {
-  font-weight: 600;
-  color: var(--moz-text-label) !important;
-  font-size: 18px;
-}
-.resbook-modal .ant-modal-body label {
-  font-size: 15px;
-  color: var(--moz-text-label) !important;
-}
-.resbook-modal .ant-modal-body h2 {
-  color: var(--moz-text-input) !important;
-}
-.resbook-modal .ant-modal-body [class*=regularHourContainer] {
-  color: var(--moz-text-input) !important;
-  box-shadow: none;
-  font-family: var(--font-family);
-}
-.resbook-modal .ant-modal-body [class*=regularHourContainer] strong {
-  font-weight: 300;
-  font-size: 15px;
-}
-.resbook-modal .mz-header .css-spersy-control {
-  background-color: var(--moz-text-input) !important;
-  border-width: 0 0 1px;
-  border-radius: 0;
-}
-.resbook-modal .ant-modal-body .css-spersy-control {
-  background-color: var(--moz-text-input) !important;
-  border-width: 0 0 1px;
-  border-radius: 0;
-}
-.resbook-modal .css-spersy-control > div > div:first-child {
-  color: var(--moz-text-input) !important;
-  font-family: "Public Sans", sans-serif;
-  padding: 7px 0;
-}
-.resbook-modal .ant-modal-body #react-select-4-listbox {
-  background-color: var(--moz-text-input) !important;
-  font-family: var(--font-family);
-}
-.resbook-modal .ant-modal-title,
-.resbook-modal .ant-modal-body span {
-  color: var(--moz-text-input) !important;
-}
-.resbook-modal .ant-modal-close-x line {
-  stroke: var(--moz-text-input) !important;
 }._container_vuyk0_1 {
   display: inline;
   padding: 4px 0px 0px 0px;
@@ -3718,6 +3770,27 @@ hr {
   height: 12px;
 }
 
+@media (max-width: 768px) {
+  ._connectedText_1nbx5_1 {
+    display: none;
+  }
+
+  ._connectedCheck_1nbx5_5 {
+    display: block;
+  }
+}._connectedText_1nbx5_1 {
+  display: block;
+}
+
+._connectedCheck_1nbx5_5 {
+  display: none;
+}
+
+._connectedCheck_1nbx5_5 img {
+  width: auto;
+  height: 12px;
+}
+
 @media (max-width: 768px) {
   ._connectedText_1nbx5_1 {
     display: none;
@@ -4984,13 +5057,13 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-._mainWrapper_fujtq_2 {
+._mainWrapper_qcpcl_2 {
   display: flex;
   flex-direction: column;
   height: 100vh;
   overflow: hidden;
 }
-._mainConatiner_fujtq_9 {
+._mainConatiner_qcpcl_9 {
   color: var(--moz-text-primary);
   flex: 1;
   padding-left: 10px;
@@ -5001,7 +5074,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_fujtq_9 ._mainTableContainer_fujtq_20 {
+._mainConatiner_qcpcl_9 ._mainTableContainer_qcpcl_20 {
   padding-top: 10px;
   flex: 1;
   display: flex;
@@ -5009,25 +5082,26 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
-  width: auto;
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 {
+  width: 450px;
+  min-width: 450px;
   padding: 1rem;
   display: flex;
   flex-direction: column;
   background-color: var(--moz-cta-content-bg);
   box-shadow: -5px 30px 10px rgba(0, 0, 0, 0.1);
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarContent_qcpcl_37 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarHeader_fujtq_41 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarHeader_qcpcl_42 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarMainContent_fujtq_46 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarMainContent_qcpcl_47 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -5035,123 +5109,123 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 1rem;
   gap: 1.5rem;
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarFooter_fujtq_54 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarFooter_qcpcl_55 {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._headerReferece_fujtq_59 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._headerReferece_qcpcl_60 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
+._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarCloseIcon_qcpcl_63 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarContent_qcpcl_37 {
     display: none;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer--open_qcpcl_74 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer--close_fujtq_79 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer--close_qcpcl_80 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarCloseIcon_qcpcl_63 {
     display: none;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon--show_fujtq_87 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarCloseIcon--show_qcpcl_88 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 {
     width: 0px;
     padding: 0;
     height: calc(100vh - var(--enable-onboarding-height, 20px));
     transition: width 0.3s ease-in-out;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarContent_qcpcl_37 {
     display: none;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer--open_qcpcl_74 {
     position: fixed;
     right: 0px;
     width: 450px;
     padding: 1rem;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 ._sidebarContent_fujtq_36 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer--open_qcpcl_74 ._sidebarContent_qcpcl_37 {
     display: flex;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer--close_fujtq_79 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer--close_qcpcl_80 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarCloseIcon_qcpcl_63 {
     display: none;
   }
-  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon--show_fujtq_87 {
+  ._mainConatiner_qcpcl_9 ._mainSidebarContainer_qcpcl_28 ._sidebarCloseIcon--show_qcpcl_88 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_fujtq_125 {
+._headerContainer_qcpcl_126 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_fujtq_125 ._searchContainer_fujtq_131 {
+._headerContainer_qcpcl_126 ._searchContainer_qcpcl_132 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_fujtq_125 ._searchContainer_fujtq_131 {
+  ._headerContainer_qcpcl_126 ._searchContainer_qcpcl_132 {
     width: 200px;
   }
 }
-._headerContainer_fujtq_125 ._buttonList_fujtq_142 {
+._headerContainer_qcpcl_126 ._buttonList_qcpcl_143 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._buttonItem_fujtq_147 {
+._headerContainer_qcpcl_126 ._buttonList_qcpcl_143 ._buttonItem_qcpcl_148 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._buttonItem_fujtq_147 {
+  ._headerContainer_qcpcl_126 ._buttonList_qcpcl_143 ._buttonItem_qcpcl_148 {
     display: none;
   }
 }
-._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._addReservationButton_fujtq_156 {
+._headerContainer_qcpcl_126 ._buttonList_qcpcl_143 ._addReservationButton_qcpcl_157 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._addReservationButton_fujtq_156 {
+  ._headerContainer_qcpcl_126 ._buttonList_qcpcl_143 ._addReservationButton_qcpcl_157 {
     display: none;
   }
 }
-._hideCancellationsContainer_fujtq_165 {
+._hideCancellationsContainer_qcpcl_166 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.5rem;
   margin-top: 10px;
 }
-._customerVisitContainer_fujtq_173 {
+._customerVisitContainer_qcpcl_174 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -5162,23 +5236,23 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding-right: 10px;
   color: var(--moz-cta-primary-text);
 }
-._customerVisitContainer_fujtq_173._multipleVisits_fujtq_184 {
+._customerVisitContainer_qcpcl_174._multipleVisits_qcpcl_185 {
   background: var(--moz-cta-primary);
 }
-._customerVisitContainer_fujtq_173._singleVisit_fujtq_187 {
+._customerVisitContainer_qcpcl_174._singleVisit_qcpcl_188 {
   background: var(--moz-cta-success);
 }
-._customerVisitContainer_fujtq_173._loading_fujtq_190 {
+._customerVisitContainer_qcpcl_174._loading_qcpcl_191 {
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--moz-cta-content-sec-bg);
 }
-._customerVisitContainer_fujtq_173 h4, ._customerVisitContainer_fujtq_173 h5 {
+._customerVisitContainer_qcpcl_174 h4, ._customerVisitContainer_qcpcl_174 h5 {
   color: inherit;
   margin: 0;
 }
-._tableTopHeader_fujtq_201 {
+._tableTopHeader_qcpcl_202 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -5187,50 +5261,50 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_fujtq_201 {
+  ._tableTopHeader_qcpcl_202 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_fujtq_215 {
+._tableTopHeaderContent_qcpcl_216 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_fujtq_215 ._tableTopHeaderContentText_fujtq_222 {
+._tableTopHeaderContent_qcpcl_216 ._tableTopHeaderContentText_qcpcl_223 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_fujtq_215 ._tableTopHeaderContentText_fujtq_222 {
+  ._tableTopHeaderContent_qcpcl_216 ._tableTopHeaderContentText_qcpcl_223 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_fujtq_231 {
+._tableRowContainer_qcpcl_232 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 {
+._tableRowContainer_qcpcl_232 ._tableRowCard_qcpcl_238 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_fujtq_1 0.3s ease-in forwards;
+  animation: _fadeInX_qcpcl_1 0.3s ease-in forwards;
 }
-._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 ._canceled_fujtq_245 {
+._tableRowContainer_qcpcl_232 ._tableRowCard_qcpcl_238 ._canceled_qcpcl_246 {
   text-decoration: line-through;
 }
-._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 ._noData_fujtq_248 {
+._tableRowContainer_qcpcl_232 ._tableRowCard_qcpcl_238 ._noData_qcpcl_249 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 {
+._tableRowContainer_qcpcl_232 ._tableRowHour_qcpcl_256 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -5242,25 +5316,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 {
+  ._tableRowContainer_qcpcl_232 ._tableRowHour_qcpcl_256 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._tableRowHourText_fujtq_271 {
+._tableRowContainer_qcpcl_232 ._tableRowHour_qcpcl_256 ._tableRowHourText_qcpcl_272 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._tableRowHourText_fujtq_271 {
+  ._tableRowContainer_qcpcl_232 ._tableRowHour_qcpcl_256 ._tableRowHourText_qcpcl_272 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._hours_fujtq_279 {
+._tableRowContainer_qcpcl_232 ._tableRowHour_qcpcl_256 ._hours_qcpcl_280 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -5270,26 +5344,26 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 {
+  ._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowImage_fujtq_300 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowImage_qcpcl_301 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowImage_fujtq_300 {
+  ._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowImage_qcpcl_301 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowContactContainer_qcpcl_315 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -5297,24 +5371,24 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 {
+  ._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowContactContainer_qcpcl_315 {
     text-align: center;
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 ._rowContactText_fujtq_326 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowContactContainer_qcpcl_315 ._rowContactText_qcpcl_327 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 ._rowContactPhone_fujtq_332 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowContactContainer_qcpcl_315 ._rowContactPhone_qcpcl_333 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowSectionContainer_qcpcl_340 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -5322,25 +5396,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 {
+  ._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowSectionContainer_qcpcl_340 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 ._rowSection_fujtq_339 ._rowSectionText_fujtq_352 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowSectionContainer_qcpcl_340 ._rowSection_qcpcl_340 ._rowSectionText_qcpcl_353 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 ._rowSection_fujtq_339 ._rowSectionSecText_fujtq_358 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowSectionContainer_qcpcl_340 ._rowSection_qcpcl_340 ._rowSectionSecText_qcpcl_359 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowActionButton_fujtq_365 {
+._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowActionButton_qcpcl_366 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -5348,16 +5422,16 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowActionButton_fujtq_365 {
+  ._tableRowContainer_qcpcl_232 ._tableRowContent_qcpcl_286 ._rowActionButton_qcpcl_366 {
     display: none;
   }
 }
-._bookingInfoContainer_fujtq_378 {
+._bookingInfoContainer_qcpcl_379 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -5365,11 +5439,11 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 ._bookingInfoCardContainer_qcpcl_392 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCard_fujtq_383 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 ._bookingInfoCardContainer_qcpcl_392 ._bookingInfoCard_qcpcl_384 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -5377,19 +5451,19 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 ._bookingInfoCardContainer_qcpcl_392 ._bookingInfoCardContent_qcpcl_404 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 ._bookingInfoCardTitle_fujtq_409 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 ._bookingInfoCardContainer_qcpcl_392 ._bookingInfoCardContent_qcpcl_404 ._bookingInfoCardTitle_qcpcl_410 {
   color: var(--moz-text-primary);
 }
-._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 ._bookingInfoCardText_fujtq_412 {
+._bookingInfoContainer_qcpcl_379 ._bookingInfoCardColumn_qcpcl_384 ._bookingInfoCardContainer_qcpcl_392 ._bookingInfoCardContent_qcpcl_404 ._bookingInfoCardText_qcpcl_413 {
   color: var(--moz-text-secondary);
 }
-._enableOnboardingContainer_fujtq_416 {
+._enableOnboardingContainer_qcpcl_417 {
   background-color: var(--moz-cta-soft-danger);
   color: var(--moz-cta-danger-text);
   padding: 10px;
@@ -5400,7 +5474,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   justify-content: space-between;
   align-items: center;
 }
-@keyframes _fadeInX_fujtq_1 {
+@keyframes _fadeInX_qcpcl_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);
@@ -32876,24 +32950,24 @@ hr {
 ._brandName_vs5i6_11 {
   color: var(--moz-cta-primary);
   cursor: pointer;
-}._brandDetailHeader_rvyt2_1 {
+}._brandDetailHeader_gx61u_1 {
   display: flex;
   flex-direction: row;
   gap: 10px;
 }
 
-._brandDetailContainer_rvyt2_7 {
+._brandDetailContainer_gx61u_7 {
   margin-top: 20px;
 }
 
-._brandDetailContent_rvyt2_11 {
+._brandDetailContent_gx61u_11 {
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   gap: 30px;
 }
 
-._brandDetailContentContainer_rvyt2_18 {
+._brandDetailContentContainer_gx61u_18 {
   border: 1px solid var(--moz-border);
   border-radius: 10px;
   padding: 10px;
@@ -32901,25 +32975,29 @@ hr {
   flex-direction: column;
 }
 
-._brandDetailContentRow_rvyt2_26 {
+._brandDetailOccasionRow_gx61u_26 {
+  margin-bottom: 12px;
+}
+
+._brandDetailContentRow_gx61u_30 {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 10px;
 }
 
-._brandDetailContentItem_rvyt2_33 {
+._brandDetailContentItem_gx61u_37 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex: 0 1 auto;
 }
 
-._brandDetailContentItem_rvyt2_33:last-child {
+._brandDetailContentItem_gx61u_37:last-child {
   flex: 1 1 auto;
 }
 
-._brandDetailContentItemTitle_rvyt2_44 {
+._brandDetailContentItemTitle_gx61u_48 {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -32927,7 +33005,7 @@ hr {
   width: 100%;
 }
 
-._brandDetailActions_rvyt2_52 {
+._brandDetailActions_gx61u_56 {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;