pcm-shared-components 0.0.269 → 2.0.1
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.
|
@@ -0,0 +1,367 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { ThemeProvider } from '@mui/system';
|
|
4
|
+
import { createTheme, useTheme } from '@mui/material/styles';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import Button from '@mui/material/Button'; // import { toFloat_2_decimal } from '../../../tools/string_formatter';
|
|
7
|
+
|
|
8
|
+
import IconButton from '@mui/material/IconButton';
|
|
9
|
+
import EditIcon from '@mui/icons-material/Edit'; // import { limitStringLength } from 'app/tools/string_formatter';
|
|
10
|
+
// import { RiBarcodeLine } from 'react-icons/ri';
|
|
11
|
+
|
|
12
|
+
import ImageStack from '../../Images/ImageStack';
|
|
13
|
+
import InfoIcon from '@mui/icons-material/Info';
|
|
14
|
+
import Tooltip from '@mui/material/Tooltip';
|
|
15
|
+
import { makeStyles } from '@mui/styles';
|
|
16
|
+
import withStyles from "@mui/styles/withStyles";
|
|
17
|
+
let debounce;
|
|
18
|
+
const useStyles = makeStyles(theme => ({
|
|
19
|
+
productButtonWrapper: {
|
|
20
|
+
color: 'lightgray',
|
|
21
|
+
height: ({
|
|
22
|
+
PRODUCT_BUTTON_HEIGHT
|
|
23
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
24
|
+
maxHeight: ({
|
|
25
|
+
PRODUCT_BUTTON_HEIGHT
|
|
26
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
27
|
+
maxWidth: 'fit-content',
|
|
28
|
+
margin: ({
|
|
29
|
+
PRODUCT_BUTTON_GUTTER
|
|
30
|
+
}) => PRODUCT_BUTTON_GUTTER,
|
|
31
|
+
backgroundColor: 'lightgray',
|
|
32
|
+
borderRadius: 5
|
|
33
|
+
},
|
|
34
|
+
productButtonActive: {
|
|
35
|
+
color: '#fff',
|
|
36
|
+
height: ({
|
|
37
|
+
PRODUCT_BUTTON_HEIGHT
|
|
38
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
39
|
+
maxHeight: ({
|
|
40
|
+
PRODUCT_BUTTON_HEIGHT
|
|
41
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
42
|
+
textAlign: 'center',
|
|
43
|
+
fontSize: 16,
|
|
44
|
+
borderRadius: 5,
|
|
45
|
+
backgroundColor: theme.palette && theme.palette.primary.main ? theme.palette.primary.main : undefined,
|
|
46
|
+
'&:hover': {
|
|
47
|
+
backgroundColor: theme.palette && theme.palette.primary.dark ? theme.palette.primary.dark : undefined
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
productButtonNotActive: {
|
|
51
|
+
color: '#fff',
|
|
52
|
+
height: ({
|
|
53
|
+
PRODUCT_BUTTON_HEIGHT
|
|
54
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
55
|
+
maxHeight: ({
|
|
56
|
+
PRODUCT_BUTTON_HEIGHT
|
|
57
|
+
}) => PRODUCT_BUTTON_HEIGHT,
|
|
58
|
+
textAlign: 'center',
|
|
59
|
+
borderRadius: 5,
|
|
60
|
+
backgroundColor: theme.palette && theme.palette.action.focus ? theme.palette.action.focus : undefined,
|
|
61
|
+
'&:hover': {
|
|
62
|
+
backgroundColor: theme.palette && theme.palette.action.active ? theme.palette.action.active : undefined
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
productName: {
|
|
66
|
+
fontSize: 16,
|
|
67
|
+
lineHeight: 1,
|
|
68
|
+
"-webkit-line-clamp": 2,
|
|
69
|
+
WebkitLineClamp: 2,
|
|
70
|
+
display: '-webkit-box',
|
|
71
|
+
"-webkit-box-orient": 'vertical',
|
|
72
|
+
whiteSpace: 'normal',
|
|
73
|
+
overflow: 'hidden',
|
|
74
|
+
textOverflow: 'ellipsis'
|
|
75
|
+
},
|
|
76
|
+
productPrice: {
|
|
77
|
+
fontSize: 26,
|
|
78
|
+
lineHeight: 1.5,
|
|
79
|
+
"-webkit-line-clamp": 1,
|
|
80
|
+
WebkitLineClamp: 1,
|
|
81
|
+
display: '-webkit-box',
|
|
82
|
+
"-webkit-box-orient": 'vertical',
|
|
83
|
+
whiteSpace: 'normal',
|
|
84
|
+
overflow: 'hidden',
|
|
85
|
+
textOverflow: 'ellipsis'
|
|
86
|
+
},
|
|
87
|
+
productTirePrice: {
|
|
88
|
+
fontSize: 20,
|
|
89
|
+
lineHeight: 1.3,
|
|
90
|
+
"-webkit-line-clamp": 1,
|
|
91
|
+
WebkitLineClamp: 1,
|
|
92
|
+
display: '-webkit-box',
|
|
93
|
+
"-webkit-box-orient": 'vertical',
|
|
94
|
+
whiteSpace: 'normal',
|
|
95
|
+
overflow: 'hidden',
|
|
96
|
+
textOverflow: 'ellipsis'
|
|
97
|
+
},
|
|
98
|
+
productQuantity: {
|
|
99
|
+
fontSize: 11,
|
|
100
|
+
padding: 0,
|
|
101
|
+
marginTop: 0,
|
|
102
|
+
marginBottom: 0
|
|
103
|
+
},
|
|
104
|
+
productSKU: {
|
|
105
|
+
lineHeight: 1.5,
|
|
106
|
+
fontSize: 12,
|
|
107
|
+
padding: '0 5px 0px 5px',
|
|
108
|
+
margin: 'auto',
|
|
109
|
+
backgroundColor: 'white',
|
|
110
|
+
width: '100%',
|
|
111
|
+
minWidth: '100%',
|
|
112
|
+
color: 'orange',
|
|
113
|
+
borderRadius: 5
|
|
114
|
+
},
|
|
115
|
+
tierPriceSubtitle: {
|
|
116
|
+
lineHeight: 0.5,
|
|
117
|
+
padding: 0,
|
|
118
|
+
margin: 0,
|
|
119
|
+
fontSize: 10
|
|
120
|
+
}
|
|
121
|
+
}));
|
|
122
|
+
/**
|
|
123
|
+
* ## Importing the component in your project
|
|
124
|
+
*
|
|
125
|
+
```js
|
|
126
|
+
|
|
127
|
+
import {ProductItemButton} from 'pcm-shared-components';
|
|
128
|
+
|
|
129
|
+
```
|
|
130
|
+
*
|
|
131
|
+
*/
|
|
132
|
+
|
|
133
|
+
export const ProductItemButton = props => {
|
|
134
|
+
const {
|
|
135
|
+
productData,
|
|
136
|
+
showEdit,
|
|
137
|
+
PRODUCT_BUTTON_GUTTER,
|
|
138
|
+
PRODUCT_BUTTON_HEIGHT,
|
|
139
|
+
PRODUCT_SMALL_BUTTON_WIDTH,
|
|
140
|
+
PRODUCT_LARGE_BUTTON_WIDTH,
|
|
141
|
+
FooterSection,
|
|
142
|
+
onEditClick,
|
|
143
|
+
onClick,
|
|
144
|
+
i18next,
|
|
145
|
+
theme
|
|
146
|
+
} = props;
|
|
147
|
+
const classes = useStyles({
|
|
148
|
+
PRODUCT_BUTTON_GUTTER,
|
|
149
|
+
PRODUCT_BUTTON_HEIGHT,
|
|
150
|
+
PRODUCT_SMALL_BUTTON_WIDTH,
|
|
151
|
+
PRODUCT_LARGE_BUTTON_WIDTH
|
|
152
|
+
});
|
|
153
|
+
const compTheme = theme ? theme : useTheme();
|
|
154
|
+
const defaultTheme = createTheme(compTheme); //---------------------------------------------------
|
|
155
|
+
// Local Component
|
|
156
|
+
//---------------------------------------------------
|
|
157
|
+
|
|
158
|
+
const LightTooltip = withStyles(theme => ({
|
|
159
|
+
tooltip: {
|
|
160
|
+
backgroundColor: theme && theme.palette && theme.palette.common.white ? theme.palette.common.white : undefined,
|
|
161
|
+
color: theme && theme.palette && theme.palette.common.black ? theme.palette.common.black : undefined,
|
|
162
|
+
boxShadow: theme.shadows ? theme.shadows[1] : 1,
|
|
163
|
+
fontSize: 14
|
|
164
|
+
}
|
|
165
|
+
}))(Tooltip);
|
|
166
|
+
|
|
167
|
+
const TierPricing = ({
|
|
168
|
+
price,
|
|
169
|
+
sub_title
|
|
170
|
+
}) => {
|
|
171
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
172
|
+
className: clsx('flex flex-col mx-auto')
|
|
173
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
174
|
+
className: clsx(classes.productTirePrice, 'p-0 my-0 mx-auto ')
|
|
175
|
+
}, toFloat_0_decimal(price)), /*#__PURE__*/React.createElement("p", {
|
|
176
|
+
className: clsx(classes.tierPriceSubtitle, ' mx-auto ')
|
|
177
|
+
}, sub_title));
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
const toFloat_2_decimal = (value, with_thousand_separators = true) => {
|
|
181
|
+
try {
|
|
182
|
+
if (value) {
|
|
183
|
+
value = parseFloat(Math.round(value * 100) / 100).toFixed(2);
|
|
184
|
+
|
|
185
|
+
if (with_thousand_separators) {
|
|
186
|
+
value = thousandsSeparators(value);
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
} catch (e) {
|
|
190
|
+
console.error(e.message);
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
return value;
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
const toFloat_0_decimal = (value, with_thousand_separators = true) => {
|
|
197
|
+
try {
|
|
198
|
+
if (value) {
|
|
199
|
+
value = parseFloat(Math.round(value * 100) / 100).toFixed(0);
|
|
200
|
+
|
|
201
|
+
if (with_thousand_separators) {
|
|
202
|
+
value = thousandsSeparators(value);
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
} catch (e) {
|
|
206
|
+
console.error(e.message);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
return value;
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
213
|
+
key: `product_list_items_${productData.product_id}`,
|
|
214
|
+
className: clsx(classes.productButtonWrapper, 'flex flex-row')
|
|
215
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
216
|
+
onClick: () => {
|
|
217
|
+
clearTimeout(debounce);
|
|
218
|
+
debounce = setTimeout(() => {
|
|
219
|
+
onClick(productData);
|
|
220
|
+
}, 50);
|
|
221
|
+
},
|
|
222
|
+
variant: "contained",
|
|
223
|
+
className: clsx(Number(productData.state_id) === 1 ? classes.productButtonActive : classes.productButtonNotActive),
|
|
224
|
+
style: {
|
|
225
|
+
//change the width based on pricing type. So we can show the tiered pricing the button
|
|
226
|
+
width: Number(productData.is_unit_pricing) === 1 ? PRODUCT_SMALL_BUTTON_WIDTH : PRODUCT_LARGE_BUTTON_WIDTH,
|
|
227
|
+
height: '100%'
|
|
228
|
+
}
|
|
229
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
230
|
+
className: "flex flex-col w-full h-full justify-between "
|
|
231
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
232
|
+
className: ""
|
|
233
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
234
|
+
className: clsx(classes.productName, 'my-auto mx-12')
|
|
235
|
+
}, productData.name), productData.description && productData.description.length > 3 && /*#__PURE__*/React.createElement("div", {
|
|
236
|
+
className: "absolute right-0 top-0 "
|
|
237
|
+
}, /*#__PURE__*/React.createElement(LightTooltip, {
|
|
238
|
+
title: productData.description,
|
|
239
|
+
arrow: true
|
|
240
|
+
}, /*#__PURE__*/React.createElement(InfoIcon, {
|
|
241
|
+
fontSize: "large"
|
|
242
|
+
})))), productData.pictures && productData.pictures.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
243
|
+
className: "absolute left-0 -ml-10 z-99",
|
|
244
|
+
style: {
|
|
245
|
+
top: '22%'
|
|
246
|
+
}
|
|
247
|
+
}, /*#__PURE__*/React.createElement(ImageStack, {
|
|
248
|
+
images: productData.pictures,
|
|
249
|
+
imageSize: 50,
|
|
250
|
+
orientation: "vertical"
|
|
251
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
252
|
+
className: "flex flex-row"
|
|
253
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
254
|
+
className: "w-full"
|
|
255
|
+
}, Number(productData.is_unit_pricing) === 1 ?
|
|
256
|
+
/*#__PURE__*/
|
|
257
|
+
// Unit Pricing
|
|
258
|
+
React.createElement("p", {
|
|
259
|
+
className: clsx(classes.productPrice, 'my-auto')
|
|
260
|
+
}, toFloat_2_decimal(productData.price_per_unit)) :
|
|
261
|
+
/*#__PURE__*/
|
|
262
|
+
// Tire Pricing
|
|
263
|
+
React.createElement("div", {
|
|
264
|
+
className: `flex flex-row justify-end mx-auto mb-4 capitalize ${productData.pictures && productData.pictures.length > 0 ? ' ml-32 ' : ''}`
|
|
265
|
+
}, /*#__PURE__*/React.createElement(TierPricing, {
|
|
266
|
+
price: productData.daily_price,
|
|
267
|
+
sub_title: i18next.t('common.app.nightly')
|
|
268
|
+
}), /*#__PURE__*/React.createElement(TierPricing, {
|
|
269
|
+
price: productData.weekly_price,
|
|
270
|
+
sub_title: i18next.t('common.app.weekly')
|
|
271
|
+
}), /*#__PURE__*/React.createElement(TierPricing, {
|
|
272
|
+
price: productData.monthly_price,
|
|
273
|
+
sub_title: i18next.t('common.app.monthly')
|
|
274
|
+
}), /*#__PURE__*/React.createElement(TierPricing, {
|
|
275
|
+
price: productData.seasonal_price,
|
|
276
|
+
sub_title: i18next.t('common.app.seasonal')
|
|
277
|
+
})))), /*#__PURE__*/React.createElement("div", {
|
|
278
|
+
className: "flex flex-row"
|
|
279
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
280
|
+
className: "w-full px-6"
|
|
281
|
+
}, FooterSection)))), showEdit && /*#__PURE__*/React.createElement("div", {
|
|
282
|
+
className: "flex flex-col justify-center m-auto h-full cursor-pointer",
|
|
283
|
+
onClick: () => {
|
|
284
|
+
onEditClick(productData);
|
|
285
|
+
},
|
|
286
|
+
style: {
|
|
287
|
+
backgroundColor: 'transparent'
|
|
288
|
+
}
|
|
289
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
290
|
+
size: "small",
|
|
291
|
+
color: "primary",
|
|
292
|
+
"aria-label": "upload picture",
|
|
293
|
+
component: "span"
|
|
294
|
+
}, /*#__PURE__*/React.createElement(EditIcon, null))));
|
|
295
|
+
};
|
|
296
|
+
export default ProductItemButton;
|
|
297
|
+
ProductItemButton.defaultProps = {
|
|
298
|
+
showEdit: false,
|
|
299
|
+
PRODUCT_BUTTON_GUTTER: 6,
|
|
300
|
+
PRODUCT_BUTTON_HEIGHT: 110,
|
|
301
|
+
PRODUCT_SMALL_BUTTON_WIDTH: 250,
|
|
302
|
+
PRODUCT_LARGE_BUTTON_WIDTH: 250,
|
|
303
|
+
onEditClick: () => {},
|
|
304
|
+
onClick: () => {},
|
|
305
|
+
i18next: undefined,
|
|
306
|
+
theme: undefined,
|
|
307
|
+
FooterSection: undefined,
|
|
308
|
+
productData: {
|
|
309
|
+
product_id: 1,
|
|
310
|
+
order_id: 1,
|
|
311
|
+
category_id: 1,
|
|
312
|
+
state_id: 1,
|
|
313
|
+
available_online: 1,
|
|
314
|
+
name: "",
|
|
315
|
+
description: "",
|
|
316
|
+
SKU: "",
|
|
317
|
+
allow_sale_if_quantity_zero: "1",
|
|
318
|
+
last_stock_quantity: "0",
|
|
319
|
+
is_unit_pricing: "1",
|
|
320
|
+
price_per_unit: "0",
|
|
321
|
+
stock_quantity: "0",
|
|
322
|
+
daily_price: "0",
|
|
323
|
+
weekly_price: "0",
|
|
324
|
+
monthly_price: "0",
|
|
325
|
+
seasonal_price: "0",
|
|
326
|
+
pictures: [],
|
|
327
|
+
discount_type_id: "0",
|
|
328
|
+
discount_type_amount: "0",
|
|
329
|
+
discount_total: "0",
|
|
330
|
+
line_price_override: "0",
|
|
331
|
+
product_category_name: "Res Addons"
|
|
332
|
+
}
|
|
333
|
+
};
|
|
334
|
+
ProductItemButton.propTypes = {
|
|
335
|
+
/** Displays the edit button */
|
|
336
|
+
showEdit: PropTypes.bool,
|
|
337
|
+
|
|
338
|
+
/** Gutter around the button */
|
|
339
|
+
PRODUCT_BUTTON_GUTTER: PropTypes.number,
|
|
340
|
+
|
|
341
|
+
/** The hight of the button */
|
|
342
|
+
PRODUCT_BUTTON_HEIGHT: PropTypes.number,
|
|
343
|
+
|
|
344
|
+
/** Length of the small button when we are displaying a unit price */
|
|
345
|
+
PRODUCT_SMALL_BUTTON_WIDTH: PropTypes.number,
|
|
346
|
+
|
|
347
|
+
/** Product button width use to display a larger button however now it's by default the same length as the small button width */
|
|
348
|
+
PRODUCT_LARGE_BUTTON_WIDTH: PropTypes.number,
|
|
349
|
+
|
|
350
|
+
/** Any component to display on the footer of the button */
|
|
351
|
+
FooterSection: PropTypes.any,
|
|
352
|
+
|
|
353
|
+
/** The call back when the edit button is clicked. Returns the productData passed to the button when initialized */
|
|
354
|
+
onEditClick: PropTypes.any,
|
|
355
|
+
|
|
356
|
+
/** The onclick callback when the button is clicked. Returns the productData passed to the button when initialized */
|
|
357
|
+
onClick: PropTypes.any,
|
|
358
|
+
|
|
359
|
+
/** This is the product object */
|
|
360
|
+
productData: PropTypes.any,
|
|
361
|
+
|
|
362
|
+
/** The i18next needs to be passed in by the component or else they will be blank */
|
|
363
|
+
i18next: PropTypes.any,
|
|
364
|
+
|
|
365
|
+
/** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
|
|
366
|
+
theme: PropTypes.object
|
|
367
|
+
};
|
|
@@ -1470,7 +1470,7 @@
|
|
|
1470
1470
|
"cancel_subscription_message": "You are about to cancel your PitchCamp subscription. Cancellation will be effective immediately. Please note that after you cancel your subscription, you will not be able to use or access the Platform and you will not be entitled to a refund of any fees that you've paid. Note: any outstanding metered reservation amount will be charged at the end of the billing cycle.",
|
|
1471
1471
|
"downgrade_messages": {
|
|
1472
1472
|
"downgrading_to_free_plan_prematurely": "You must wait till the end of the billing cycle before being able to downgrade to the free plan.",
|
|
1473
|
-
"from_plan_type_2_to_1": "- All date brownouts will be deactivated.\n- All users except the current user will be deactivated.\n- Any reservation tags will be deleted.\n- All custom lot types will be reverted to their defaults.\n- Lot images will no longer be displayed on the client portal.",
|
|
1473
|
+
"from_plan_type_2_to_1": "- All date brownouts will be deactivated.\n- All users except the current user will be deactivated.\n- Any reservation tags will be deleted.\n- All custom lot types will be reverted to their defaults.\n- Lot images will no longer be displayed on the client portal.\n- You will no longer have access to reservation add-ons.",
|
|
1474
1474
|
"from_plan_type_3_to_2": "- All waivers will be deactivated.\n- All gate access numbers will be deactivated.\n- All lot driving directions will be deactivated.\n- All lot popup notifications will be deactivated",
|
|
1475
1475
|
"title": "Downgrading your plan will result in the following changes made to your account."
|
|
1476
1476
|
},
|
|
@@ -1470,7 +1470,7 @@
|
|
|
1470
1470
|
"cancel_subscription_message": "Estás a punto de cancelar tu suscripción a PitchCamp. La cancelación será efectiva inmediatamente. Tenga en cuenta que después de cancelar su suscripción, no podrá usar ni acceder a la Plataforma y no tendrá derecho a un reembolso de las tarifas que haya pagado. Nota: cualquier importe pendiente de reserva con medidor se cobrará al final del ciclo de facturación.",
|
|
1471
1471
|
"downgrade_messages": {
|
|
1472
1472
|
"downgrading_to_free_plan_prematurely": "Debe esperar hasta el final del ciclo de facturación antes de poder cambiar al plan gratuito.",
|
|
1473
|
-
"from_plan_type_2_to_1": "- Se desactivarán
|
|
1473
|
+
"from_plan_type_2_to_1": "- Se desactivarán todos los apagones de fechas.\n- Se desactivarán todos los usuarios excepto el usuario actual.\n- Se eliminarán todas las etiquetas de reserva.\n- Todos los tipos de lotes personalizados volverán a sus valores predeterminados.\n- Las imágenes de lotes ya no se mostrarán en el portal del cliente.\n- Ya no tendrás acceso a los complementos de reserva.",
|
|
1474
1474
|
"from_plan_type_3_to_2": "- Todas las renuncias serán desactivadas.\n- Todos los números de acceso a la puerta serán desactivados.\n- Se desactivarán todas las direcciones de conducción del lote.\n- Todas las notificaciones emergentes de lotes serán desactivadas",
|
|
1475
1475
|
"title": "La degradación de su plan dará lugar a los siguientes cambios realizados en su cuenta."
|
|
1476
1476
|
},
|
|
@@ -1470,7 +1470,7 @@
|
|
|
1470
1470
|
"cancel_subscription_message": "Vous êtes sur le point d’annuler votre abonnement PitchCamp. L’annulation entrera en vigueur immédiatement. Veuillez noter qu’après avoir annulé votre abonnement, vous ne pourrez plus utiliser ou accéder à la Plateforme et vous n’aurez pas droit à un remboursement des frais que vous avez payés. Remarque : tout montant de réservation au compteur impayé sera facturé à la fin du cycle de facturation.",
|
|
1471
1471
|
"downgrade_messages": {
|
|
1472
1472
|
"downgrading_to_free_plan_prematurely": "Vous devez attendre la fin du cycle de facturation avant de pouvoir passer au forfait gratuit.",
|
|
1473
|
-
"from_plan_type_2_to_1": "- Toutes les baisses de date seront désactivées.\n- Tous les utilisateurs
|
|
1473
|
+
"from_plan_type_2_to_1": "- Toutes les baisses de tension de date seront désactivées.\n- Tous les utilisateurs sauf l'utilisateur actuel seront désactivés.\n- Toutes les balises de réservation seront supprimées.\n- Tous les types de lots personnalisés retrouveront leurs valeurs par défaut.\n- Les images de lot ne seront plus affichées sur le portail client.\n- Vous n'aurez plus accès aux modules de réservation.",
|
|
1474
1474
|
"from_plan_type_3_to_2": "- Toutes les renonciations seront désactivées.\n- Tous les numéros d’accès aux portes seront désactivés.\n- Toutes les directions de conduite du lot seront désactivées.\n- Toutes les notifications contextuelles de lot seront désactivées",
|
|
1475
1475
|
"title": "La rétrogradation de votre plan entraînera les modifications suivantes apportées à votre compte."
|
|
1476
1476
|
},
|
package/dist/styles/tailwind.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.m-auto{margin:auto}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-0{margin-left:0;margin-right:0}.my-24{margin-top:2.4rem;margin-bottom:2.4rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.mt-24{margin-top:2.4rem}.mt-auto{margin-top:auto}.mb-24{margin-bottom:2.4rem}.mr-24{margin-right:2.4rem}.mb-12{margin-bottom:1.2rem}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mt-0{margin-top:0}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.ml-6{margin-left:.6rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mr-12{margin-right:1.2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-160{min-height:16rem}.min-h-256{min-height:25.6rem}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.max-w-full{max-width:100%}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.rounded-lg{border-radius:.8rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t-8{border-top-width:8px}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-yellow-100\/50{background-color:#fff9c480}.p-6{padding:.6rem}.p-12{padding:1.2rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.pl-8{padding-left:.8rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:1.4rem;line-height:2rem}.text-17{font-size:1.7rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-4xl{font-size:3.6rem;line-height:4rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-5xl{font-size:4.8rem;line-height:1}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-900{font-weight:900}.font-500{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-600{font-weight:600}.leading-tight{line-height:1.25}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(251 140 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.decoration-gray-500{-webkit-text-decoration-color:#9e9e9e;text-decoration-color:#9e9e9e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-1{--tw-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--tw-shadow-colored:0px 2px 1px -1px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:translate-y-1:hover{--tw-translate-y:0.1rem}.hover\:rotate-3:hover,.hover\:translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-3:hover{--tw-rotate:3deg}.hover\:skew-y-3:hover{--tw-skew-y:3deg}.hover\:scale-105:hover,.hover\:skew-y-3:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:list-disc:hover{list-style-type:disc}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:drop-shadow-2xl:hover{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:text-green-500{--tw-text-opacity:1;color:rgb(76 175 80/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.dark\:text-orange-500{--tw-text-opacity:1;color:rgb(255 152 0/var(--tw-text-opacity))}}@media (min-width:600px){.sm\:p-8{padding:.8rem}}@media (min-width:960px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:max-w-288{max-width:28.8rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:pt-0{padding-top:0}}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.z-99{z-index:99}.m-auto{margin:auto}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.mx-12{margin-left:1.2rem;margin-right:1.2rem}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-0{margin-left:0;margin-right:0}.my-24{margin-top:2.4rem;margin-bottom:2.4rem}.mx-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.-ml-10{margin-left:-1rem}.mb-4{margin-bottom:.4rem}.ml-32{margin-left:3.2rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.mt-24{margin-top:2.4rem}.mt-auto{margin-top:auto}.mb-24{margin-bottom:2.4rem}.mr-24{margin-right:2.4rem}.mb-12{margin-bottom:1.2rem}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mt-0{margin-top:0}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.ml-6{margin-left:.6rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mr-12{margin-right:1.2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-160{min-height:16rem}.min-h-256{min-height:25.6rem}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.max-w-full{max-width:100%}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.rounded-lg{border-radius:.8rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t-8{border-top-width:8px}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-yellow-100\/50{background-color:#fff9c480}.p-0{padding:0}.p-6{padding:.6rem}.p-12{padding:1.2rem}.px-6{padding-left:.6rem;padding-right:.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.pl-8{padding-left:.8rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:1.4rem;line-height:2rem}.text-17{font-size:1.7rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-4xl{font-size:3.6rem;line-height:4rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-5xl{font-size:4.8rem;line-height:1}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-900{font-weight:900}.font-500{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-600{font-weight:600}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(251 140 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.decoration-gray-500{-webkit-text-decoration-color:#9e9e9e;text-decoration-color:#9e9e9e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-1{--tw-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--tw-shadow-colored:0px 2px 1px -1px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:translate-y-1:hover{--tw-translate-y:0.1rem}.hover\:rotate-3:hover,.hover\:translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-3:hover{--tw-rotate:3deg}.hover\:skew-y-3:hover{--tw-skew-y:3deg}.hover\:scale-105:hover,.hover\:skew-y-3:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:list-disc:hover{list-style-type:disc}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:drop-shadow-2xl:hover{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:text-green-500{--tw-text-opacity:1;color:rgb(76 175 80/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.dark\:text-orange-500{--tw-text-opacity:1;color:rgb(255 152 0/var(--tw-text-opacity))}}@media (min-width:600px){.sm\:p-8{padding:.8rem}}@media (min-width:960px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:max-w-288{max-width:28.8rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:pt-0{padding-top:0}}
|