pcm-shared-components 0.0.217 → 0.0.219
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.
- package/dist/components/Platform/PlatformPaymentPlans/components/PriceToggleButton/index.js +24 -0
- package/dist/components/Platform/PlatformPaymentPlans/components/PriceToggleButton/style.css +81 -0
- package/dist/components/Platform/PlatformPaymentPlans/index.js +288 -0
- package/dist/index.js +2 -1
- package/dist/languages/en/translations.json +54 -2
- package/dist/languages/es/translations.json +54 -2
- package/dist/languages/fr/translations.json +54 -2
- package/dist/styles/tailwind.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './style.css';
|
|
3
|
+
import i18next from 'i18next';
|
|
4
|
+
|
|
5
|
+
const PriceToggleButton = props => {
|
|
6
|
+
const {
|
|
7
|
+
isChecked = true,
|
|
8
|
+
onCheck = () => {}
|
|
9
|
+
} = props;
|
|
10
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
|
|
11
|
+
type: "checkbox",
|
|
12
|
+
id: "toggle",
|
|
13
|
+
className: "toggleCheckbox",
|
|
14
|
+
checked: isChecked,
|
|
15
|
+
onChange: evt => {
|
|
16
|
+
onCheck(evt.target.checked);
|
|
17
|
+
}
|
|
18
|
+
}), /*#__PURE__*/React.createElement("label", {
|
|
19
|
+
htmlFor: "toggle",
|
|
20
|
+
className: "toggleContainer"
|
|
21
|
+
}, /*#__PURE__*/React.createElement("div", null, i18next.t('platform_plan_feature.monthly_plans')), /*#__PURE__*/React.createElement("div", null, i18next.t('platform_plan_feature.yearly_plans'))));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default PriceToggleButton;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
.toggleContainer {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: grid;
|
|
4
|
+
padding-top: 5px;
|
|
5
|
+
padding-bottom: 5px;
|
|
6
|
+
min-width: 300px;
|
|
7
|
+
grid-template-columns: repeat(2, 1fr);
|
|
8
|
+
width: fit-content;
|
|
9
|
+
border: 1px solid #9f9f9f;
|
|
10
|
+
border-radius: 25px;
|
|
11
|
+
background: -moz-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
12
|
+
background: -webkit-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
13
|
+
background: -ms-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
14
|
+
background: linear-gradient(90deg, rgb(106, 153, 55) 0%, rgba(156, 203, 105, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
15
|
+
|
|
16
|
+
font-weight: bold;
|
|
17
|
+
color: #343434;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
|
|
20
|
+
}
|
|
21
|
+
.toggleContainer::before {
|
|
22
|
+
content: '';
|
|
23
|
+
position: absolute;
|
|
24
|
+
width: 50%;
|
|
25
|
+
height: 100%;
|
|
26
|
+
left: calc(0% + -1px);
|
|
27
|
+
border-radius:25px;
|
|
28
|
+
border: 1px solid #b2b2b2;
|
|
29
|
+
top: -2px;
|
|
30
|
+
padding-top: 1px;
|
|
31
|
+
padding-bottom: 1px;
|
|
32
|
+
box-shadow: 0 1px 1px rgba(0,0,0,0.12),
|
|
33
|
+
0 2px 2px rgba(0,0,0,0.12),
|
|
34
|
+
0 4px 4px rgba(0,0,0,0.12),
|
|
35
|
+
0 8px 8px rgba(0,0,0,0.12),
|
|
36
|
+
0 16px 16px rgba(0,0,0,0.12);
|
|
37
|
+
background: rgb(106, 153, 55);
|
|
38
|
+
transition: all 0.3s;
|
|
39
|
+
}
|
|
40
|
+
.toggleCheckbox:checked + .toggleContainer {
|
|
41
|
+
transition: all 0.3s;
|
|
42
|
+
}
|
|
43
|
+
.toggleCheckbox:checked + .toggleContainer::before {
|
|
44
|
+
left: calc(50% + -0.8px);
|
|
45
|
+
background: rgb(233, 104, 57);
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
}
|
|
49
|
+
.toggleContainer div {
|
|
50
|
+
padding: 6px;
|
|
51
|
+
text-align: center;
|
|
52
|
+
z-index: 1;
|
|
53
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
54
|
+
}
|
|
55
|
+
.toggleCheckbox {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
.toggleCheckbox:checked + .toggleContainer div:first-child{
|
|
59
|
+
color: #343434;
|
|
60
|
+
transition: color 0.3s;
|
|
61
|
+
font-size: small;
|
|
62
|
+
}
|
|
63
|
+
.toggleCheckbox:checked + .toggleContainer div:last-child{
|
|
64
|
+
color: white;
|
|
65
|
+
text-shadow: rgba(255, 255, 255,0.9) 0px 0px 12px;
|
|
66
|
+
transition: color 0.3s;
|
|
67
|
+
font-size:medium;
|
|
68
|
+
}
|
|
69
|
+
.toggleCheckbox + .toggleContainer div:first-child{
|
|
70
|
+
color: white;
|
|
71
|
+
text-shadow: rgba(255, 255, 255,0.9) 0px 0px 12px;
|
|
72
|
+
transition: color 0.3s;
|
|
73
|
+
font-size:medium;
|
|
74
|
+
}
|
|
75
|
+
.toggleCheckbox + .toggleContainer div:last-child{
|
|
76
|
+
color: #343434;
|
|
77
|
+
transition: color 0.3s;
|
|
78
|
+
font-size: small;
|
|
79
|
+
|
|
80
|
+
}
|
|
81
|
+
|
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
import React, { useState, useEffect } from 'react';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import { ThemeProvider } from '@mui/system';
|
|
6
|
+
import { createTheme, useTheme } from '@mui/material/styles';
|
|
7
|
+
import Divider from '@mui/material/Divider';
|
|
8
|
+
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
|
|
9
|
+
import FiberNewIcon from '@mui/icons-material/FiberNew';
|
|
10
|
+
import PriceToggleButton from './components/PriceToggleButton';
|
|
11
|
+
import Icon from '@mdi/react';
|
|
12
|
+
import { mdiRocket, mdiShimmer, mdiFire, mdiTorch } from '@mdi/js';
|
|
13
|
+
import { Button } from '@mui/material';
|
|
14
|
+
import i18next from 'i18next';
|
|
15
|
+
const platformPricingIcons = [mdiShimmer, mdiFire, mdiTorch];
|
|
16
|
+
/**
|
|
17
|
+
* ## Importing the component in your project
|
|
18
|
+
*
|
|
19
|
+
```js
|
|
20
|
+
|
|
21
|
+
import {PlatformPaymentPlans} from 'pcm-shared-components';
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
*
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
export const PlatformPaymentPlans = props => {
|
|
28
|
+
const {
|
|
29
|
+
platformPlanFeatures,
|
|
30
|
+
platformPricingModel,
|
|
31
|
+
onClickPlanSelection,
|
|
32
|
+
showSaveUptoPromo,
|
|
33
|
+
theme
|
|
34
|
+
} = props;
|
|
35
|
+
const planTypeDescriptions = [i18next.t('platform_plan_feature.plan_type_descriptions.free'), i18next.t('platform_plan_feature.plan_type_descriptions.standard'), i18next.t('platform_plan_feature.plan_type_descriptions.premium')];
|
|
36
|
+
const compTheme = theme ? theme : useTheme();
|
|
37
|
+
const defaultTheme = createTheme(compTheme); //---------------------------------------------------
|
|
38
|
+
// Hooks
|
|
39
|
+
//---------------------------------------------------
|
|
40
|
+
|
|
41
|
+
const [selectedBillingPeriod, setSelectedBillingPeriod] = useState();
|
|
42
|
+
const [hasMonthlyAndYearlyBillingPeriod, setHasMonthlyAndYearlyBillingPeriod] = useState(false);
|
|
43
|
+
const [showMoreInfo, setShowMoreInfo] = useState(false); //---------------------------------------------------
|
|
44
|
+
// Use Effect
|
|
45
|
+
//---------------------------------------------------
|
|
46
|
+
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
getUniqueBillingPeriodIds();
|
|
49
|
+
}, []); //---------------------------------------------------
|
|
50
|
+
// Local Functions
|
|
51
|
+
//---------------------------------------------------
|
|
52
|
+
|
|
53
|
+
const getUniqueBillingPeriodIds = () => {
|
|
54
|
+
//Returns an array with the unique ids that we have for the billing_period_id.
|
|
55
|
+
//This will allow us to determine if we need to display the monthly/yearly toggle button and which billing period id to use as the default
|
|
56
|
+
try {
|
|
57
|
+
const billingPeriodIds = [...new Set(platformPricingModel.map(item => item.billing_period_id))].sort((a, b) => a - b);
|
|
58
|
+
setSelectedBillingPeriod(Number(billingPeriodIds[0]));
|
|
59
|
+
setHasMonthlyAndYearlyBillingPeriod(billingPeriodIds.length > 1);
|
|
60
|
+
} catch (error) {
|
|
61
|
+
console.error(error);
|
|
62
|
+
}
|
|
63
|
+
}; //---------------------------------------------------
|
|
64
|
+
// Local Component
|
|
65
|
+
//---------------------------------------------------
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
const PlatformFeatureIcon = ({
|
|
69
|
+
active = true
|
|
70
|
+
}) => {
|
|
71
|
+
return /*#__PURE__*/React.createElement(CheckCircleIcon, {
|
|
72
|
+
fontSize: "small",
|
|
73
|
+
className: `flex-shrink-0 ${active ? 'text-green-600 dark:text-green-500' : 'text-gray-600 dark:text-gray-500'} my-auto`
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
const NewPlatformFeatureIcon = ({
|
|
78
|
+
active = true
|
|
79
|
+
}) => {
|
|
80
|
+
return /*#__PURE__*/React.createElement(FiberNewIcon, {
|
|
81
|
+
className: `flex-shrink-0 ${active ? 'text-orange-600 dark:text-orange-500' : 'text-gray-600 dark:text-gray-500'} my-auto`,
|
|
82
|
+
style: {
|
|
83
|
+
transform: 'rotate(-0.05turn)'
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
const PlatformFeatureText = ({
|
|
89
|
+
text = ''
|
|
90
|
+
}) => {
|
|
91
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
92
|
+
className: "text-12 font-normal leading-tight text-gray-500 whitespace-pre-line truncate",
|
|
93
|
+
style: {
|
|
94
|
+
maxWidth: 200
|
|
95
|
+
}
|
|
96
|
+
}, text);
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
const PlatformListItem = ({
|
|
100
|
+
active = true,
|
|
101
|
+
text = '',
|
|
102
|
+
show_as_new_in_pricing_table = 0,
|
|
103
|
+
key_item = ''
|
|
104
|
+
}) => {
|
|
105
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
106
|
+
key: key_item,
|
|
107
|
+
className: `flex justify-center md:justify-start space-x-10 ${active ? '' : 'line-through decoration-gray-500'} `
|
|
108
|
+
}, Number(show_as_new_in_pricing_table) === 0 ? /*#__PURE__*/React.createElement(PlatformFeatureIcon, {
|
|
109
|
+
active: active
|
|
110
|
+
}) : /*#__PURE__*/React.createElement(NewPlatformFeatureIcon, {
|
|
111
|
+
active: active
|
|
112
|
+
}), /*#__PURE__*/React.createElement(PlatformFeatureText, {
|
|
113
|
+
text: text
|
|
114
|
+
}));
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
const PriceDescription = props => {
|
|
118
|
+
const {
|
|
119
|
+
color,
|
|
120
|
+
price = 0,
|
|
121
|
+
description = '',
|
|
122
|
+
expected_price = 0
|
|
123
|
+
} = props;
|
|
124
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
125
|
+
className: "flex flex-row items-baseline mx-4 md:mx-auto text-center w-fit"
|
|
126
|
+
}, Number(expected_price) > 0 && parseFloat(price) > 0 && parseFloat(expected_price) > parseFloat(price) && /*#__PURE__*/React.createElement("div", {
|
|
127
|
+
className: "mx-4"
|
|
128
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
129
|
+
className: "leading-none text-base font-200 line-through decoration-gray-500 text-gray-500"
|
|
130
|
+
}, "$"), /*#__PURE__*/React.createElement("span", {
|
|
131
|
+
className: "leading-none text-base font-300 tracking-tight line-through decoration-gray-500 text-gray-500"
|
|
132
|
+
}, expected_price)), /*#__PURE__*/React.createElement("span", {
|
|
133
|
+
className: "leading-none text-base font-semibold ",
|
|
134
|
+
style: {
|
|
135
|
+
color: color
|
|
136
|
+
}
|
|
137
|
+
}, "$"), /*#__PURE__*/React.createElement("span", {
|
|
138
|
+
className: "leading-none text-xl font-extrabold tracking-tight"
|
|
139
|
+
}, parseFloat(price).toLocaleString()), /*#__PURE__*/React.createElement("span", {
|
|
140
|
+
className: "leading-none ml-1 text-xs font-normal "
|
|
141
|
+
}, "/", description));
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
const PriceCard = props => {
|
|
145
|
+
const {
|
|
146
|
+
id: platform_pricing_model_id = -1,
|
|
147
|
+
color = 'gray',
|
|
148
|
+
monthly_fee = 0,
|
|
149
|
+
per_reservation_fee = 0,
|
|
150
|
+
expected_monthly_fee = 0,
|
|
151
|
+
expected_per_reservation_fee = 0,
|
|
152
|
+
name = '',
|
|
153
|
+
sub_name = '',
|
|
154
|
+
platform_plan_type_id = 1,
|
|
155
|
+
billing_period_id = 1
|
|
156
|
+
} = props;
|
|
157
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
158
|
+
className: "m-0 p-4 w-full max-w-full md:max-w-max bg-white rounded-lg drop-shadow hover:drop-shadow-2xl sm:p-8 border-t-8 transition-all ",
|
|
159
|
+
style: {
|
|
160
|
+
boxShadow: `0px 4px 6px -2px ${color}`,
|
|
161
|
+
minWidth: 250,
|
|
162
|
+
borderTop: `6px solid ${color}`,
|
|
163
|
+
marginTop: Number(platform_plan_type_id) !== 2 ? 15 : 0,
|
|
164
|
+
zIndex: Number(platform_plan_type_id) === 2 ? 500 : 100
|
|
165
|
+
}
|
|
166
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
167
|
+
className: "flex m-4 ",
|
|
168
|
+
style: {
|
|
169
|
+
marginTop: Number(platform_plan_type_id) === 2 ? 21 : 6
|
|
170
|
+
}
|
|
171
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
172
|
+
path: platformPricingIcons[platform_plan_type_id - 1],
|
|
173
|
+
size: 1,
|
|
174
|
+
className: "m-auto shadow-1 rounded-full p-6",
|
|
175
|
+
style: {
|
|
176
|
+
color: color
|
|
177
|
+
}
|
|
178
|
+
})), /*#__PURE__*/React.createElement("h5", {
|
|
179
|
+
className: "leading-none font-serif antialiased mb-0 text-3xl font-medium mt-4 text-center",
|
|
180
|
+
style: {
|
|
181
|
+
color: color,
|
|
182
|
+
textShadow: `${color} 0px -10px 50px`
|
|
183
|
+
}
|
|
184
|
+
}, name), /*#__PURE__*/React.createElement("h3", {
|
|
185
|
+
className: "leading-none font-serif antialiased mb-12 mt-0 text-sm font-medium text-gray-500 text-center"
|
|
186
|
+
}, sub_name), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
|
|
187
|
+
className: "flex flex-wrap md:flex-col justify-center my-12 ",
|
|
188
|
+
style: {
|
|
189
|
+
color: color
|
|
190
|
+
}
|
|
191
|
+
}, /*#__PURE__*/React.createElement(PriceDescription, {
|
|
192
|
+
color: color,
|
|
193
|
+
price: monthly_fee,
|
|
194
|
+
description: Number(billing_period_id) === 1 ? i18next.t('common.app.monthly_abbreviation') : i18next.t('common.app.yearly_abbreviation'),
|
|
195
|
+
expected_price: expected_monthly_fee
|
|
196
|
+
}), /*#__PURE__*/React.createElement(PriceDescription, {
|
|
197
|
+
color: color,
|
|
198
|
+
price: per_reservation_fee,
|
|
199
|
+
description: 'reservation',
|
|
200
|
+
expected_price: expected_per_reservation_fee
|
|
201
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
202
|
+
className: "w-full text-center my-12"
|
|
203
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
204
|
+
className: "max-w-min whitespace-nowrap m-auto font-900",
|
|
205
|
+
variant: "outlined",
|
|
206
|
+
style: {
|
|
207
|
+
color: color
|
|
208
|
+
},
|
|
209
|
+
onClick: () => {
|
|
210
|
+
onClickPlanSelection(platform_pricing_model_id);
|
|
211
|
+
}
|
|
212
|
+
}, i18next.t('common.app.start_today'))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
|
|
213
|
+
className: "flex flex-col my-8 w-full max-w-fill md:max-w-192 text-center md:min-h-128 "
|
|
214
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
215
|
+
className: "my-auto text-gray-600 text-11 whitespace-pre-line "
|
|
216
|
+
}, planTypeDescriptions[platform_plan_type_id - 1]), /*#__PURE__*/React.createElement("div", {
|
|
217
|
+
className: "h-full w-full mt-auto"
|
|
218
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
219
|
+
className: "",
|
|
220
|
+
onClick: () => {
|
|
221
|
+
setShowMoreInfo(!showMoreInfo);
|
|
222
|
+
}
|
|
223
|
+
}, showMoreInfo ? i18next.t('common.app.less_information') : i18next.t('common.app.more_information')))), showMoreInfo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("ul", {
|
|
224
|
+
className: "my-12 space-y-10 list-none hover:list-disc pl-8"
|
|
225
|
+
}, (platformPlanFeatures || []).filter(feature => Number(feature.show_in_pricing_table) === 1).sort((a, b) => a.platform_plan_type_id - b.platform_plan_type_id).map(plan => /*#__PURE__*/React.createElement(PlatformListItem, {
|
|
226
|
+
active: Number(platform_plan_type_id) >= Number(plan.platform_plan_type_id),
|
|
227
|
+
text: i18next.t(`platform_plan_feature.feature_names.${plan.feature_key}`),
|
|
228
|
+
show_as_new_in_pricing_table: plan.show_as_new_in_pricing_table,
|
|
229
|
+
key_item: `list_items_${billing_period_id}_${plan.platform_plan_type_id}_${plan.feature_key}`,
|
|
230
|
+
key: `list_item_${billing_period_id}_${plan.platform_plan_type_id}_${plan.feature_key}`
|
|
231
|
+
})))));
|
|
232
|
+
};
|
|
233
|
+
|
|
234
|
+
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
235
|
+
theme: defaultTheme
|
|
236
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
237
|
+
className: "flex flex-col w-full"
|
|
238
|
+
}, hasMonthlyAndYearlyBillingPeriod && /*#__PURE__*/React.createElement("div", {
|
|
239
|
+
className: "flex flex-col m-auto"
|
|
240
|
+
}, showSaveUptoPromo && /*#__PURE__*/React.createElement("div", {
|
|
241
|
+
className: "flex justify-end w-full "
|
|
242
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
243
|
+
className: "mr-24 cursor-pointer hover:rotate-3 hover:scale-105 hover:translate-y-1 hover:skew-y-3 transition-all",
|
|
244
|
+
src: "/assets/images/PlatformPaymentPlan/save.svg",
|
|
245
|
+
alt: "save on yr plans",
|
|
246
|
+
style: {
|
|
247
|
+
height: 80
|
|
248
|
+
},
|
|
249
|
+
onClick: () => {
|
|
250
|
+
setSelectedBillingPeriod(2);
|
|
251
|
+
}
|
|
252
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
253
|
+
className: "mb-12"
|
|
254
|
+
}, /*#__PURE__*/React.createElement(PriceToggleButton, {
|
|
255
|
+
isChecked: selectedBillingPeriod === 2,
|
|
256
|
+
onCheck: checked => {
|
|
257
|
+
setSelectedBillingPeriod(checked ? 2 : 1);
|
|
258
|
+
}
|
|
259
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
260
|
+
className: "flex flex-wrap justify-center max-w-max mx-auto pt-12"
|
|
261
|
+
}, platformPricingModel.filter(price => Number(price.billing_period_id) === selectedBillingPeriod).map((model, idx) => /*#__PURE__*/React.createElement(PriceCard, _extends({
|
|
262
|
+
key: `price_card_${idx}`
|
|
263
|
+
}, model))))));
|
|
264
|
+
};
|
|
265
|
+
export default PlatformPaymentPlans;
|
|
266
|
+
PlatformPaymentPlans.defaultProps = {
|
|
267
|
+
platformPlanFeatures: [],
|
|
268
|
+
platformPricingModel: [],
|
|
269
|
+
onClickPlanSelection: () => {},
|
|
270
|
+
showSaveUptoPromo: true,
|
|
271
|
+
theme: undefined
|
|
272
|
+
};
|
|
273
|
+
PlatformPaymentPlans.propTypes = {
|
|
274
|
+
/** Displays the save up to image above the yearly toggle */
|
|
275
|
+
showSaveUptoPromo: PropTypes.bool,
|
|
276
|
+
|
|
277
|
+
/** This is the platform features that are activated for each pricing model tier */
|
|
278
|
+
platformPlanFeatures: PropTypes.array,
|
|
279
|
+
|
|
280
|
+
/** This is the individual pricing models that are offered to our clients*/
|
|
281
|
+
platformPricingModel: PropTypes.array,
|
|
282
|
+
|
|
283
|
+
/** Callback when a plan is selected. Returns the platform pricing model id.*/
|
|
284
|
+
onClickPlanSelection: PropTypes.func,
|
|
285
|
+
|
|
286
|
+
/** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
|
|
287
|
+
theme: PropTypes.object
|
|
288
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -22,4 +22,5 @@ import DateRangeCalendar from './components/Date/DateRangeCalendar';
|
|
|
22
22
|
import SimpleLabel from './components/Labels/SimpleLabel';
|
|
23
23
|
import CurrencyTextInput from './components/TextBoxes/CurrencyTextInput';
|
|
24
24
|
import ImageStack from './components/Images/ImageStack';
|
|
25
|
-
|
|
25
|
+
import PlatformPaymentPlans from './components/Platform/PlatformPaymentPlans';
|
|
26
|
+
export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, DropdownButton, translationResources, coreLocals, currencySymbol, DateRangeCalendar, SimpleLabel, CurrencyTextInput, ImageStack, PlatformPaymentPlans };
|
|
@@ -49,6 +49,9 @@
|
|
|
49
49
|
"campground_name": "Campground name"
|
|
50
50
|
},
|
|
51
51
|
"campground_settings": {
|
|
52
|
+
"billing": {
|
|
53
|
+
"billing": "Billing"
|
|
54
|
+
},
|
|
52
55
|
"campground_info": {
|
|
53
56
|
"campground_info": "Campground Info",
|
|
54
57
|
"campground_info_address": "Address",
|
|
@@ -368,6 +371,7 @@
|
|
|
368
371
|
"last_500": "Show Last 500",
|
|
369
372
|
"layout": "Layout",
|
|
370
373
|
"left": "left",
|
|
374
|
+
"less_information": "Less Information",
|
|
371
375
|
"line_item": "Line Item",
|
|
372
376
|
"line_price": "Line Price",
|
|
373
377
|
"line_price_sub_total": "Line Price Sub Total",
|
|
@@ -383,6 +387,7 @@
|
|
|
383
387
|
"model": "Model",
|
|
384
388
|
"month": "Month",
|
|
385
389
|
"monthly": "Monthly",
|
|
390
|
+
"monthly_abbreviation": "mo",
|
|
386
391
|
"monthly_price": "Monthly Price",
|
|
387
392
|
"months": {
|
|
388
393
|
"april": "April",
|
|
@@ -398,6 +403,7 @@
|
|
|
398
403
|
"october": "October",
|
|
399
404
|
"september": "September"
|
|
400
405
|
},
|
|
406
|
+
"more_information": "More Information",
|
|
401
407
|
"more_settings": "More Settings",
|
|
402
408
|
"move_down": "Move Down",
|
|
403
409
|
"move_up": "Move Up",
|
|
@@ -518,12 +524,15 @@
|
|
|
518
524
|
},
|
|
519
525
|
"show_all": "Show All",
|
|
520
526
|
"show_audit_logs": "Show Audit Logs",
|
|
527
|
+
"show_less": "Show Less",
|
|
528
|
+
"show_more": "Show More",
|
|
521
529
|
"show_reports": "Show Report",
|
|
522
530
|
"site_details": "Site Information",
|
|
523
531
|
"small": "small",
|
|
524
532
|
"sold_by": "Sold By",
|
|
525
533
|
"spanish": "Spanish",
|
|
526
534
|
"start_date": "Start Date",
|
|
535
|
+
"start_today": "Start Today",
|
|
527
536
|
"state": "State",
|
|
528
537
|
"state_id": "State",
|
|
529
538
|
"static": "Static",
|
|
@@ -582,6 +591,7 @@
|
|
|
582
591
|
"third": "Third"
|
|
583
592
|
},
|
|
584
593
|
"yearly": "Yearly",
|
|
594
|
+
"yearly_abbreviation": "yr",
|
|
585
595
|
"yes": "Yes"
|
|
586
596
|
},
|
|
587
597
|
"msg": {
|
|
@@ -1432,7 +1442,48 @@
|
|
|
1432
1442
|
"section_title": "Online Stripe Payment Cards"
|
|
1433
1443
|
},
|
|
1434
1444
|
"platform_plan_feature": {
|
|
1435
|
-
"
|
|
1445
|
+
"feature_names": {
|
|
1446
|
+
"campgrounda_settings_menu": "Online Reservations",
|
|
1447
|
+
"client_menu": "Client Management",
|
|
1448
|
+
"date_brownout_menu": "Date Brownouts Management",
|
|
1449
|
+
"email_menu": "Automated Emails / Email Templates Management",
|
|
1450
|
+
"gate_access_control_menu": "",
|
|
1451
|
+
"gate_access_grid_menu": "Gate Access Management",
|
|
1452
|
+
"gate_access_guard_post_menu": "",
|
|
1453
|
+
"import_waivers": "Import and Upload Waivers",
|
|
1454
|
+
"kiosk_menu": "Kiosk",
|
|
1455
|
+
"lot_driving_direction": "Lot Driving Directions",
|
|
1456
|
+
"lot_images": "Upload Lot Images",
|
|
1457
|
+
"lot_menu": "Lot Management",
|
|
1458
|
+
"lot_popup_notification": "Lot Maintenance Notifications",
|
|
1459
|
+
"lot_type_customization": "Custom Lot Types",
|
|
1460
|
+
"map_editor_menu": "Map Editor",
|
|
1461
|
+
"occupants_vehicles_pricing_menu": "Occupants & Vehicles Management",
|
|
1462
|
+
"pos_menu": "POS",
|
|
1463
|
+
"product_inventory_menu": "Product Inventory",
|
|
1464
|
+
"rates_menu": "Rates Management",
|
|
1465
|
+
"receipt_disclaimer_menu": "Reservation Disclaimers on Invoice",
|
|
1466
|
+
"report_menu": "Financial Reports",
|
|
1467
|
+
"report_seasonal_revenue_menu": "Seasonal Report",
|
|
1468
|
+
"reservation_addons": "Reservation Add-ons",
|
|
1469
|
+
"reservation_fees_menu": "Create Custom Fees",
|
|
1470
|
+
"reservation_menu": "Reservations",
|
|
1471
|
+
"reservation_tags": "Add Custom Tags on Reservations",
|
|
1472
|
+
"send_manual_email": "Send Manual & Bulk Emails",
|
|
1473
|
+
"send_manual_waivers": "Send Waivers",
|
|
1474
|
+
"taxes_menu": "Taxes Management",
|
|
1475
|
+
"till_management": "Cash Till Reconciliation",
|
|
1476
|
+
"user_account_menu": "Multiple Users",
|
|
1477
|
+
"waiver_menu": "Waivers / Digital Signatures Management"
|
|
1478
|
+
},
|
|
1479
|
+
"monthly_plans": "Monthly Plans",
|
|
1480
|
+
"no_access": "Your current plan doesn't include this feature. ",
|
|
1481
|
+
"plan_type_descriptions": {
|
|
1482
|
+
"free": "Everything you need to start taking reservation from your front office and online. PitchCamp allows you to pass on the fee to your client so you don't need to pay anything.",
|
|
1483
|
+
"premium": "The premium plan allows you to take full control of your campground by unlocking all of the functionality that PitchCamp has to offer.",
|
|
1484
|
+
"standard": "Bring your campground to the next level by accessing key features such as the POS, Reservations Add-ons, Automated Emails and many more."
|
|
1485
|
+
},
|
|
1486
|
+
"yearly_plans": "Yearly Plans"
|
|
1436
1487
|
},
|
|
1437
1488
|
"pos": {
|
|
1438
1489
|
"msg": {
|
|
@@ -1973,7 +2024,8 @@
|
|
|
1973
2024
|
"step_6": "Reservation review"
|
|
1974
2025
|
},
|
|
1975
2026
|
"title": {
|
|
1976
|
-
"new_reservation": "New Reservation"
|
|
2027
|
+
"new_reservation": "New Reservation",
|
|
2028
|
+
"reservation_productservices_addons": "Product Services / Reservation Add-ons"
|
|
1977
2029
|
},
|
|
1978
2030
|
"tooltip": {
|
|
1979
2031
|
"add_new_reservation": "Add new reservation",
|
|
@@ -49,6 +49,9 @@
|
|
|
49
49
|
"campground_name": "Nombre del campamento"
|
|
50
50
|
},
|
|
51
51
|
"campground_settings": {
|
|
52
|
+
"billing": {
|
|
53
|
+
"billing": "Facturación"
|
|
54
|
+
},
|
|
52
55
|
"campground_info": {
|
|
53
56
|
"campground_info": "Información del campamento",
|
|
54
57
|
"campground_info_address": "Habla a",
|
|
@@ -368,6 +371,7 @@
|
|
|
368
371
|
"last_500": "Mostrar últimos 500",
|
|
369
372
|
"layout": "Disposición",
|
|
370
373
|
"left": "izquierda",
|
|
374
|
+
"less_information": "Menos información",
|
|
371
375
|
"line_item": "Producto Linea",
|
|
372
376
|
"line_price": "Precio de línea",
|
|
373
377
|
"line_price_sub_total": "Precio de línea sub total",
|
|
@@ -383,6 +387,7 @@
|
|
|
383
387
|
"model": "Modelo",
|
|
384
388
|
"month": "Mes",
|
|
385
389
|
"monthly": "Mensual",
|
|
390
|
+
"monthly_abbreviation": "mo",
|
|
386
391
|
"monthly_price": "Precio mensual",
|
|
387
392
|
"months": {
|
|
388
393
|
"april": "abril",
|
|
@@ -398,6 +403,7 @@
|
|
|
398
403
|
"october": "octubre",
|
|
399
404
|
"september": "septiembre"
|
|
400
405
|
},
|
|
406
|
+
"more_information": "Más información",
|
|
401
407
|
"more_settings": "Más ajustes",
|
|
402
408
|
"move_down": "Mover hacia abajo",
|
|
403
409
|
"move_up": "Ascender",
|
|
@@ -518,12 +524,15 @@
|
|
|
518
524
|
},
|
|
519
525
|
"show_all": "Mostrar todo",
|
|
520
526
|
"show_audit_logs": "Mostrar registros de auditoría",
|
|
527
|
+
"show_less": "Mostrar menos",
|
|
528
|
+
"show_more": "Mostrar más",
|
|
521
529
|
"show_reports": "Mostrar reporte",
|
|
522
530
|
"site_details": "Información del sitio",
|
|
523
531
|
"small": "pequeña",
|
|
524
532
|
"sold_by": "Vendido por",
|
|
525
533
|
"spanish": "Español",
|
|
526
534
|
"start_date": "Fecha de inicio",
|
|
535
|
+
"start_today": "Comience hoy",
|
|
527
536
|
"state": "Expresar",
|
|
528
537
|
"state_id": "Expresar",
|
|
529
538
|
"static": "Estático",
|
|
@@ -582,6 +591,7 @@
|
|
|
582
591
|
"third": "Tercero"
|
|
583
592
|
},
|
|
584
593
|
"yearly": "Anual",
|
|
594
|
+
"yearly_abbreviation": "yr",
|
|
585
595
|
"yes": "sí"
|
|
586
596
|
},
|
|
587
597
|
"msg": {
|
|
@@ -1432,7 +1442,48 @@
|
|
|
1432
1442
|
"section_title": "Tarjetas de pago en línea Stripe"
|
|
1433
1443
|
},
|
|
1434
1444
|
"platform_plan_feature": {
|
|
1435
|
-
"
|
|
1445
|
+
"feature_names": {
|
|
1446
|
+
"campgrounda_settings_menu": "Reservas en línea",
|
|
1447
|
+
"client_menu": "Gestión de clientes",
|
|
1448
|
+
"date_brownout_menu": "Gestión de apagones de fechas",
|
|
1449
|
+
"email_menu": "Gestión automatizada de correos electrónicos / plantillas de correo electrónico",
|
|
1450
|
+
"gate_access_control_menu": "",
|
|
1451
|
+
"gate_access_grid_menu": "Gestión de acceso a puertas",
|
|
1452
|
+
"gate_access_guard_post_menu": "",
|
|
1453
|
+
"import_waivers": "Exenciones de importación y carga",
|
|
1454
|
+
"kiosk_menu": "Kiosco",
|
|
1455
|
+
"lot_driving_direction": "Indicaciones para llegar al lote",
|
|
1456
|
+
"lot_images": "Subir imágenes del lote",
|
|
1457
|
+
"lot_menu": "Gestión de lotes",
|
|
1458
|
+
"lot_popup_notification": "Notificaciones de mantenimiento de lotes",
|
|
1459
|
+
"lot_type_customization": "Tipos de lotes personalizados",
|
|
1460
|
+
"map_editor_menu": "Editor de mapas",
|
|
1461
|
+
"occupants_vehicles_pricing_menu": "Gestión de ocupantes y vehículos",
|
|
1462
|
+
"pos_menu": "POS",
|
|
1463
|
+
"product_inventory_menu": "Inventario de productos",
|
|
1464
|
+
"rates_menu": "Gestión de Tarifas",
|
|
1465
|
+
"receipt_disclaimer_menu": "Descargos de responsabilidad de reserva en la factura",
|
|
1466
|
+
"report_menu": "Reportes financieros",
|
|
1467
|
+
"report_seasonal_revenue_menu": "Informe estacional",
|
|
1468
|
+
"reservation_addons": "Complementos de reserva",
|
|
1469
|
+
"reservation_fees_menu": "Crear tarifas personalizadas",
|
|
1470
|
+
"reservation_menu": "Reservas",
|
|
1471
|
+
"reservation_tags": "Agregar etiquetas personalizadas en las reservas",
|
|
1472
|
+
"send_manual_email": "Enviar correos electrónicos manuales y masivos",
|
|
1473
|
+
"send_manual_waivers": "Enviar exenciones",
|
|
1474
|
+
"taxes_menu": "Gestión de impuestos",
|
|
1475
|
+
"till_management": "Conciliación de caja registradora",
|
|
1476
|
+
"user_account_menu": "Múltiples usuarios",
|
|
1477
|
+
"waiver_menu": "Gestión de Exenciones / Firmas Digitales"
|
|
1478
|
+
},
|
|
1479
|
+
"monthly_plans": "Planes mensuales",
|
|
1480
|
+
"no_access": "Su plan actual no incluye esta función.",
|
|
1481
|
+
"plan_type_descriptions": {
|
|
1482
|
+
"free": "Todo lo que necesita para comenzar a tomar reservas desde su oficina principal y en línea. PitchCamp te permite pasar la tarifa a tu cliente para que no tengas que pagar nada.",
|
|
1483
|
+
"premium": "El plan premium le permite tomar el control total de su campamento desbloqueando toda la funcionalidad que PitchCamp tiene para ofrecer.",
|
|
1484
|
+
"standard": "Lleve su campamento al siguiente nivel accediendo a funciones clave como POS, complementos de reservas, correos electrónicos automatizados y muchos más."
|
|
1485
|
+
},
|
|
1486
|
+
"yearly_plans": "Planes anuales"
|
|
1436
1487
|
},
|
|
1437
1488
|
"pos": {
|
|
1438
1489
|
"msg": {
|
|
@@ -1973,7 +2024,8 @@
|
|
|
1973
2024
|
"step_6": "revisión de la reserva"
|
|
1974
2025
|
},
|
|
1975
2026
|
"title": {
|
|
1976
|
-
"new_reservation": "Nueva reserva"
|
|
2027
|
+
"new_reservation": "Nueva reserva",
|
|
2028
|
+
"reservation_productservices_addons": "Servicios de productos / Complementos de reserva"
|
|
1977
2029
|
},
|
|
1978
2030
|
"tooltip": {
|
|
1979
2031
|
"add_new_reservation": "Agregar nueva reserva",
|
|
@@ -49,6 +49,9 @@
|
|
|
49
49
|
"campground_name": "Nom du camping"
|
|
50
50
|
},
|
|
51
51
|
"campground_settings": {
|
|
52
|
+
"billing": {
|
|
53
|
+
"billing": "Facturation"
|
|
54
|
+
},
|
|
52
55
|
"campground_info": {
|
|
53
56
|
"campground_info": "Infos du camping",
|
|
54
57
|
"campground_info_address": "Address",
|
|
@@ -368,6 +371,7 @@
|
|
|
368
371
|
"last_500": "Afficher les 500 derniers",
|
|
369
372
|
"layout": "Mise en page",
|
|
370
373
|
"left": "gauche",
|
|
374
|
+
"less_information": "Moins d’informations",
|
|
371
375
|
"line_item": "Ligne du Produit",
|
|
372
376
|
"line_price": "Prix de la ligne",
|
|
373
377
|
"line_price_sub_total": "Prix de la ligne Sous-total",
|
|
@@ -383,6 +387,7 @@
|
|
|
383
387
|
"model": "Modèle",
|
|
384
388
|
"month": "Mois",
|
|
385
389
|
"monthly": "Mensuelle",
|
|
390
|
+
"monthly_abbreviation": "mo",
|
|
386
391
|
"monthly_price": "Prix mensuel",
|
|
387
392
|
"months": {
|
|
388
393
|
"april": "avril",
|
|
@@ -398,6 +403,7 @@
|
|
|
398
403
|
"october": "octobre",
|
|
399
404
|
"september": "septembre"
|
|
400
405
|
},
|
|
406
|
+
"more_information": "Plus d'informations",
|
|
401
407
|
"more_settings": "Plus de réglages",
|
|
402
408
|
"move_down": "Déplacez-le vers le bas",
|
|
403
409
|
"move_up": "Déplacer vers le haut",
|
|
@@ -518,12 +524,15 @@
|
|
|
518
524
|
},
|
|
519
525
|
"show_all": "Afficher tout",
|
|
520
526
|
"show_audit_logs": "Afficher les journaux d'audit",
|
|
527
|
+
"show_less": "Afficher Moins",
|
|
528
|
+
"show_more": "Afficher Plus",
|
|
521
529
|
"show_reports": "Afficher le rapport",
|
|
522
530
|
"site_details": "Informations sur le site",
|
|
523
531
|
"small": "petit",
|
|
524
532
|
"sold_by": "Vendu par",
|
|
525
533
|
"spanish": "Espagnol",
|
|
526
534
|
"start_date": "Date de début",
|
|
535
|
+
"start_today": "Commencez aujourd’hui",
|
|
527
536
|
"state": "Etat",
|
|
528
537
|
"state_id": "État",
|
|
529
538
|
"static": "Statique",
|
|
@@ -582,6 +591,7 @@
|
|
|
582
591
|
"third": "Troisième"
|
|
583
592
|
},
|
|
584
593
|
"yearly": "Annuelle",
|
|
594
|
+
"yearly_abbreviation": "an",
|
|
585
595
|
"yes": "Oui"
|
|
586
596
|
},
|
|
587
597
|
"msg": {
|
|
@@ -1432,7 +1442,48 @@
|
|
|
1432
1442
|
"section_title": "Carte de paiement Stripe En ligne"
|
|
1433
1443
|
},
|
|
1434
1444
|
"platform_plan_feature": {
|
|
1435
|
-
"
|
|
1445
|
+
"feature_names": {
|
|
1446
|
+
"campgrounda_settings_menu": "Réservations en ligne",
|
|
1447
|
+
"client_menu": "Gestion des clients",
|
|
1448
|
+
"date_brownout_menu": "Gestion des blocage de dates",
|
|
1449
|
+
"email_menu": "Gestion automatisée des courriels / modèles d’e-mails",
|
|
1450
|
+
"gate_access_control_menu": "",
|
|
1451
|
+
"gate_access_grid_menu": "Gestion des accès aux portes",
|
|
1452
|
+
"gate_access_guard_post_menu": "",
|
|
1453
|
+
"import_waivers": "Importer et télécharger des renonciations",
|
|
1454
|
+
"kiosk_menu": "Kiosque",
|
|
1455
|
+
"lot_driving_direction": "Directions du lot",
|
|
1456
|
+
"lot_images": "Télécharger les images du lot",
|
|
1457
|
+
"lot_menu": "Gestion des lots",
|
|
1458
|
+
"lot_popup_notification": "Notifications d'entretien des lots",
|
|
1459
|
+
"lot_type_customization": "Types de lots personnalisés",
|
|
1460
|
+
"map_editor_menu": "Éditeur de carte",
|
|
1461
|
+
"occupants_vehicles_pricing_menu": "Gestion des occupants et des véhicules",
|
|
1462
|
+
"pos_menu": "POS",
|
|
1463
|
+
"product_inventory_menu": "Inventaire de produits",
|
|
1464
|
+
"rates_menu": "Gestion des tarifs",
|
|
1465
|
+
"receipt_disclaimer_menu": "Avis de non-responsabilité de réservation sur facture",
|
|
1466
|
+
"report_menu": "Rapports financiers",
|
|
1467
|
+
"report_seasonal_revenue_menu": "Rapport saisonnier",
|
|
1468
|
+
"reservation_addons": "Vente supplémentaire sur les réservation",
|
|
1469
|
+
"reservation_fees_menu": "Créer des frais personnalisés",
|
|
1470
|
+
"reservation_menu": "Réservations",
|
|
1471
|
+
"reservation_tags": "Ajouter des balises personnalisées sur les réservations",
|
|
1472
|
+
"send_manual_email": "Envoyer des courriels manuels et en masse",
|
|
1473
|
+
"send_manual_waivers": "Envoyer des renonciations",
|
|
1474
|
+
"taxes_menu": "Gestion des taxes",
|
|
1475
|
+
"till_management": "Rapprochement de caisse",
|
|
1476
|
+
"user_account_menu": "Plusieurs utilisateurs",
|
|
1477
|
+
"waiver_menu": "Renonciations / Gestion des signatures numériques"
|
|
1478
|
+
},
|
|
1479
|
+
"monthly_plans": "Prix Mensuel",
|
|
1480
|
+
"no_access": "Votre forfait actuel n'inclut pas cette fonctionnalité.",
|
|
1481
|
+
"plan_type_descriptions": {
|
|
1482
|
+
"free": "Tout ce dont vous avez besoin pour commencer à prendre des réservations à partir de votre réception et en ligne. PitchCamp vous permet de répercuter les frais afin que vous n’ayez rien à payer.",
|
|
1483
|
+
"premium": "Le plan premium vous permet de prendre le contrôle total de votre terrain de camping en débloquant toutes les fonctionnalités que PitchCamp a à offrir.",
|
|
1484
|
+
"standard": "Apporter votre camping au niveau supérieur en déverrouillant des fonctions clés telles que la caisse, les modules complémentaires de réservation, les courriels automatisés et bien d'autres."
|
|
1485
|
+
},
|
|
1486
|
+
"yearly_plans": "Prix Annuels"
|
|
1436
1487
|
},
|
|
1437
1488
|
"pos": {
|
|
1438
1489
|
"msg": {
|
|
@@ -1973,7 +2024,8 @@
|
|
|
1973
2024
|
"step_6": "Vérification"
|
|
1974
2025
|
},
|
|
1975
2026
|
"title": {
|
|
1976
|
-
"new_reservation": "Nouvelle réservation"
|
|
2027
|
+
"new_reservation": "Nouvelle réservation",
|
|
2028
|
+
"reservation_productservices_addons": "Services produits / Modules complémentaires de réservation"
|
|
1977
2029
|
},
|
|
1978
2030
|
"tooltip": {
|
|
1979
2031
|
"add_new_reservation": "Ajouter une nouvelle réservation",
|
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-2{margin-left:.2rem;margin-right:.2rem}.my-12{margin-top:1.2rem;margin-bottom:1.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-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}.mb-24{margin-bottom:2.4rem}.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}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.border{border-width:1px}.border-2{border-width:2px}.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}.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}.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}.text-sm{font-size:1.4rem;line-height:2rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.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-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.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)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.drop-shadow-none,.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)}.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}.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 (min-width:960px){.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}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.m-auto{margin:auto}.m-0{margin:0}.m-4{margin:.4rem}.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-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.my-8{margin-top:.8rem;margin-bottom:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.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}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mb-12{margin-bottom:1.2rem}.mt-0{margin-top:0}.mt-auto{margin-top:auto}.mr-24{margin-right:2.4rem}.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}.mb-24{margin-bottom:2.4rem}.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}.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}.max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-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}.truncate,.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-4{padding:.4rem}.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-12{font-size:1.2rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.text-3xl{font-size:3rem;line-height:3.6rem}.text-11{font-size:1.1rem}.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-200{font-weight:200}.font-300{font-weight:300}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-900{font-weight:900}.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))}.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\:min-h-128{min-height:12.8rem}.md\:max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.md\:max-w-192{max-width:19.2rem}.md\:flex-col{flex-direction:column}.md\:justify-start{justify-content:flex-start}.md\:pt-0{padding-top:0}}
|