mozrest-sdk-react-dev 0.3.11 → 0.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/mozrest-sdk.es.js +1184 -386
  2. package/package.json +1 -1
  3. package/style.css +145 -113
package/style.css CHANGED
@@ -1517,14 +1517,14 @@
1517
1517
  :root {
1518
1518
  --litepicker-day-width: 35px;
1519
1519
  }
1520
- }._inputWrapper_ib1mx_1 {
1520
+ }._inputWrapper_1vi07_1 {
1521
1521
  position: relative;
1522
1522
  display: flex;
1523
1523
  align-items: center;
1524
1524
  width: 100%;
1525
1525
  }
1526
1526
 
1527
- ._input_ib1mx_1 {
1527
+ ._input_1vi07_1 {
1528
1528
  flex: 1;
1529
1529
  font: var(--moz-font-weight-input) var(--moz-font-size-input)/var(--moz-line-height-input) var(--moz-font-family-input);
1530
1530
  padding: 0.75rem 0.75rem;
@@ -1532,66 +1532,66 @@
1532
1532
  border: none;
1533
1533
  border-bottom: 1px solid var(--moz-input-border);
1534
1534
  color: var(--moz-text-input);
1535
- color-scheme: dark;
1535
+ color-scheme: light;
1536
1536
  border-radius: 0;
1537
1537
  max-width: 100%;
1538
1538
  width: auto;
1539
1539
  box-sizing: border-box;
1540
1540
  }
1541
- ._input_ib1mx_1:focus {
1541
+ ._input_1vi07_1:focus {
1542
1542
  outline: none;
1543
1543
  box-shadow: 0 0 5px var(--moz-input-border);
1544
1544
  }
1545
- ._input_ib1mx_1:disabled {
1545
+ ._input_1vi07_1:disabled {
1546
1546
  color: var(--moz-bg-gray);
1547
1547
  background: var(--moz-input-disabled);
1548
1548
  }
1549
- ._input_ib1mx_1[type=number] {
1549
+ ._input_1vi07_1[type=number] {
1550
1550
  appearance: textfield;
1551
1551
  }
1552
- ._input_ib1mx_1[type=number]::-webkit-outer-spin-button, ._input_ib1mx_1[type=number]::-webkit-inner-spin-button {
1552
+ ._input_1vi07_1[type=number]::-webkit-outer-spin-button, ._input_1vi07_1[type=number]::-webkit-inner-spin-button {
1553
1553
  margin: 0;
1554
1554
  appearance: none;
1555
1555
  }
1556
- ._input--r-md_ib1mx_37 {
1556
+ ._input--r-md_1vi07_37 {
1557
1557
  border-radius: 8px;
1558
1558
  border-bottom-left-radius: 0;
1559
1559
  border-bottom-right-radius: 0;
1560
1560
  }
1561
- ._input--r-sm_ib1mx_42 {
1561
+ ._input--r-sm_1vi07_42 {
1562
1562
  border-radius: 2px;
1563
1563
  border-bottom-left-radius: 0;
1564
1564
  border-bottom-right-radius: 0;
1565
1565
  }
1566
- ._input--with-icon-left_ib1mx_47 {
1566
+ ._input--with-icon-left_1vi07_47 {
1567
1567
  padding-left: 2rem;
1568
1568
  }
1569
- ._input--with-icon-right_ib1mx_50 {
1569
+ ._input--with-icon-right_1vi07_50 {
1570
1570
  padding-right: 2rem;
1571
1571
  }
1572
- ._input--filled_ib1mx_53 {
1572
+ ._input--filled_1vi07_53 {
1573
1573
  background: var(--moz-input-filled);
1574
1574
  }
1575
- ._input--borderless_ib1mx_56 {
1575
+ ._input--borderless_1vi07_56 {
1576
1576
  border: none;
1577
1577
  border-bottom: none;
1578
1578
  }
1579
- ._input--rounded_ib1mx_60 {
1579
+ ._input--rounded_1vi07_60 {
1580
1580
  border-bottom-left-radius: 8px;
1581
1581
  border-bottom-right-radius: 8px;
1582
1582
  }
1583
- ._input_ib1mx_1::placeholder {
1583
+ ._input_1vi07_1::placeholder {
1584
1584
  color: var(--moz-text-input);
1585
1585
  opacity: 1;
1586
1586
  }
1587
- ._input_ib1mx_1:-ms-input-placeholder {
1587
+ ._input_1vi07_1:-ms-input-placeholder {
1588
1588
  color: var(--moz-text-input);
1589
1589
  }
1590
- ._input_ib1mx_1::-ms-input-placeholder {
1590
+ ._input_1vi07_1::-ms-input-placeholder {
1591
1591
  color: var(--moz-text-input);
1592
1592
  }
1593
1593
 
1594
- ._inputIcon_ib1mx_75 {
1594
+ ._inputIcon_1vi07_75 {
1595
1595
  position: absolute;
1596
1596
  pointer-events: none;
1597
1597
  display: flex;
@@ -1600,10 +1600,10 @@
1600
1600
  top: 50%;
1601
1601
  transform: translateY(-50%);
1602
1602
  }
1603
- ._inputIcon--p-left_ib1mx_84 {
1603
+ ._inputIcon--p-left_1vi07_84 {
1604
1604
  left: 0.5rem;
1605
1605
  }
1606
- ._inputIcon--p-right_ib1mx_87 {
1606
+ ._inputIcon--p-right_1vi07_87 {
1607
1607
  right: 0.5rem;
1608
1608
  }._filterButton_c0yjo_1 {
1609
1609
  display: flex;
@@ -2103,7 +2103,7 @@ hr {
2103
2103
  padding: 20px;
2104
2104
  padding-bottom: 5px;
2105
2105
  border-top: 1px solid var(--moz-text-secondary);
2106
- }._drawer_1laol_1 {
2106
+ }._drawer_nrlje_1 {
2107
2107
  position: fixed;
2108
2108
  top: 0;
2109
2109
  right: -200%;
@@ -2116,11 +2116,11 @@ hr {
2116
2116
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
2117
2117
  pointer-events: none;
2118
2118
  }
2119
- ._drawer--open_1laol_14 {
2119
+ ._drawer--open_nrlje_14 {
2120
2120
  right: 0;
2121
2121
  pointer-events: auto;
2122
2122
  }
2123
- ._drawer__overlay_1laol_18 {
2123
+ ._drawer__overlay_nrlje_18 {
2124
2124
  position: fixed;
2125
2125
  top: 0;
2126
2126
  left: 0;
@@ -2132,11 +2132,11 @@ hr {
2132
2132
  opacity: 0;
2133
2133
  pointer-events: none;
2134
2134
  }
2135
- ._drawer--open_1laol_14 ._drawer__overlay_1laol_18 {
2135
+ ._drawer--open_nrlje_14 ._drawer__overlay_nrlje_18 {
2136
2136
  opacity: 1;
2137
2137
  pointer-events: auto;
2138
2138
  }
2139
- ._drawer__content_1laol_34 {
2139
+ ._drawer__content_nrlje_34 {
2140
2140
  position: relative;
2141
2141
  z-index: 1052;
2142
2142
  display: flex;
@@ -2144,7 +2144,7 @@ hr {
2144
2144
  height: 100%;
2145
2145
  background-color: var(--moz-cta-content-bg);
2146
2146
  }
2147
- ._drawer__header_1laol_42 {
2147
+ ._drawer__header_nrlje_42 {
2148
2148
  padding: 16px;
2149
2149
  background-color: var(--moz-cta-content-bg);
2150
2150
  display: flex;
@@ -2152,17 +2152,18 @@ hr {
2152
2152
  align-items: center;
2153
2153
  border-bottom: 1px solid var(--moz-border);
2154
2154
  }
2155
- ._drawer__header__content_1laol_50 {
2155
+ ._drawer__header__content_nrlje_50 {
2156
2156
  display: flex;
2157
2157
  flex-direction: column;
2158
2158
  justify-content: flex-start;
2159
2159
  gap: 0.25rem;
2160
2160
  }
2161
- ._drawer__header__content__desc_1laol_56 {
2161
+ ._drawer__header__content__desc_nrlje_56 {
2162
2162
  font-size: 14px;
2163
2163
  color: var(--moz-text-secondary);
2164
+ max-width: 600px;
2164
2165
  }
2165
- ._drawer__header_1laol_42 ._drawer__close_1laol_60 {
2166
+ ._drawer__header_nrlje_42 ._drawer__close_nrlje_61 {
2166
2167
  background: none;
2167
2168
  border: none;
2168
2169
  color: var(--moz-text-primary);
@@ -2170,13 +2171,17 @@ hr {
2170
2171
  cursor: pointer;
2171
2172
  transition: transform 0.2s;
2172
2173
  }
2173
- ._drawer__header_1laol_42 ._drawer__close_1laol_60:hover {
2174
+ ._drawer__header_nrlje_42 ._drawer__close_nrlje_61:hover {
2174
2175
  transform: scale(1.2);
2175
2176
  }
2176
- ._drawer__body_1laol_71 {
2177
+ ._drawer__body_nrlje_72 {
2177
2178
  flex: 1;
2178
2179
  overflow-y: auto;
2179
2180
  padding: 16px;
2181
+ }._infoText_1m2uc_1 {
2182
+ color: var(--moz-text-secondary);
2183
+ font: 0.75rem/1rem var(--moz-font-family);
2184
+ font-style: italic;
2180
2185
  }._label_1ghpv_1 {
2181
2186
  display: flex;
2182
2187
  gap: 0.5rem;
@@ -4038,7 +4043,7 @@ hr {
4038
4043
  border: 0;
4039
4044
  border-top: 2px solid var(--moz-border) !important;
4040
4045
  }
4041
- ._mainConatiner_1qp4s_7 {
4046
+ ._mainConatiner_dbqrh_7 {
4042
4047
  color: var(--moz-text-primary);
4043
4048
  max-height: 100vh;
4044
4049
  padding-left: 10px;
@@ -4048,7 +4053,7 @@ hr {
4048
4053
  background-color: var(--moz-cta-body-bg);
4049
4054
  overflow: hidden;
4050
4055
  }
4051
- ._mainConatiner_1qp4s_7 ._mainTableContainer_1qp4s_17 {
4056
+ ._mainConatiner_dbqrh_7 ._mainTableContainer_dbqrh_17 {
4052
4057
  padding-top: 10px;
4053
4058
  flex: 1;
4054
4059
  display: flex;
@@ -4056,7 +4061,7 @@ hr {
4056
4061
  overflow: hidden;
4057
4062
  height: 100vh;
4058
4063
  }
4059
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
4064
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
4060
4065
  width: auto;
4061
4066
  padding: 1rem;
4062
4067
  height: 100vh;
@@ -4066,100 +4071,100 @@ hr {
4066
4071
  transition: 0.3s;
4067
4072
  position: inherit;
4068
4073
  }
4069
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._headerReferece_1qp4s_35 {
4074
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._headerReferece_dbqrh_35 {
4070
4075
  color: var(--moz-text-primary);
4071
4076
  }
4072
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
4077
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
4073
4078
  display: none;
4074
4079
  }
4075
4080
  @media (max-width: 768px) {
4076
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
4081
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
4077
4082
  width: 0px;
4078
4083
  padding: 0;
4079
4084
  }
4080
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
4085
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer--open_dbqrh_46 {
4081
4086
  position: fixed;
4082
4087
  right: 0px;
4083
4088
  width: 100%;
4084
4089
  padding: 1rem;
4085
4090
  }
4086
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
4091
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer--close_dbqrh_52 {
4087
4092
  position: inherit;
4088
4093
  width: 0px;
4089
4094
  padding: 0;
4090
4095
  }
4091
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
4096
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
4092
4097
  display: none;
4093
4098
  }
4094
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
4099
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon--show_dbqrh_60 {
4095
4100
  display: block;
4096
4101
  cursor: pointer;
4097
4102
  }
4098
4103
  }
4099
4104
  @media (min-width: 768px) and (max-width: 1200px) {
4100
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
4105
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 {
4101
4106
  width: 0px;
4102
4107
  padding: 0;
4103
4108
  }
4104
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
4109
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer--open_dbqrh_46 {
4105
4110
  position: fixed;
4106
4111
  right: 0px;
4107
4112
  width: 400px;
4108
4113
  padding: 1rem;
4109
4114
  }
4110
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
4115
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer--close_dbqrh_52 {
4111
4116
  position: inherit;
4112
4117
  width: 0px;
4113
4118
  padding: 0;
4114
4119
  }
4115
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
4120
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon_dbqrh_38 {
4116
4121
  display: none;
4117
4122
  }
4118
- ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
4123
+ ._mainConatiner_dbqrh_7 ._mainSidebarContainer_dbqrh_25 ._sidebarCloseIcon--show_dbqrh_60 {
4119
4124
  display: block;
4120
4125
  cursor: pointer;
4121
4126
  }
4122
4127
  }
4123
- ._headerContainer_1qp4s_90 {
4128
+ ._headerContainer_dbqrh_90 {
4124
4129
  display: flex;
4125
4130
  justify-content: space-between;
4126
4131
  align-items: center;
4127
4132
  flex-wrap: wrap;
4128
4133
  }
4129
- ._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
4134
+ ._headerContainer_dbqrh_90 ._searchContainer_dbqrh_96 {
4130
4135
  display: flex;
4131
4136
  align-items: center;
4132
4137
  gap: 10px;
4133
4138
  width: 180px;
4134
4139
  }
4135
4140
  @media (max-width: 768px) {
4136
- ._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
4141
+ ._headerContainer_dbqrh_90 ._searchContainer_dbqrh_96 {
4137
4142
  width: 200px;
4138
4143
  }
4139
4144
  }
4140
- ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 {
4145
+ ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 {
4141
4146
  display: flex;
4142
4147
  align-items: center;
4143
4148
  gap: 0.5rem;
4144
4149
  }
4145
- ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
4150
+ ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._buttonItem_dbqrh_112 {
4146
4151
  display: block;
4147
4152
  transition: 0.3s;
4148
4153
  }
4149
4154
  @media (max-width: 768px) {
4150
- ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
4155
+ ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._buttonItem_dbqrh_112 {
4151
4156
  display: none;
4152
4157
  }
4153
4158
  }
4154
- ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
4159
+ ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._addReservationButton_dbqrh_121 {
4155
4160
  display: inherit;
4156
4161
  }
4157
4162
  @media (max-width: 768px) {
4158
- ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
4163
+ ._headerContainer_dbqrh_90 ._buttonList_dbqrh_107 ._addReservationButton_dbqrh_121 {
4159
4164
  display: none;
4160
4165
  }
4161
4166
  }
4162
- ._tableTopHeader_1qp4s_130 {
4167
+ ._tableTopHeader_dbqrh_130 {
4163
4168
  display: flex;
4164
4169
  justify-content: space-between;
4165
4170
  align-items: center;
@@ -4168,50 +4173,50 @@ hr {
4168
4173
  font: 1.125rem/1.75rem var(--moz-font-family-title);
4169
4174
  }
4170
4175
  @media (max-width: 768px) {
4171
- ._tableTopHeader_1qp4s_130 {
4176
+ ._tableTopHeader_dbqrh_130 {
4172
4177
  font: 0.75rem/1.75rem var(--moz-font-family-title);
4173
4178
  }
4174
4179
  }
4175
- ._tableTopHeaderContent_1qp4s_144 {
4180
+ ._tableTopHeaderContent_dbqrh_144 {
4176
4181
  display: flex;
4177
4182
  justify-content: space-between;
4178
4183
  align-items: center;
4179
4184
  margin-top: 20px;
4180
4185
  margin-bottom: 10px;
4181
4186
  }
4182
- ._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
4187
+ ._tableTopHeaderContent_dbqrh_144 ._tableTopHeaderContentText_dbqrh_151 {
4183
4188
  font: 600 1.875rem/2.25rem var(--moz-font-family-title);
4184
4189
  }
4185
4190
  @media (max-width: 768px) {
4186
- ._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
4191
+ ._tableTopHeaderContent_dbqrh_144 ._tableTopHeaderContentText_dbqrh_151 {
4187
4192
  font: 600 1.5rem/2rem var(--moz-font-family-title);
4188
4193
  }
4189
4194
  }
4190
- ._tableRowContainer_1qp4s_160 {
4195
+ ._tableRowContainer_dbqrh_160 {
4191
4196
  display: flex;
4192
4197
  flex-direction: column;
4193
4198
  width: 100%;
4194
4199
  gap: 0.5rem;
4195
4200
  }
4196
- ._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 {
4201
+ ._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 {
4197
4202
  padding: 0;
4198
4203
  background-color: var(--moz-cta-content-bg);
4199
4204
  overflow-x: auto;
4200
4205
  opacity: 0;
4201
4206
  transform: translateX(-20px);
4202
- animation: _fadeInX_1qp4s_1 0.3s ease-in forwards;
4207
+ animation: _fadeInX_dbqrh_1 0.3s ease-in forwards;
4203
4208
  }
4204
- ._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._canceled_1qp4s_174 {
4209
+ ._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 ._canceled_dbqrh_174 {
4205
4210
  text-decoration: line-through;
4206
4211
  }
4207
- ._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._noData_1qp4s_177 {
4212
+ ._tableRowContainer_dbqrh_160 ._tableRowCard_dbqrh_166 ._noData_dbqrh_177 {
4208
4213
  display: flex;
4209
4214
  justify-content: center;
4210
4215
  align-items: center;
4211
4216
  height: 100px;
4212
4217
  color: var(--moz-text-secondary);
4213
4218
  }
4214
- ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
4219
+ ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 {
4215
4220
  display: flex;
4216
4221
  width: 150px;
4217
4222
  flex-direction: column;
@@ -4223,25 +4228,25 @@ hr {
4223
4228
  background-color: var(--moz-cta-content-sec-bg);
4224
4229
  }
4225
4230
  @media (max-width: 768px) {
4226
- ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
4231
+ ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 {
4227
4232
  padding: 0 0.5rem 0 0.5rem;
4228
4233
  }
4229
4234
  }
4230
- ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
4235
+ ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._tableRowHourText_dbqrh_200 {
4231
4236
  font: 600 1.6rem/2.25rem var(--moz-font-family-title);
4232
4237
  }
4233
4238
  @media (max-width: 768px) {
4234
- ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
4239
+ ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._tableRowHourText_dbqrh_200 {
4235
4240
  font: 1.25rem/1.75rem var(--moz-font-family-title);
4236
4241
  }
4237
4242
  }
4238
- ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._hours_1qp4s_208 {
4243
+ ._tableRowContainer_dbqrh_160 ._tableRowHour_dbqrh_184 ._hours_dbqrh_208 {
4239
4244
  display: flex;
4240
4245
  justify-content: center;
4241
4246
  align-items: center;
4242
4247
  gap: 0.5rem;
4243
4248
  }
4244
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
4249
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 {
4245
4250
  display: flex;
4246
4251
  align-items: center;
4247
4252
  gap: 0.5rem;
@@ -4251,26 +4256,26 @@ hr {
4251
4256
  width: 100%;
4252
4257
  }
4253
4258
  @media (max-width: 768px) {
4254
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
4259
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 {
4255
4260
  flex-direction: column;
4256
4261
  padding: 0.5rem;
4257
4262
  }
4258
4263
  }
4259
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
4264
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowImage_dbqrh_229 {
4260
4265
  width: 45px;
4261
4266
  height: 45px;
4262
4267
  border-radius: 50%;
4263
4268
  margin-right: 10px;
4264
4269
  }
4265
4270
  @media (max-width: 768px) {
4266
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
4271
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowImage_dbqrh_229 {
4267
4272
  width: 30px;
4268
4273
  height: 30px;
4269
4274
  border-radius: 50%;
4270
4275
  margin-right: 5px;
4271
4276
  }
4272
4277
  }
4273
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
4278
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 {
4274
4279
  display: flex;
4275
4280
  flex-direction: column;
4276
4281
  text-align: left;
@@ -4278,24 +4283,24 @@ hr {
4278
4283
  max-width: 200px;
4279
4284
  }
4280
4285
  @media (max-width: 768px) {
4281
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
4286
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 {
4282
4287
  text-align: center;
4283
4288
  }
4284
4289
  }
4285
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactText_1qp4s_255 {
4290
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 ._rowContactText_dbqrh_255 {
4286
4291
  white-space: nowrap;
4287
4292
  overflow: hidden;
4288
4293
  text-overflow: ellipsis;
4289
4294
  max-width: 100%;
4290
4295
  }
4291
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactPhone_1qp4s_261 {
4296
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowContactContainer_dbqrh_243 ._rowContactPhone_dbqrh_261 {
4292
4297
  white-space: nowrap;
4293
4298
  overflow: hidden;
4294
4299
  text-overflow: ellipsis;
4295
4300
  max-width: 100%;
4296
4301
  color: var(--moz-text-secondary);
4297
4302
  }
4298
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
4303
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 {
4299
4304
  display: flex;
4300
4305
  flex-direction: row;
4301
4306
  text-align: center;
@@ -4303,25 +4308,25 @@ hr {
4303
4308
  min-width: 200px;
4304
4309
  }
4305
4310
  @media (max-width: 768px) {
4306
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
4311
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 {
4307
4312
  justify-content: center;
4308
4313
  gap: 20px;
4309
4314
  }
4310
4315
  }
4311
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionText_1qp4s_281 {
4316
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 ._rowSection_dbqrh_268 ._rowSectionText_dbqrh_281 {
4312
4317
  white-space: nowrap;
4313
4318
  overflow: hidden;
4314
4319
  text-overflow: ellipsis;
4315
4320
  max-width: 100%;
4316
4321
  }
4317
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionSecText_1qp4s_287 {
4322
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowSectionContainer_dbqrh_268 ._rowSection_dbqrh_268 ._rowSectionSecText_dbqrh_287 {
4318
4323
  white-space: nowrap;
4319
4324
  overflow: hidden;
4320
4325
  text-overflow: ellipsis;
4321
4326
  max-width: 100%;
4322
4327
  color: var(--moz-text-secondary);
4323
4328
  }
4324
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
4329
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowActionButton_dbqrh_294 {
4325
4330
  min-width: 200px;
4326
4331
  display: flex;
4327
4332
  flex: 1;
@@ -4329,16 +4334,16 @@ hr {
4329
4334
  display: inherit;
4330
4335
  }
4331
4336
  @media (max-width: 768px) {
4332
- ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
4337
+ ._tableRowContainer_dbqrh_160 ._tableRowContent_dbqrh_214 ._rowActionButton_dbqrh_294 {
4333
4338
  display: none;
4334
4339
  }
4335
4340
  }
4336
- ._bookingInfoContainer_1qp4s_307 {
4341
+ ._bookingInfoContainer_dbqrh_307 {
4337
4342
  width: 100%;
4338
4343
  display: flex;
4339
4344
  justify-content: space-between;
4340
4345
  }
4341
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 {
4346
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 {
4342
4347
  display: flex;
4343
4348
  flex-direction: column;
4344
4349
  gap: 10px;
@@ -4346,11 +4351,11 @@ hr {
4346
4351
  flex-wrap: wrap;
4347
4352
  margin: 10px;
4348
4353
  }
4349
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 {
4354
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 {
4350
4355
  display: flex;
4351
4356
  gap: 10px;
4352
4357
  }
4353
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCard_1qp4s_312 {
4358
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCard_dbqrh_312 {
4354
4359
  width: 43px;
4355
4360
  height: 43px;
4356
4361
  background-color: var(--moz-cta-content-sec-bg);
@@ -4358,19 +4363,19 @@ hr {
4358
4363
  padding: 10px;
4359
4364
  border-radius: 6px;
4360
4365
  }
4361
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 {
4366
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 {
4362
4367
  display: flex;
4363
4368
  flex-direction: column;
4364
4369
  justify-content: center;
4365
4370
  gap: 4px;
4366
4371
  }
4367
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardTitle_1qp4s_338 {
4368
- color: white;
4372
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 ._bookingInfoCardTitle_dbqrh_338 {
4373
+ color: var(--moz-text-primary);
4369
4374
  }
4370
- ._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardText_1qp4s_341 {
4375
+ ._bookingInfoContainer_dbqrh_307 ._bookingInfoCardColumn_dbqrh_312 ._bookingInfoCardContainer_dbqrh_320 ._bookingInfoCardContent_dbqrh_332 ._bookingInfoCardText_dbqrh_341 {
4371
4376
  color: var(--moz-text-secondary);
4372
4377
  }
4373
- @keyframes _fadeInX_1qp4s_1 {
4378
+ @keyframes _fadeInX_dbqrh_1 {
4374
4379
  from {
4375
4380
  opacity: 0;
4376
4381
  transform: translateX(-20px);
@@ -31017,7 +31022,7 @@ hr {
31017
31022
  border: 0;
31018
31023
  border-top: 2px solid #42465a;
31019
31024
  }
31020
- ._my-masonry-grid_70uhk_42 {
31025
+ ._my-masonry-grid_pybf6_42 {
31021
31026
  display: -webkit-box;
31022
31027
  /* Not needed if autoprefixing */
31023
31028
  display: -ms-flexbox;
@@ -31027,16 +31032,16 @@ hr {
31027
31032
  /* gutter size offset */
31028
31033
  width: auto;
31029
31034
  }
31030
- ._my-masonry-grid_column_70uhk_53 {
31035
+ ._my-masonry-grid_column_pybf6_53 {
31031
31036
  padding-left: 40px;
31032
31037
  /* gutter size */
31033
31038
  background-clip: padding-box;
31034
31039
  }
31035
- ._my-masonry-grid_column_70uhk_53 > div {
31040
+ ._my-masonry-grid_column_pybf6_53 > div {
31036
31041
  /* change div to reference your elements you put in <Masonry> */
31037
31042
  margin-bottom: 40px;
31038
31043
  }
31039
- ._mainConatiner_70uhk_64 {
31044
+ ._mainConatiner_pybf6_64 {
31040
31045
  color: var(--moz-text-primary);
31041
31046
  height: 100vh;
31042
31047
  max-height: 100vh;
@@ -31047,13 +31052,13 @@ hr {
31047
31052
  overflow: hidden;
31048
31053
  overflow-y: auto;
31049
31054
  }
31050
- ._mainConatiner_70uhk_64 ._header_70uhk_75 {
31055
+ ._mainConatiner_pybf6_64 ._header_pybf6_75 {
31051
31056
  display: flex;
31052
31057
  justify-content: flex-start;
31053
31058
  align-items: center;
31054
31059
  padding: 1.25rem;
31055
31060
  }
31056
- ._mainConatiner_70uhk_64 ._content_70uhk_81 {
31061
+ ._mainConatiner_pybf6_64 ._content_pybf6_81 {
31057
31062
  display: flex;
31058
31063
  justify-content: center;
31059
31064
  align-items: flex-start;
@@ -31061,30 +31066,29 @@ hr {
31061
31066
  padding: 1.5rem;
31062
31067
  overflow-y: auto;
31063
31068
  }
31064
- ._textSecondary_70uhk_90 {
31069
+ ._textSecondary_pybf6_90 {
31065
31070
  color: var(--moz-text-secondary);
31066
31071
  }
31067
- ._sectionCard_70uhk_94 {
31072
+ ._sectionCard_pybf6_94 {
31068
31073
  padding: 0;
31069
- max-width: 400px;
31070
31074
  background-color: var(--moz-cta-content-bg);
31071
31075
  }
31072
- ._sectionCard_70uhk_94 ._cardHeader_70uhk_99 {
31076
+ ._sectionCard_pybf6_94 ._cardHeader_pybf6_98 {
31073
31077
  padding: 1.5rem;
31074
31078
  }
31075
- ._sectionCard_70uhk_94 ._cardHeader_70uhk_99 ._cardTitle_70uhk_102 {
31079
+ ._sectionCard_pybf6_94 ._cardHeader_pybf6_98 ._cardTitle_pybf6_101 {
31076
31080
  font-size: 18px;
31077
31081
  color: var(--moz-text-label);
31078
31082
  }
31079
- ._sectionCard_70uhk_94 ._cardHeader_70uhk_99 ._cardDesc_70uhk_106 {
31083
+ ._sectionCard_pybf6_94 ._cardHeader_pybf6_98 ._cardDesc_pybf6_105 {
31080
31084
  font-size: 14px;
31081
31085
  color: var(--moz-text-secondary);
31082
31086
  }
31083
- ._sectionCard_70uhk_94 ._cardBody_70uhk_110 {
31087
+ ._sectionCard_pybf6_94 ._cardBody_pybf6_109 {
31084
31088
  padding: 1.5rem;
31085
31089
  color: var(--moz-text-label);
31086
31090
  }
31087
- ._sectionCard_70uhk_94 ._cardFooter_70uhk_114 ._cardFooterContent_70uhk_114 {
31091
+ ._sectionCard_pybf6_94 ._cardFooter_pybf6_113 ._cardFooterContent_pybf6_113 {
31088
31092
  padding: 0.5rem;
31089
31093
  display: flex;
31090
31094
  justify-content: center;
@@ -31095,25 +31099,25 @@ hr {
31095
31099
  color: var(--moz-text-secondary);
31096
31100
  cursor: pointer;
31097
31101
  }
31098
- ._sectionManagement_70uhk_126 ._sectionFormRow_70uhk_126 {
31102
+ ._sectionManagement_pybf6_125 ._sectionFormRow_pybf6_125 {
31099
31103
  display: flex;
31100
31104
  gap: 0.75rem;
31101
31105
  padding: 1.5rem;
31102
31106
  justify-content: center;
31103
31107
  align-items: center;
31104
31108
  }
31105
- ._sectionManagement_70uhk_126 ._drawerContent_70uhk_133 {
31109
+ ._sectionManagement_pybf6_125 ._drawerContent_pybf6_132 {
31106
31110
  display: flex;
31107
31111
  flex-direction: column;
31108
31112
  height: 100%;
31109
31113
  }
31110
- ._sectionManagement_70uhk_126 ._scrollableForm_70uhk_138 {
31114
+ ._sectionManagement_pybf6_125 ._scrollableForm_pybf6_137 {
31111
31115
  flex: 1;
31112
31116
  overflow-y: auto;
31113
31117
  padding-top: 0px;
31114
31118
  padding: 20px;
31115
31119
  }
31116
- ._sectionManagement_70uhk_126 ._fixedActions_70uhk_144 {
31120
+ ._sectionManagement_pybf6_125 ._fixedActions_pybf6_143 {
31117
31121
  display: flex;
31118
31122
  justify-content: flex-end;
31119
31123
  gap: 10px;
@@ -31121,21 +31125,49 @@ hr {
31121
31125
  padding-bottom: 5px;
31122
31126
  border-top: 1px solid var(--moz-text-tertiary);
31123
31127
  }
31124
- ._specialDatesInfoText_70uhk_153 {
31128
+ ._specialDatesInfoText_pybf6_152 {
31125
31129
  color: var(--moz-text-secondary);
31126
31130
  font-size: 14px;
31127
31131
  padding: 5px;
31128
31132
  padding-top: 0;
31129
31133
  padding-bottom: 0;
31130
31134
  }
31131
- ._closeIcon_70uhk_161 {
31135
+ ._closeIcon_pybf6_160 {
31132
31136
  color: var(--moz-text-primary);
31133
31137
  cursor: "pointer";
31134
31138
  margin-top: 20;
31135
31139
  }
31136
- ._deleteIcon_70uhk_167 {
31140
+ ._deleteIcon_pybf6_166 {
31137
31141
  color: var(--moz-cta-danger);
31138
31142
  cursor: "pointer";
31143
+ }
31144
+ ._stripeConnectContainer_pybf6_171 {
31145
+ margin-bottom: 20px;
31146
+ display: flex;
31147
+ justify-content: flex-start;
31148
+ align-items: center;
31149
+ gap: 20px;
31150
+ }
31151
+ ._paymentGatewayContainer_pybf6_179 {
31152
+ display: flex;
31153
+ flex-direction: column;
31154
+ gap: 30px;
31155
+ margin-bottom: 30px;
31156
+ }
31157
+ ._paymentGatewayContainer_pybf6_179 ._paymentRules_pybf6_185 {
31158
+ display: flex;
31159
+ flex-direction: column;
31160
+ gap: 20px;
31161
+ }
31162
+ ._paymentGatewayContainer_pybf6_179 ._paymentRules_pybf6_185 ._paymentRulesContainer_pybf6_190 {
31163
+ display: flex;
31164
+ flex-direction: row;
31165
+ gap: 10px;
31166
+ }
31167
+ ._paymentRulesDesc_pybf6_196 {
31168
+ max-width: 600px;
31169
+ color: var(--moz-text-secondary);
31170
+ font-size: 14px;
31139
31171
  }._form_p8f7t_1 {
31140
31172
  display: flex;
31141
31173
  flex-direction: column;