frst-components 0.21.72 → 0.21.74
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/index.js +13 -7
- package/dist/src/components/DS/dropdown-Multiselect/styles/multiselectStyles.d.ts.map +1 -1
- package/dist/src/components/DS/scroll-container-v2/ButtonControl/buttonControlStyles.d.ts.map +1 -1
- package/dist/src/components/DS/scroll-container-v2/ButtonControl/index.d.ts.map +1 -1
- package/dist/src/components/DS/scroll-container-v2/ButtonControl/useLongPress.d.ts.map +1 -1
- package/dist/src/components/DS/select/styles/StylesSelect.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/index.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/menuStyle.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/errorIcon.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/successIcon.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/warningIcon.d.ts.map +1 -1
- package/dist/src/components/filtro-galeria-desafio/index.d.ts +2 -1
- package/dist/src/components/filtro-galeria-desafio/index.d.ts.map +1 -1
- package/dist/src/components/global-menu/components/customMenu/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10028,7 +10028,7 @@ const WrapperIconNotification = styled__default["default"].div `
|
|
|
10028
10028
|
display: flex;
|
|
10029
10029
|
justify-content: center;
|
|
10030
10030
|
align-items: center;
|
|
10031
|
-
min-width:
|
|
10031
|
+
min-width: 140px;
|
|
10032
10032
|
font-size: 16px;
|
|
10033
10033
|
font-weight: 400;
|
|
10034
10034
|
color: #fff;
|
|
@@ -10037,10 +10037,10 @@ const WrapperIconNotification = styled__default["default"].div `
|
|
|
10037
10037
|
`;
|
|
10038
10038
|
const WrapperIconNotificationText = styled__default["default"].p `
|
|
10039
10039
|
|
|
10040
|
-
text-align:
|
|
10041
|
-
left:
|
|
10040
|
+
text-align: right;
|
|
10041
|
+
left: 0px;
|
|
10042
10042
|
position: absolute;
|
|
10043
|
-
width:
|
|
10043
|
+
width: 113px;
|
|
10044
10044
|
`;
|
|
10045
10045
|
const WrapperIconNotificationMobile = styled__default["default"].div `
|
|
10046
10046
|
cursor: pointer;
|
|
@@ -11208,7 +11208,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11208
11208
|
justifyContent: 'flex-start',
|
|
11209
11209
|
alignItems: 'center',
|
|
11210
11210
|
flexDirection: 'row-reverse',
|
|
11211
|
-
width: '
|
|
11211
|
+
width: '140px',
|
|
11212
11212
|
}, onClick: handleOpenNotification, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), hasNewNotification ? (jsxRuntime.jsx("div", { style: { position: 'absolute', top: '0' }, children: jsxRuntime.jsx(HasNotificationIcon, {}) })) : null, ' ', jsxRuntime.jsx(WrapperIconNotificationText, { children: textNotification })] }), jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotification, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })] })] })), isMobileVersion && notification && (jsxRuntime.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
11213
11213
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11214
11214
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
@@ -19121,17 +19121,21 @@ styleInject(css_248z$4);
|
|
|
19121
19121
|
var css_248z$3 = ".grid {\n display: flex;\n flex-wrap: wrap;\n margin-right: -0.5rem;\n margin-left: -0.5rem;\n margin-top: -0.5rem;\n }\n \n .grid > .col,\n .grid > [class*=col] {\n box-sizing: border-box;\n }\n \n .grid-nogutter {\n margin-right: 0;\n margin-left: 0;\n margin-top: 0;\n }\n \n .grid-nogutter > .col,\n .grid-nogutter > [class*=col-] {\n padding: 0;\n }\n \n .col {\n flex-grow: 1;\n flex-basis: 0;\n padding: 0.5rem;\n }\n \n .col-fixed {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n \n .col-1 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 8.3333%;\n }\n \n .col-2 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 16.6667%;\n }\n \n .col-3 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 25%;\n }\n \n .col-4 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 33.3333%;\n }\n \n .col-5 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 41.6667%;\n }\n \n .col-6 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 50%;\n }\n \n .col-7 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 58.3333%;\n }\n \n .col-8 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 66.6667%;\n }\n \n .col-9 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 75%;\n }\n \n .col-10 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 83.3333%;\n }\n \n .col-11 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 91.6667%;\n }\n \n .col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 100%;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:col {\n flex-grow: 1;\n flex-basis: 0;\n padding: 0.5rem;\n }\n .sm\\:col-fixed {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n .sm\\:col-1 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 8.3333%;\n }\n .sm\\:col-2 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 16.6667%;\n }\n .sm\\:col-3 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 25%;\n }\n .sm\\:col-4 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 33.3333%;\n }\n .sm\\:col-5 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 41.6667%;\n }\n .sm\\:col-6 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 50%;\n }\n .sm\\:col-7 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 58.3333%;\n }\n .sm\\:col-8 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 66.6667%;\n }\n .sm\\:col-9 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 75%;\n }\n .sm\\:col-10 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 83.3333%;\n }\n .sm\\:col-11 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 91.6667%;\n }\n .sm\\:col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 100%;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:col {\n flex-grow: 1;\n flex-basis: 0;\n padding: 0.5rem;\n }\n .md\\:col-fixed {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n .md\\:col-1 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 8.3333%;\n }\n .md\\:col-2 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 16.6667%;\n }\n .md\\:col-3 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 25%;\n }\n .md\\:col-4 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 33.3333%;\n }\n .md\\:col-5 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 41.6667%;\n }\n .md\\:col-6 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 50%;\n }\n .md\\:col-7 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 58.3333%;\n }\n .md\\:col-8 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 66.6667%;\n }\n .md\\:col-9 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 75%;\n }\n .md\\:col-10 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 83.3333%;\n }\n .md\\:col-11 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 91.6667%;\n }\n .md\\:col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 100%;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:col {\n flex-grow: 1;\n flex-basis: 0;\n padding: 0.5rem;\n }\n .lg\\:col-fixed {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n .lg\\:col-1 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 8.3333%;\n }\n .lg\\:col-2 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 16.6667%;\n }\n .lg\\:col-3 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 25%;\n }\n .lg\\:col-4 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 33.3333%;\n }\n .lg\\:col-5 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 41.6667%;\n }\n .lg\\:col-6 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 50%;\n }\n .lg\\:col-7 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 58.3333%;\n }\n .lg\\:col-8 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 66.6667%;\n }\n .lg\\:col-9 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 75%;\n }\n .lg\\:col-10 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 83.3333%;\n }\n .lg\\:col-11 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 91.6667%;\n }\n .lg\\:col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 100%;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:col {\n flex-grow: 1;\n flex-basis: 0;\n padding: 0.5rem;\n }\n .xl\\:col-fixed {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n .xl\\:col-1 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 8.3333%;\n }\n .xl\\:col-2 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 16.6667%;\n }\n .xl\\:col-3 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 25%;\n }\n .xl\\:col-4 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 33.3333%;\n }\n .xl\\:col-5 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 41.6667%;\n }\n .xl\\:col-6 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 50%;\n }\n .xl\\:col-7 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 58.3333%;\n }\n .xl\\:col-8 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 66.6667%;\n }\n .xl\\:col-9 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 75%;\n }\n .xl\\:col-10 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 83.3333%;\n }\n .xl\\:col-11 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 91.6667%;\n }\n .xl\\:col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n width: 100%;\n }\n }\n .col-offset-0 {\n margin-left: 0 !important;\n }\n \n .col-offset-1 {\n margin-left: 8.3333% !important;\n }\n \n .col-offset-2 {\n margin-left: 16.6667% !important;\n }\n \n .col-offset-3 {\n margin-left: 25% !important;\n }\n \n .col-offset-4 {\n margin-left: 33.3333% !important;\n }\n \n .col-offset-5 {\n margin-left: 41.6667% !important;\n }\n \n .col-offset-6 {\n margin-left: 50% !important;\n }\n \n .col-offset-7 {\n margin-left: 58.3333% !important;\n }\n \n .col-offset-8 {\n margin-left: 66.6667% !important;\n }\n \n .col-offset-9 {\n margin-left: 75% !important;\n }\n \n .col-offset-10 {\n margin-left: 83.3333% !important;\n }\n \n .col-offset-11 {\n margin-left: 91.6667% !important;\n }\n \n .col-offset-12 {\n margin-left: 100% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:col-offset-0 {\n margin-left: 0 !important;\n }\n .sm\\:col-offset-1 {\n margin-left: 8.3333% !important;\n }\n .sm\\:col-offset-2 {\n margin-left: 16.6667% !important;\n }\n .sm\\:col-offset-3 {\n margin-left: 25% !important;\n }\n .sm\\:col-offset-4 {\n margin-left: 33.3333% !important;\n }\n .sm\\:col-offset-5 {\n margin-left: 41.6667% !important;\n }\n .sm\\:col-offset-6 {\n margin-left: 50% !important;\n }\n .sm\\:col-offset-7 {\n margin-left: 58.3333% !important;\n }\n .sm\\:col-offset-8 {\n margin-left: 66.6667% !important;\n }\n .sm\\:col-offset-9 {\n margin-left: 75% !important;\n }\n .sm\\:col-offset-10 {\n margin-left: 83.3333% !important;\n }\n .sm\\:col-offset-11 {\n margin-left: 91.6667% !important;\n }\n .sm\\:col-offset-12 {\n margin-left: 100% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:col-offset-0 {\n margin-left: 0 !important;\n }\n .md\\:col-offset-1 {\n margin-left: 8.3333% !important;\n }\n .md\\:col-offset-2 {\n margin-left: 16.6667% !important;\n }\n .md\\:col-offset-3 {\n margin-left: 25% !important;\n }\n .md\\:col-offset-4 {\n margin-left: 33.3333% !important;\n }\n .md\\:col-offset-5 {\n margin-left: 41.6667% !important;\n }\n .md\\:col-offset-6 {\n margin-left: 50% !important;\n }\n .md\\:col-offset-7 {\n margin-left: 58.3333% !important;\n }\n .md\\:col-offset-8 {\n margin-left: 66.6667% !important;\n }\n .md\\:col-offset-9 {\n margin-left: 75% !important;\n }\n .md\\:col-offset-10 {\n margin-left: 83.3333% !important;\n }\n .md\\:col-offset-11 {\n margin-left: 91.6667% !important;\n }\n .md\\:col-offset-12 {\n margin-left: 100% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:col-offset-0 {\n margin-left: 0 !important;\n }\n .lg\\:col-offset-1 {\n margin-left: 8.3333% !important;\n }\n .lg\\:col-offset-2 {\n margin-left: 16.6667% !important;\n }\n .lg\\:col-offset-3 {\n margin-left: 25% !important;\n }\n .lg\\:col-offset-4 {\n margin-left: 33.3333% !important;\n }\n .lg\\:col-offset-5 {\n margin-left: 41.6667% !important;\n }\n .lg\\:col-offset-6 {\n margin-left: 50% !important;\n }\n .lg\\:col-offset-7 {\n margin-left: 58.3333% !important;\n }\n .lg\\:col-offset-8 {\n margin-left: 66.6667% !important;\n }\n .lg\\:col-offset-9 {\n margin-left: 75% !important;\n }\n .lg\\:col-offset-10 {\n margin-left: 83.3333% !important;\n }\n .lg\\:col-offset-11 {\n margin-left: 91.6667% !important;\n }\n .lg\\:col-offset-12 {\n margin-left: 100% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:col-offset-0 {\n margin-left: 0 !important;\n }\n .xl\\:col-offset-1 {\n margin-left: 8.3333% !important;\n }\n .xl\\:col-offset-2 {\n margin-left: 16.6667% !important;\n }\n .xl\\:col-offset-3 {\n margin-left: 25% !important;\n }\n .xl\\:col-offset-4 {\n margin-left: 33.3333% !important;\n }\n .xl\\:col-offset-5 {\n margin-left: 41.6667% !important;\n }\n .xl\\:col-offset-6 {\n margin-left: 50% !important;\n }\n .xl\\:col-offset-7 {\n margin-left: 58.3333% !important;\n }\n .xl\\:col-offset-8 {\n margin-left: 66.6667% !important;\n }\n .xl\\:col-offset-9 {\n margin-left: 75% !important;\n }\n .xl\\:col-offset-10 {\n margin-left: 83.3333% !important;\n }\n .xl\\:col-offset-11 {\n margin-left: 91.6667% !important;\n }\n .xl\\:col-offset-12 {\n margin-left: 100% !important;\n }\n }\n .text-0 {\n color: var(--surface-0) !important;\n }\n \n .text-50 {\n color: var(--surface-50) !important;\n }\n \n .text-100 {\n color: var(--surface-100) !important;\n }\n \n .text-200 {\n color: var(--surface-200) !important;\n }\n \n .text-300 {\n color: var(--surface-300) !important;\n }\n \n .text-400 {\n color: var(--surface-400) !important;\n }\n \n .text-500 {\n color: var(--surface-500) !important;\n }\n \n .text-600 {\n color: var(--surface-600) !important;\n }\n \n .text-700 {\n color: var(--surface-700) !important;\n }\n \n .text-800 {\n color: var(--surface-800) !important;\n }\n \n .text-900 {\n color: var(--surface-900) !important;\n }\n \n .focus\\:text-0:focus {\n color: var(--surface-0) !important;\n }\n \n .hover\\:text-0:hover {\n color: var(--surface-0) !important;\n }\n \n .active\\:text-0:active {\n color: var(--surface-0) !important;\n }\n \n .focus\\:text-50:focus {\n color: var(--surface-50) !important;\n }\n \n .hover\\:text-50:hover {\n color: var(--surface-50) !important;\n }\n \n .active\\:text-50:active {\n color: var(--surface-50) !important;\n }\n \n .focus\\:text-100:focus {\n color: var(--surface-100) !important;\n }\n \n .hover\\:text-100:hover {\n color: var(--surface-100) !important;\n }\n \n .active\\:text-100:active {\n color: var(--surface-100) !important;\n }\n \n .focus\\:text-200:focus {\n color: var(--surface-200) !important;\n }\n \n .hover\\:text-200:hover {\n color: var(--surface-200) !important;\n }\n \n .active\\:text-200:active {\n color: var(--surface-200) !important;\n }\n \n .focus\\:text-300:focus {\n color: var(--surface-300) !important;\n }\n \n .hover\\:text-300:hover {\n color: var(--surface-300) !important;\n }\n \n .active\\:text-300:active {\n color: var(--surface-300) !important;\n }\n \n .focus\\:text-400:focus {\n color: var(--surface-400) !important;\n }\n \n .hover\\:text-400:hover {\n color: var(--surface-400) !important;\n }\n \n .active\\:text-400:active {\n color: var(--surface-400) !important;\n }\n \n .focus\\:text-500:focus {\n color: var(--surface-500) !important;\n }\n \n .hover\\:text-500:hover {\n color: var(--surface-500) !important;\n }\n \n .active\\:text-500:active {\n color: var(--surface-500) !important;\n }\n \n .focus\\:text-600:focus {\n color: var(--surface-600) !important;\n }\n \n .hover\\:text-600:hover {\n color: var(--surface-600) !important;\n }\n \n .active\\:text-600:active {\n color: var(--surface-600) !important;\n }\n \n .focus\\:text-700:focus {\n color: var(--surface-700) !important;\n }\n \n .hover\\:text-700:hover {\n color: var(--surface-700) !important;\n }\n \n .active\\:text-700:active {\n color: var(--surface-700) !important;\n }\n \n .focus\\:text-800:focus {\n color: var(--surface-800) !important;\n }\n \n .hover\\:text-800:hover {\n color: var(--surface-800) !important;\n }\n \n .active\\:text-800:active {\n color: var(--surface-800) !important;\n }\n \n .focus\\:text-900:focus {\n color: var(--surface-900) !important;\n }\n \n .hover\\:text-900:hover {\n color: var(--surface-900) !important;\n }\n \n .active\\:text-900:active {\n color: var(--surface-900) !important;\n }\n \n .surface-0 {\n background-color: var(--surface-0) !important;\n }\n \n .surface-50 {\n background-color: var(--surface-50) !important;\n }\n \n .surface-100 {\n background-color: var(--surface-100) !important;\n }\n \n .surface-200 {\n background-color: var(--surface-200) !important;\n }\n \n .surface-300 {\n background-color: var(--surface-300) !important;\n }\n \n .surface-400 {\n background-color: var(--surface-400) !important;\n }\n \n .surface-500 {\n background-color: var(--surface-500) !important;\n }\n \n .surface-600 {\n background-color: var(--surface-600) !important;\n }\n \n .surface-700 {\n background-color: var(--surface-700) !important;\n }\n \n .surface-800 {\n background-color: var(--surface-800) !important;\n }\n \n .surface-900 {\n background-color: var(--surface-900) !important;\n }\n \n .focus\\:surface-0:focus {\n background-color: var(--surface-0) !important;\n }\n \n .hover\\:surface-0:hover {\n background-color: var(--surface-0) !important;\n }\n \n .active\\:surface-0:active {\n background-color: var(--surface-0) !important;\n }\n \n .focus\\:surface-50:focus {\n background-color: var(--surface-50) !important;\n }\n \n .hover\\:surface-50:hover {\n background-color: var(--surface-50) !important;\n }\n \n .active\\:surface-50:active {\n background-color: var(--surface-50) !important;\n }\n \n .focus\\:surface-100:focus {\n background-color: var(--surface-100) !important;\n }\n \n .hover\\:surface-100:hover {\n background-color: var(--surface-100) !important;\n }\n \n .active\\:surface-100:active {\n background-color: var(--surface-100) !important;\n }\n \n .focus\\:surface-200:focus {\n background-color: var(--surface-200) !important;\n }\n \n .hover\\:surface-200:hover {\n background-color: var(--surface-200) !important;\n }\n \n .active\\:surface-200:active {\n background-color: var(--surface-200) !important;\n }\n \n .focus\\:surface-300:focus {\n background-color: var(--surface-300) !important;\n }\n \n .hover\\:surface-300:hover {\n background-color: var(--surface-300) !important;\n }\n \n .active\\:surface-300:active {\n background-color: var(--surface-300) !important;\n }\n \n .focus\\:surface-400:focus {\n background-color: var(--surface-400) !important;\n }\n \n .hover\\:surface-400:hover {\n background-color: var(--surface-400) !important;\n }\n \n .active\\:surface-400:active {\n background-color: var(--surface-400) !important;\n }\n \n .focus\\:surface-500:focus {\n background-color: var(--surface-500) !important;\n }\n \n .hover\\:surface-500:hover {\n background-color: var(--surface-500) !important;\n }\n \n .active\\:surface-500:active {\n background-color: var(--surface-500) !important;\n }\n \n .focus\\:surface-600:focus {\n background-color: var(--surface-600) !important;\n }\n \n .hover\\:surface-600:hover {\n background-color: var(--surface-600) !important;\n }\n \n .active\\:surface-600:active {\n background-color: var(--surface-600) !important;\n }\n \n .focus\\:surface-700:focus {\n background-color: var(--surface-700) !important;\n }\n \n .hover\\:surface-700:hover {\n background-color: var(--surface-700) !important;\n }\n \n .active\\:surface-700:active {\n background-color: var(--surface-700) !important;\n }\n \n .focus\\:surface-800:focus {\n background-color: var(--surface-800) !important;\n }\n \n .hover\\:surface-800:hover {\n background-color: var(--surface-800) !important;\n }\n \n .active\\:surface-800:active {\n background-color: var(--surface-800) !important;\n }\n \n .focus\\:surface-900:focus {\n background-color: var(--surface-900) !important;\n }\n \n .hover\\:surface-900:hover {\n background-color: var(--surface-900) !important;\n }\n \n .active\\:surface-900:active {\n background-color: var(--surface-900) !important;\n }\n \n .border-0 {\n border-color: var(--surface-0) !important;\n }\n \n .border-50 {\n border-color: var(--surface-50) !important;\n }\n \n .border-100 {\n border-color: var(--surface-100) !important;\n }\n \n .border-200 {\n border-color: var(--surface-200) !important;\n }\n \n .border-300 {\n border-color: var(--surface-300) !important;\n }\n \n .border-400 {\n border-color: var(--surface-400) !important;\n }\n \n .border-500 {\n border-color: var(--surface-500) !important;\n }\n \n .border-600 {\n border-color: var(--surface-600) !important;\n }\n \n .border-700 {\n border-color: var(--surface-700) !important;\n }\n \n .border-800 {\n border-color: var(--surface-800) !important;\n }\n \n .border-900 {\n border-color: var(--surface-900) !important;\n }\n \n .focus\\:border-0:focus {\n border-color: var(--surface-0) !important;\n }\n \n .hover\\:border-0:hover {\n border-color: var(--surface-0) !important;\n }\n \n .active\\:border-0:active {\n border-color: var(--surface-0) !important;\n }\n \n .focus\\:border-50:focus {\n border-color: var(--surface-50) !important;\n }\n \n .hover\\:border-50:hover {\n border-color: var(--surface-50) !important;\n }\n \n .active\\:border-50:active {\n border-color: var(--surface-50) !important;\n }\n \n .focus\\:border-100:focus {\n border-color: var(--surface-100) !important;\n }\n \n .hover\\:border-100:hover {\n border-color: var(--surface-100) !important;\n }\n \n .active\\:border-100:active {\n border-color: var(--surface-100) !important;\n }\n \n .focus\\:border-200:focus {\n border-color: var(--surface-200) !important;\n }\n \n .hover\\:border-200:hover {\n border-color: var(--surface-200) !important;\n }\n \n .active\\:border-200:active {\n border-color: var(--surface-200) !important;\n }\n \n .focus\\:border-300:focus {\n border-color: var(--surface-300) !important;\n }\n \n .hover\\:border-300:hover {\n border-color: var(--surface-300) !important;\n }\n \n .active\\:border-300:active {\n border-color: var(--surface-300) !important;\n }\n \n .focus\\:border-400:focus {\n border-color: var(--surface-400) !important;\n }\n \n .hover\\:border-400:hover {\n border-color: var(--surface-400) !important;\n }\n \n .active\\:border-400:active {\n border-color: var(--surface-400) !important;\n }\n \n .focus\\:border-500:focus {\n border-color: var(--surface-500) !important;\n }\n \n .hover\\:border-500:hover {\n border-color: var(--surface-500) !important;\n }\n \n .active\\:border-500:active {\n border-color: var(--surface-500) !important;\n }\n \n .focus\\:border-600:focus {\n border-color: var(--surface-600) !important;\n }\n \n .hover\\:border-600:hover {\n border-color: var(--surface-600) !important;\n }\n \n .active\\:border-600:active {\n border-color: var(--surface-600) !important;\n }\n \n .focus\\:border-700:focus {\n border-color: var(--surface-700) !important;\n }\n \n .hover\\:border-700:hover {\n border-color: var(--surface-700) !important;\n }\n \n .active\\:border-700:active {\n border-color: var(--surface-700) !important;\n }\n \n .focus\\:border-800:focus {\n border-color: var(--surface-800) !important;\n }\n \n .hover\\:border-800:hover {\n border-color: var(--surface-800) !important;\n }\n \n .active\\:border-800:active {\n border-color: var(--surface-800) !important;\n }\n \n .focus\\:border-900:focus {\n border-color: var(--surface-900) !important;\n }\n \n .hover\\:border-900:hover {\n border-color: var(--surface-900) !important;\n }\n \n .active\\:border-900:active {\n border-color: var(--surface-900) !important;\n }\n \n .bg-transparent {\n background-color: transparent !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:bg-transparent {\n background-color: transparent !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:bg-transparent {\n background-color: transparent !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:bg-transparent {\n background-color: transparent !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:bg-transparent {\n background-color: transparent !important;\n }\n }\n .border-transparent {\n border-color: transparent !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:border-transparent {\n border-color: transparent !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:border-transparent {\n border-color: transparent !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:border-transparent {\n border-color: transparent !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:border-transparent {\n border-color: transparent !important;\n }\n }\n .text-blue-50 {\n color: var(--blue-50) !important;\n }\n .text-blue-100 {\n color: var(--blue-100) !important;\n }\n .text-blue-200 {\n color: var(--blue-200) !important;\n }\n .text-blue-300 {\n color: var(--blue-300) !important;\n }\n .text-blue-400 {\n color: var(--blue-400) !important;\n }\n .text-blue-500 {\n color: var(--blue-500) !important;\n }\n .text-blue-600 {\n color: var(--blue-600) !important;\n }\n .text-blue-700 {\n color: var(--blue-700) !important;\n }\n .text-blue-800 {\n color: var(--blue-800) !important;\n }\n .text-blue-900 {\n color: var(--blue-900) !important;\n }\n \n .focus\\:text-blue-50:focus {\n color: var(--blue-50) !important;\n }\n .focus\\:text-blue-100:focus {\n color: var(--blue-100) !important;\n }\n .focus\\:text-blue-200:focus {\n color: var(--blue-200) !important;\n }\n .focus\\:text-blue-300:focus {\n color: var(--blue-300) !important;\n }\n .focus\\:text-blue-400:focus {\n color: var(--blue-400) !important;\n }\n .focus\\:text-blue-500:focus {\n color: var(--blue-500) !important;\n }\n .focus\\:text-blue-600:focus {\n color: var(--blue-600) !important;\n }\n .focus\\:text-blue-700:focus {\n color: var(--blue-700) !important;\n }\n .focus\\:text-blue-800:focus {\n color: var(--blue-800) !important;\n }\n .focus\\:text-blue-900:focus {\n color: var(--blue-900) !important;\n }\n \n .hover\\:text-blue-50:hover {\n color: var(--blue-50) !important;\n }\n .hover\\:text-blue-100:hover {\n color: var(--blue-100) !important;\n }\n .hover\\:text-blue-200:hover {\n color: var(--blue-200) !important;\n }\n .hover\\:text-blue-300:hover {\n color: var(--blue-300) !important;\n }\n .hover\\:text-blue-400:hover {\n color: var(--blue-400) !important;\n }\n .hover\\:text-blue-500:hover {\n color: var(--blue-500) !important;\n }\n .hover\\:text-blue-600:hover {\n color: var(--blue-600) !important;\n }\n .hover\\:text-blue-700:hover {\n color: var(--blue-700) !important;\n }\n .hover\\:text-blue-800:hover {\n color: var(--blue-800) !important;\n }\n .hover\\:text-blue-900:hover {\n color: var(--blue-900) !important;\n }\n \n .active\\:text-blue-50:active {\n color: var(--blue-50) !important;\n }\n .active\\:text-blue-100:active {\n color: var(--blue-100) !important;\n }\n .active\\:text-blue-200:active {\n color: var(--blue-200) !important;\n }\n .active\\:text-blue-300:active {\n color: var(--blue-300) !important;\n }\n .active\\:text-blue-400:active {\n color: var(--blue-400) !important;\n }\n .active\\:text-blue-500:active {\n color: var(--blue-500) !important;\n }\n .active\\:text-blue-600:active {\n color: var(--blue-600) !important;\n }\n .active\\:text-blue-700:active {\n color: var(--blue-700) !important;\n }\n .active\\:text-blue-800:active {\n color: var(--blue-800) !important;\n }\n .active\\:text-blue-900:active {\n color: var(--blue-900) !important;\n }\n \n .text-green-50 {\n color: var(--green-50) !important;\n }\n .text-green-100 {\n color: var(--green-100) !important;\n }\n .text-green-200 {\n color: var(--green-200) !important;\n }\n .text-green-300 {\n color: var(--green-300) !important;\n }\n .text-green-400 {\n color: var(--green-400) !important;\n }\n .text-green-500 {\n color: var(--green-500) !important;\n }\n .text-green-600 {\n color: var(--green-600) !important;\n }\n .text-green-700 {\n color: var(--green-700) !important;\n }\n .text-green-800 {\n color: var(--green-800) !important;\n }\n .text-green-900 {\n color: var(--green-900) !important;\n }\n \n .focus\\:text-green-50:focus {\n color: var(--green-50) !important;\n }\n .focus\\:text-green-100:focus {\n color: var(--green-100) !important;\n }\n .focus\\:text-green-200:focus {\n color: var(--green-200) !important;\n }\n .focus\\:text-green-300:focus {\n color: var(--green-300) !important;\n }\n .focus\\:text-green-400:focus {\n color: var(--green-400) !important;\n }\n .focus\\:text-green-500:focus {\n color: var(--green-500) !important;\n }\n .focus\\:text-green-600:focus {\n color: var(--green-600) !important;\n }\n .focus\\:text-green-700:focus {\n color: var(--green-700) !important;\n }\n .focus\\:text-green-800:focus {\n color: var(--green-800) !important;\n }\n .focus\\:text-green-900:focus {\n color: var(--green-900) !important;\n }\n \n .hover\\:text-green-50:hover {\n color: var(--green-50) !important;\n }\n .hover\\:text-green-100:hover {\n color: var(--green-100) !important;\n }\n .hover\\:text-green-200:hover {\n color: var(--green-200) !important;\n }\n .hover\\:text-green-300:hover {\n color: var(--green-300) !important;\n }\n .hover\\:text-green-400:hover {\n color: var(--green-400) !important;\n }\n .hover\\:text-green-500:hover {\n color: var(--green-500) !important;\n }\n .hover\\:text-green-600:hover {\n color: var(--green-600) !important;\n }\n .hover\\:text-green-700:hover {\n color: var(--green-700) !important;\n }\n .hover\\:text-green-800:hover {\n color: var(--green-800) !important;\n }\n .hover\\:text-green-900:hover {\n color: var(--green-900) !important;\n }\n \n .active\\:text-green-50:active {\n color: var(--green-50) !important;\n }\n .active\\:text-green-100:active {\n color: var(--green-100) !important;\n }\n .active\\:text-green-200:active {\n color: var(--green-200) !important;\n }\n .active\\:text-green-300:active {\n color: var(--green-300) !important;\n }\n .active\\:text-green-400:active {\n color: var(--green-400) !important;\n }\n .active\\:text-green-500:active {\n color: var(--green-500) !important;\n }\n .active\\:text-green-600:active {\n color: var(--green-600) !important;\n }\n .active\\:text-green-700:active {\n color: var(--green-700) !important;\n }\n .active\\:text-green-800:active {\n color: var(--green-800) !important;\n }\n .active\\:text-green-900:active {\n color: var(--green-900) !important;\n }\n \n .text-yellow-50 {\n color: var(--yellow-50) !important;\n }\n .text-yellow-100 {\n color: var(--yellow-100) !important;\n }\n .text-yellow-200 {\n color: var(--yellow-200) !important;\n }\n .text-yellow-300 {\n color: var(--yellow-300) !important;\n }\n .text-yellow-400 {\n color: var(--yellow-400) !important;\n }\n .text-yellow-500 {\n color: var(--yellow-500) !important;\n }\n .text-yellow-600 {\n color: var(--yellow-600) !important;\n }\n .text-yellow-700 {\n color: var(--yellow-700) !important;\n }\n .text-yellow-800 {\n color: var(--yellow-800) !important;\n }\n .text-yellow-900 {\n color: var(--yellow-900) !important;\n }\n \n .focus\\:text-yellow-50:focus {\n color: var(--yellow-50) !important;\n }\n .focus\\:text-yellow-100:focus {\n color: var(--yellow-100) !important;\n }\n .focus\\:text-yellow-200:focus {\n color: var(--yellow-200) !important;\n }\n .focus\\:text-yellow-300:focus {\n color: var(--yellow-300) !important;\n }\n .focus\\:text-yellow-400:focus {\n color: var(--yellow-400) !important;\n }\n .focus\\:text-yellow-500:focus {\n color: var(--yellow-500) !important;\n }\n .focus\\:text-yellow-600:focus {\n color: var(--yellow-600) !important;\n }\n .focus\\:text-yellow-700:focus {\n color: var(--yellow-700) !important;\n }\n .focus\\:text-yellow-800:focus {\n color: var(--yellow-800) !important;\n }\n .focus\\:text-yellow-900:focus {\n color: var(--yellow-900) !important;\n }\n \n .hover\\:text-yellow-50:hover {\n color: var(--yellow-50) !important;\n }\n .hover\\:text-yellow-100:hover {\n color: var(--yellow-100) !important;\n }\n .hover\\:text-yellow-200:hover {\n color: var(--yellow-200) !important;\n }\n .hover\\:text-yellow-300:hover {\n color: var(--yellow-300) !important;\n }\n .hover\\:text-yellow-400:hover {\n color: var(--yellow-400) !important;\n }\n .hover\\:text-yellow-500:hover {\n color: var(--yellow-500) !important;\n }\n .hover\\:text-yellow-600:hover {\n color: var(--yellow-600) !important;\n }\n .hover\\:text-yellow-700:hover {\n color: var(--yellow-700) !important;\n }\n .hover\\:text-yellow-800:hover {\n color: var(--yellow-800) !important;\n }\n .hover\\:text-yellow-900:hover {\n color: var(--yellow-900) !important;\n }\n \n .active\\:text-yellow-50:active {\n color: var(--yellow-50) !important;\n }\n .active\\:text-yellow-100:active {\n color: var(--yellow-100) !important;\n }\n .active\\:text-yellow-200:active {\n color: var(--yellow-200) !important;\n }\n .active\\:text-yellow-300:active {\n color: var(--yellow-300) !important;\n }\n .active\\:text-yellow-400:active {\n color: var(--yellow-400) !important;\n }\n .active\\:text-yellow-500:active {\n color: var(--yellow-500) !important;\n }\n .active\\:text-yellow-600:active {\n color: var(--yellow-600) !important;\n }\n .active\\:text-yellow-700:active {\n color: var(--yellow-700) !important;\n }\n .active\\:text-yellow-800:active {\n color: var(--yellow-800) !important;\n }\n .active\\:text-yellow-900:active {\n color: var(--yellow-900) !important;\n }\n \n .text-cyan-50 {\n color: var(--cyan-50) !important;\n }\n .text-cyan-100 {\n color: var(--cyan-100) !important;\n }\n .text-cyan-200 {\n color: var(--cyan-200) !important;\n }\n .text-cyan-300 {\n color: var(--cyan-300) !important;\n }\n .text-cyan-400 {\n color: var(--cyan-400) !important;\n }\n .text-cyan-500 {\n color: var(--cyan-500) !important;\n }\n .text-cyan-600 {\n color: var(--cyan-600) !important;\n }\n .text-cyan-700 {\n color: var(--cyan-700) !important;\n }\n .text-cyan-800 {\n color: var(--cyan-800) !important;\n }\n .text-cyan-900 {\n color: var(--cyan-900) !important;\n }\n \n .focus\\:text-cyan-50:focus {\n color: var(--cyan-50) !important;\n }\n .focus\\:text-cyan-100:focus {\n color: var(--cyan-100) !important;\n }\n .focus\\:text-cyan-200:focus {\n color: var(--cyan-200) !important;\n }\n .focus\\:text-cyan-300:focus {\n color: var(--cyan-300) !important;\n }\n .focus\\:text-cyan-400:focus {\n color: var(--cyan-400) !important;\n }\n .focus\\:text-cyan-500:focus {\n color: var(--cyan-500) !important;\n }\n .focus\\:text-cyan-600:focus {\n color: var(--cyan-600) !important;\n }\n .focus\\:text-cyan-700:focus {\n color: var(--cyan-700) !important;\n }\n .focus\\:text-cyan-800:focus {\n color: var(--cyan-800) !important;\n }\n .focus\\:text-cyan-900:focus {\n color: var(--cyan-900) !important;\n }\n \n .hover\\:text-cyan-50:hover {\n color: var(--cyan-50) !important;\n }\n .hover\\:text-cyan-100:hover {\n color: var(--cyan-100) !important;\n }\n .hover\\:text-cyan-200:hover {\n color: var(--cyan-200) !important;\n }\n .hover\\:text-cyan-300:hover {\n color: var(--cyan-300) !important;\n }\n .hover\\:text-cyan-400:hover {\n color: var(--cyan-400) !important;\n }\n .hover\\:text-cyan-500:hover {\n color: var(--cyan-500) !important;\n }\n .hover\\:text-cyan-600:hover {\n color: var(--cyan-600) !important;\n }\n .hover\\:text-cyan-700:hover {\n color: var(--cyan-700) !important;\n }\n .hover\\:text-cyan-800:hover {\n color: var(--cyan-800) !important;\n }\n .hover\\:text-cyan-900:hover {\n color: var(--cyan-900) !important;\n }\n \n .active\\:text-cyan-50:active {\n color: var(--cyan-50) !important;\n }\n .active\\:text-cyan-100:active {\n color: var(--cyan-100) !important;\n }\n .active\\:text-cyan-200:active {\n color: var(--cyan-200) !important;\n }\n .active\\:text-cyan-300:active {\n color: var(--cyan-300) !important;\n }\n .active\\:text-cyan-400:active {\n color: var(--cyan-400) !important;\n }\n .active\\:text-cyan-500:active {\n color: var(--cyan-500) !important;\n }\n .active\\:text-cyan-600:active {\n color: var(--cyan-600) !important;\n }\n .active\\:text-cyan-700:active {\n color: var(--cyan-700) !important;\n }\n .active\\:text-cyan-800:active {\n color: var(--cyan-800) !important;\n }\n .active\\:text-cyan-900:active {\n color: var(--cyan-900) !important;\n }\n \n .text-pink-50 {\n color: var(--pink-50) !important;\n }\n .text-pink-100 {\n color: var(--pink-100) !important;\n }\n .text-pink-200 {\n color: var(--pink-200) !important;\n }\n .text-pink-300 {\n color: var(--pink-300) !important;\n }\n .text-pink-400 {\n color: var(--pink-400) !important;\n }\n .text-pink-500 {\n color: var(--pink-500) !important;\n }\n .text-pink-600 {\n color: var(--pink-600) !important;\n }\n .text-pink-700 {\n color: var(--pink-700) !important;\n }\n .text-pink-800 {\n color: var(--pink-800) !important;\n }\n .text-pink-900 {\n color: var(--pink-900) !important;\n }\n \n .focus\\:text-pink-50:focus {\n color: var(--pink-50) !important;\n }\n .focus\\:text-pink-100:focus {\n color: var(--pink-100) !important;\n }\n .focus\\:text-pink-200:focus {\n color: var(--pink-200) !important;\n }\n .focus\\:text-pink-300:focus {\n color: var(--pink-300) !important;\n }\n .focus\\:text-pink-400:focus {\n color: var(--pink-400) !important;\n }\n .focus\\:text-pink-500:focus {\n color: var(--pink-500) !important;\n }\n .focus\\:text-pink-600:focus {\n color: var(--pink-600) !important;\n }\n .focus\\:text-pink-700:focus {\n color: var(--pink-700) !important;\n }\n .focus\\:text-pink-800:focus {\n color: var(--pink-800) !important;\n }\n .focus\\:text-pink-900:focus {\n color: var(--pink-900) !important;\n }\n \n .hover\\:text-pink-50:hover {\n color: var(--pink-50) !important;\n }\n .hover\\:text-pink-100:hover {\n color: var(--pink-100) !important;\n }\n .hover\\:text-pink-200:hover {\n color: var(--pink-200) !important;\n }\n .hover\\:text-pink-300:hover {\n color: var(--pink-300) !important;\n }\n .hover\\:text-pink-400:hover {\n color: var(--pink-400) !important;\n }\n .hover\\:text-pink-500:hover {\n color: var(--pink-500) !important;\n }\n .hover\\:text-pink-600:hover {\n color: var(--pink-600) !important;\n }\n .hover\\:text-pink-700:hover {\n color: var(--pink-700) !important;\n }\n .hover\\:text-pink-800:hover {\n color: var(--pink-800) !important;\n }\n .hover\\:text-pink-900:hover {\n color: var(--pink-900) !important;\n }\n \n .active\\:text-pink-50:active {\n color: var(--pink-50) !important;\n }\n .active\\:text-pink-100:active {\n color: var(--pink-100) !important;\n }\n .active\\:text-pink-200:active {\n color: var(--pink-200) !important;\n }\n .active\\:text-pink-300:active {\n color: var(--pink-300) !important;\n }\n .active\\:text-pink-400:active {\n color: var(--pink-400) !important;\n }\n .active\\:text-pink-500:active {\n color: var(--pink-500) !important;\n }\n .active\\:text-pink-600:active {\n color: var(--pink-600) !important;\n }\n .active\\:text-pink-700:active {\n color: var(--pink-700) !important;\n }\n .active\\:text-pink-800:active {\n color: var(--pink-800) !important;\n }\n .active\\:text-pink-900:active {\n color: var(--pink-900) !important;\n }\n \n .text-indigo-50 {\n color: var(--indigo-50) !important;\n }\n .text-indigo-100 {\n color: var(--indigo-100) !important;\n }\n .text-indigo-200 {\n color: var(--indigo-200) !important;\n }\n .text-indigo-300 {\n color: var(--indigo-300) !important;\n }\n .text-indigo-400 {\n color: var(--indigo-400) !important;\n }\n .text-indigo-500 {\n color: var(--indigo-500) !important;\n }\n .text-indigo-600 {\n color: var(--indigo-600) !important;\n }\n .text-indigo-700 {\n color: var(--indigo-700) !important;\n }\n .text-indigo-800 {\n color: var(--indigo-800) !important;\n }\n .text-indigo-900 {\n color: var(--indigo-900) !important;\n }\n \n .focus\\:text-indigo-50:focus {\n color: var(--indigo-50) !important;\n }\n .focus\\:text-indigo-100:focus {\n color: var(--indigo-100) !important;\n }\n .focus\\:text-indigo-200:focus {\n color: var(--indigo-200) !important;\n }\n .focus\\:text-indigo-300:focus {\n color: var(--indigo-300) !important;\n }\n .focus\\:text-indigo-400:focus {\n color: var(--indigo-400) !important;\n }\n .focus\\:text-indigo-500:focus {\n color: var(--indigo-500) !important;\n }\n .focus\\:text-indigo-600:focus {\n color: var(--indigo-600) !important;\n }\n .focus\\:text-indigo-700:focus {\n color: var(--indigo-700) !important;\n }\n .focus\\:text-indigo-800:focus {\n color: var(--indigo-800) !important;\n }\n .focus\\:text-indigo-900:focus {\n color: var(--indigo-900) !important;\n }\n \n .hover\\:text-indigo-50:hover {\n color: var(--indigo-50) !important;\n }\n .hover\\:text-indigo-100:hover {\n color: var(--indigo-100) !important;\n }\n .hover\\:text-indigo-200:hover {\n color: var(--indigo-200) !important;\n }\n .hover\\:text-indigo-300:hover {\n color: var(--indigo-300) !important;\n }\n .hover\\:text-indigo-400:hover {\n color: var(--indigo-400) !important;\n }\n .hover\\:text-indigo-500:hover {\n color: var(--indigo-500) !important;\n }\n .hover\\:text-indigo-600:hover {\n color: var(--indigo-600) !important;\n }\n .hover\\:text-indigo-700:hover {\n color: var(--indigo-700) !important;\n }\n .hover\\:text-indigo-800:hover {\n color: var(--indigo-800) !important;\n }\n .hover\\:text-indigo-900:hover {\n color: var(--indigo-900) !important;\n }\n \n .active\\:text-indigo-50:active {\n color: var(--indigo-50) !important;\n }\n .active\\:text-indigo-100:active {\n color: var(--indigo-100) !important;\n }\n .active\\:text-indigo-200:active {\n color: var(--indigo-200) !important;\n }\n .active\\:text-indigo-300:active {\n color: var(--indigo-300) !important;\n }\n .active\\:text-indigo-400:active {\n color: var(--indigo-400) !important;\n }\n .active\\:text-indigo-500:active {\n color: var(--indigo-500) !important;\n }\n .active\\:text-indigo-600:active {\n color: var(--indigo-600) !important;\n }\n .active\\:text-indigo-700:active {\n color: var(--indigo-700) !important;\n }\n .active\\:text-indigo-800:active {\n color: var(--indigo-800) !important;\n }\n .active\\:text-indigo-900:active {\n color: var(--indigo-900) !important;\n }\n \n .text-teal-50 {\n color: var(--teal-50) !important;\n }\n .text-teal-100 {\n color: var(--teal-100) !important;\n }\n .text-teal-200 {\n color: var(--teal-200) !important;\n }\n .text-teal-300 {\n color: var(--teal-300) !important;\n }\n .text-teal-400 {\n color: var(--teal-400) !important;\n }\n .text-teal-500 {\n color: var(--teal-500) !important;\n }\n .text-teal-600 {\n color: var(--teal-600) !important;\n }\n .text-teal-700 {\n color: var(--teal-700) !important;\n }\n .text-teal-800 {\n color: var(--teal-800) !important;\n }\n .text-teal-900 {\n color: var(--teal-900) !important;\n }\n \n .focus\\:text-teal-50:focus {\n color: var(--teal-50) !important;\n }\n .focus\\:text-teal-100:focus {\n color: var(--teal-100) !important;\n }\n .focus\\:text-teal-200:focus {\n color: var(--teal-200) !important;\n }\n .focus\\:text-teal-300:focus {\n color: var(--teal-300) !important;\n }\n .focus\\:text-teal-400:focus {\n color: var(--teal-400) !important;\n }\n .focus\\:text-teal-500:focus {\n color: var(--teal-500) !important;\n }\n .focus\\:text-teal-600:focus {\n color: var(--teal-600) !important;\n }\n .focus\\:text-teal-700:focus {\n color: var(--teal-700) !important;\n }\n .focus\\:text-teal-800:focus {\n color: var(--teal-800) !important;\n }\n .focus\\:text-teal-900:focus {\n color: var(--teal-900) !important;\n }\n \n .hover\\:text-teal-50:hover {\n color: var(--teal-50) !important;\n }\n .hover\\:text-teal-100:hover {\n color: var(--teal-100) !important;\n }\n .hover\\:text-teal-200:hover {\n color: var(--teal-200) !important;\n }\n .hover\\:text-teal-300:hover {\n color: var(--teal-300) !important;\n }\n .hover\\:text-teal-400:hover {\n color: var(--teal-400) !important;\n }\n .hover\\:text-teal-500:hover {\n color: var(--teal-500) !important;\n }\n .hover\\:text-teal-600:hover {\n color: var(--teal-600) !important;\n }\n .hover\\:text-teal-700:hover {\n color: var(--teal-700) !important;\n }\n .hover\\:text-teal-800:hover {\n color: var(--teal-800) !important;\n }\n .hover\\:text-teal-900:hover {\n color: var(--teal-900) !important;\n }\n \n .active\\:text-teal-50:active {\n color: var(--teal-50) !important;\n }\n .active\\:text-teal-100:active {\n color: var(--teal-100) !important;\n }\n .active\\:text-teal-200:active {\n color: var(--teal-200) !important;\n }\n .active\\:text-teal-300:active {\n color: var(--teal-300) !important;\n }\n .active\\:text-teal-400:active {\n color: var(--teal-400) !important;\n }\n .active\\:text-teal-500:active {\n color: var(--teal-500) !important;\n }\n .active\\:text-teal-600:active {\n color: var(--teal-600) !important;\n }\n .active\\:text-teal-700:active {\n color: var(--teal-700) !important;\n }\n .active\\:text-teal-800:active {\n color: var(--teal-800) !important;\n }\n .active\\:text-teal-900:active {\n color: var(--teal-900) !important;\n }\n \n .text-orange-50 {\n color: var(--orange-50) !important;\n }\n .text-orange-100 {\n color: var(--orange-100) !important;\n }\n .text-orange-200 {\n color: var(--orange-200) !important;\n }\n .text-orange-300 {\n color: var(--orange-300) !important;\n }\n .text-orange-400 {\n color: var(--orange-400) !important;\n }\n .text-orange-500 {\n color: var(--orange-500) !important;\n }\n .text-orange-600 {\n color: var(--orange-600) !important;\n }\n .text-orange-700 {\n color: var(--orange-700) !important;\n }\n .text-orange-800 {\n color: var(--orange-800) !important;\n }\n .text-orange-900 {\n color: var(--orange-900) !important;\n }\n \n .focus\\:text-orange-50:focus {\n color: var(--orange-50) !important;\n }\n .focus\\:text-orange-100:focus {\n color: var(--orange-100) !important;\n }\n .focus\\:text-orange-200:focus {\n color: var(--orange-200) !important;\n }\n .focus\\:text-orange-300:focus {\n color: var(--orange-300) !important;\n }\n .focus\\:text-orange-400:focus {\n color: var(--orange-400) !important;\n }\n .focus\\:text-orange-500:focus {\n color: var(--orange-500) !important;\n }\n .focus\\:text-orange-600:focus {\n color: var(--orange-600) !important;\n }\n .focus\\:text-orange-700:focus {\n color: var(--orange-700) !important;\n }\n .focus\\:text-orange-800:focus {\n color: var(--orange-800) !important;\n }\n .focus\\:text-orange-900:focus {\n color: var(--orange-900) !important;\n }\n \n .hover\\:text-orange-50:hover {\n color: var(--orange-50) !important;\n }\n .hover\\:text-orange-100:hover {\n color: var(--orange-100) !important;\n }\n .hover\\:text-orange-200:hover {\n color: var(--orange-200) !important;\n }\n .hover\\:text-orange-300:hover {\n color: var(--orange-300) !important;\n }\n .hover\\:text-orange-400:hover {\n color: var(--orange-400) !important;\n }\n .hover\\:text-orange-500:hover {\n color: var(--orange-500) !important;\n }\n .hover\\:text-orange-600:hover {\n color: var(--orange-600) !important;\n }\n .hover\\:text-orange-700:hover {\n color: var(--orange-700) !important;\n }\n .hover\\:text-orange-800:hover {\n color: var(--orange-800) !important;\n }\n .hover\\:text-orange-900:hover {\n color: var(--orange-900) !important;\n }\n \n .active\\:text-orange-50:active {\n color: var(--orange-50) !important;\n }\n .active\\:text-orange-100:active {\n color: var(--orange-100) !important;\n }\n .active\\:text-orange-200:active {\n color: var(--orange-200) !important;\n }\n .active\\:text-orange-300:active {\n color: var(--orange-300) !important;\n }\n .active\\:text-orange-400:active {\n color: var(--orange-400) !important;\n }\n .active\\:text-orange-500:active {\n color: var(--orange-500) !important;\n }\n .active\\:text-orange-600:active {\n color: var(--orange-600) !important;\n }\n .active\\:text-orange-700:active {\n color: var(--orange-700) !important;\n }\n .active\\:text-orange-800:active {\n color: var(--orange-800) !important;\n }\n .active\\:text-orange-900:active {\n color: var(--orange-900) !important;\n }\n \n .text-bluegray-50 {\n color: var(--bluegray-50) !important;\n }\n .text-bluegray-100 {\n color: var(--bluegray-100) !important;\n }\n .text-bluegray-200 {\n color: var(--bluegray-200) !important;\n }\n .text-bluegray-300 {\n color: var(--bluegray-300) !important;\n }\n .text-bluegray-400 {\n color: var(--bluegray-400) !important;\n }\n .text-bluegray-500 {\n color: var(--bluegray-500) !important;\n }\n .text-bluegray-600 {\n color: var(--bluegray-600) !important;\n }\n .text-bluegray-700 {\n color: var(--bluegray-700) !important;\n }\n .text-bluegray-800 {\n color: var(--bluegray-800) !important;\n }\n .text-bluegray-900 {\n color: var(--bluegray-900) !important;\n }\n \n .focus\\:text-bluegray-50:focus {\n color: var(--bluegray-50) !important;\n }\n .focus\\:text-bluegray-100:focus {\n color: var(--bluegray-100) !important;\n }\n .focus\\:text-bluegray-200:focus {\n color: var(--bluegray-200) !important;\n }\n .focus\\:text-bluegray-300:focus {\n color: var(--bluegray-300) !important;\n }\n .focus\\:text-bluegray-400:focus {\n color: var(--bluegray-400) !important;\n }\n .focus\\:text-bluegray-500:focus {\n color: var(--bluegray-500) !important;\n }\n .focus\\:text-bluegray-600:focus {\n color: var(--bluegray-600) !important;\n }\n .focus\\:text-bluegray-700:focus {\n color: var(--bluegray-700) !important;\n }\n .focus\\:text-bluegray-800:focus {\n color: var(--bluegray-800) !important;\n }\n .focus\\:text-bluegray-900:focus {\n color: var(--bluegray-900) !important;\n }\n \n .hover\\:text-bluegray-50:hover {\n color: var(--bluegray-50) !important;\n }\n .hover\\:text-bluegray-100:hover {\n color: var(--bluegray-100) !important;\n }\n .hover\\:text-bluegray-200:hover {\n color: var(--bluegray-200) !important;\n }\n .hover\\:text-bluegray-300:hover {\n color: var(--bluegray-300) !important;\n }\n .hover\\:text-bluegray-400:hover {\n color: var(--bluegray-400) !important;\n }\n .hover\\:text-bluegray-500:hover {\n color: var(--bluegray-500) !important;\n }\n .hover\\:text-bluegray-600:hover {\n color: var(--bluegray-600) !important;\n }\n .hover\\:text-bluegray-700:hover {\n color: var(--bluegray-700) !important;\n }\n .hover\\:text-bluegray-800:hover {\n color: var(--bluegray-800) !important;\n }\n .hover\\:text-bluegray-900:hover {\n color: var(--bluegray-900) !important;\n }\n \n .active\\:text-bluegray-50:active {\n color: var(--bluegray-50) !important;\n }\n .active\\:text-bluegray-100:active {\n color: var(--bluegray-100) !important;\n }\n .active\\:text-bluegray-200:active {\n color: var(--bluegray-200) !important;\n }\n .active\\:text-bluegray-300:active {\n color: var(--bluegray-300) !important;\n }\n .active\\:text-bluegray-400:active {\n color: var(--bluegray-400) !important;\n }\n .active\\:text-bluegray-500:active {\n color: var(--bluegray-500) !important;\n }\n .active\\:text-bluegray-600:active {\n color: var(--bluegray-600) !important;\n }\n .active\\:text-bluegray-700:active {\n color: var(--bluegray-700) !important;\n }\n .active\\:text-bluegray-800:active {\n color: var(--bluegray-800) !important;\n }\n .active\\:text-bluegray-900:active {\n color: var(--bluegray-900) !important;\n }\n \n .text-purple-50 {\n color: var(--purple-50) !important;\n }\n .text-purple-100 {\n color: var(--purple-100) !important;\n }\n .text-purple-200 {\n color: var(--purple-200) !important;\n }\n .text-purple-300 {\n color: var(--purple-300) !important;\n }\n .text-purple-400 {\n color: var(--purple-400) !important;\n }\n .text-purple-500 {\n color: var(--purple-500) !important;\n }\n .text-purple-600 {\n color: var(--purple-600) !important;\n }\n .text-purple-700 {\n color: var(--purple-700) !important;\n }\n .text-purple-800 {\n color: var(--purple-800) !important;\n }\n .text-purple-900 {\n color: var(--purple-900) !important;\n }\n \n .focus\\:text-purple-50:focus {\n color: var(--purple-50) !important;\n }\n .focus\\:text-purple-100:focus {\n color: var(--purple-100) !important;\n }\n .focus\\:text-purple-200:focus {\n color: var(--purple-200) !important;\n }\n .focus\\:text-purple-300:focus {\n color: var(--purple-300) !important;\n }\n .focus\\:text-purple-400:focus {\n color: var(--purple-400) !important;\n }\n .focus\\:text-purple-500:focus {\n color: var(--purple-500) !important;\n }\n .focus\\:text-purple-600:focus {\n color: var(--purple-600) !important;\n }\n .focus\\:text-purple-700:focus {\n color: var(--purple-700) !important;\n }\n .focus\\:text-purple-800:focus {\n color: var(--purple-800) !important;\n }\n .focus\\:text-purple-900:focus {\n color: var(--purple-900) !important;\n }\n \n .hover\\:text-purple-50:hover {\n color: var(--purple-50) !important;\n }\n .hover\\:text-purple-100:hover {\n color: var(--purple-100) !important;\n }\n .hover\\:text-purple-200:hover {\n color: var(--purple-200) !important;\n }\n .hover\\:text-purple-300:hover {\n color: var(--purple-300) !important;\n }\n .hover\\:text-purple-400:hover {\n color: var(--purple-400) !important;\n }\n .hover\\:text-purple-500:hover {\n color: var(--purple-500) !important;\n }\n .hover\\:text-purple-600:hover {\n color: var(--purple-600) !important;\n }\n .hover\\:text-purple-700:hover {\n color: var(--purple-700) !important;\n }\n .hover\\:text-purple-800:hover {\n color: var(--purple-800) !important;\n }\n .hover\\:text-purple-900:hover {\n color: var(--purple-900) !important;\n }\n \n .active\\:text-purple-50:active {\n color: var(--purple-50) !important;\n }\n .active\\:text-purple-100:active {\n color: var(--purple-100) !important;\n }\n .active\\:text-purple-200:active {\n color: var(--purple-200) !important;\n }\n .active\\:text-purple-300:active {\n color: var(--purple-300) !important;\n }\n .active\\:text-purple-400:active {\n color: var(--purple-400) !important;\n }\n .active\\:text-purple-500:active {\n color: var(--purple-500) !important;\n }\n .active\\:text-purple-600:active {\n color: var(--purple-600) !important;\n }\n .active\\:text-purple-700:active {\n color: var(--purple-700) !important;\n }\n .active\\:text-purple-800:active {\n color: var(--purple-800) !important;\n }\n .active\\:text-purple-900:active {\n color: var(--purple-900) !important;\n }\n \n .text-gray-50 {\n color: var(--gray-50) !important;\n }\n .text-gray-100 {\n color: var(--gray-100) !important;\n }\n .text-gray-200 {\n color: var(--gray-200) !important;\n }\n .text-gray-300 {\n color: var(--gray-300) !important;\n }\n .text-gray-400 {\n color: var(--gray-400) !important;\n }\n .text-gray-500 {\n color: var(--gray-500) !important;\n }\n .text-gray-600 {\n color: var(--gray-600) !important;\n }\n .text-gray-700 {\n color: var(--gray-700) !important;\n }\n .text-gray-800 {\n color: var(--gray-800) !important;\n }\n .text-gray-900 {\n color: var(--gray-900) !important;\n }\n \n .focus\\:text-gray-50:focus {\n color: var(--gray-50) !important;\n }\n .focus\\:text-gray-100:focus {\n color: var(--gray-100) !important;\n }\n .focus\\:text-gray-200:focus {\n color: var(--gray-200) !important;\n }\n .focus\\:text-gray-300:focus {\n color: var(--gray-300) !important;\n }\n .focus\\:text-gray-400:focus {\n color: var(--gray-400) !important;\n }\n .focus\\:text-gray-500:focus {\n color: var(--gray-500) !important;\n }\n .focus\\:text-gray-600:focus {\n color: var(--gray-600) !important;\n }\n .focus\\:text-gray-700:focus {\n color: var(--gray-700) !important;\n }\n .focus\\:text-gray-800:focus {\n color: var(--gray-800) !important;\n }\n .focus\\:text-gray-900:focus {\n color: var(--gray-900) !important;\n }\n \n .hover\\:text-gray-50:hover {\n color: var(--gray-50) !important;\n }\n .hover\\:text-gray-100:hover {\n color: var(--gray-100) !important;\n }\n .hover\\:text-gray-200:hover {\n color: var(--gray-200) !important;\n }\n .hover\\:text-gray-300:hover {\n color: var(--gray-300) !important;\n }\n .hover\\:text-gray-400:hover {\n color: var(--gray-400) !important;\n }\n .hover\\:text-gray-500:hover {\n color: var(--gray-500) !important;\n }\n .hover\\:text-gray-600:hover {\n color: var(--gray-600) !important;\n }\n .hover\\:text-gray-700:hover {\n color: var(--gray-700) !important;\n }\n .hover\\:text-gray-800:hover {\n color: var(--gray-800) !important;\n }\n .hover\\:text-gray-900:hover {\n color: var(--gray-900) !important;\n }\n \n .active\\:text-gray-50:active {\n color: var(--gray-50) !important;\n }\n .active\\:text-gray-100:active {\n color: var(--gray-100) !important;\n }\n .active\\:text-gray-200:active {\n color: var(--gray-200) !important;\n }\n .active\\:text-gray-300:active {\n color: var(--gray-300) !important;\n }\n .active\\:text-gray-400:active {\n color: var(--gray-400) !important;\n }\n .active\\:text-gray-500:active {\n color: var(--gray-500) !important;\n }\n .active\\:text-gray-600:active {\n color: var(--gray-600) !important;\n }\n .active\\:text-gray-700:active {\n color: var(--gray-700) !important;\n }\n .active\\:text-gray-800:active {\n color: var(--gray-800) !important;\n }\n .active\\:text-gray-900:active {\n color: var(--gray-900) !important;\n }\n \n .text-red-50 {\n color: var(--red-50) !important;\n }\n .text-red-100 {\n color: var(--red-100) !important;\n }\n .text-red-200 {\n color: var(--red-200) !important;\n }\n .text-red-300 {\n color: var(--red-300) !important;\n }\n .text-red-400 {\n color: var(--red-400) !important;\n }\n .text-red-500 {\n color: var(--red-500) !important;\n }\n .text-red-600 {\n color: var(--red-600) !important;\n }\n .text-red-700 {\n color: var(--red-700) !important;\n }\n .text-red-800 {\n color: var(--red-800) !important;\n }\n .text-red-900 {\n color: var(--red-900) !important;\n }\n \n .focus\\:text-red-50:focus {\n color: var(--red-50) !important;\n }\n .focus\\:text-red-100:focus {\n color: var(--red-100) !important;\n }\n .focus\\:text-red-200:focus {\n color: var(--red-200) !important;\n }\n .focus\\:text-red-300:focus {\n color: var(--red-300) !important;\n }\n .focus\\:text-red-400:focus {\n color: var(--red-400) !important;\n }\n .focus\\:text-red-500:focus {\n color: var(--red-500) !important;\n }\n .focus\\:text-red-600:focus {\n color: var(--red-600) !important;\n }\n .focus\\:text-red-700:focus {\n color: var(--red-700) !important;\n }\n .focus\\:text-red-800:focus {\n color: var(--red-800) !important;\n }\n .focus\\:text-red-900:focus {\n color: var(--red-900) !important;\n }\n \n .hover\\:text-red-50:hover {\n color: var(--red-50) !important;\n }\n .hover\\:text-red-100:hover {\n color: var(--red-100) !important;\n }\n .hover\\:text-red-200:hover {\n color: var(--red-200) !important;\n }\n .hover\\:text-red-300:hover {\n color: var(--red-300) !important;\n }\n .hover\\:text-red-400:hover {\n color: var(--red-400) !important;\n }\n .hover\\:text-red-500:hover {\n color: var(--red-500) !important;\n }\n .hover\\:text-red-600:hover {\n color: var(--red-600) !important;\n }\n .hover\\:text-red-700:hover {\n color: var(--red-700) !important;\n }\n .hover\\:text-red-800:hover {\n color: var(--red-800) !important;\n }\n .hover\\:text-red-900:hover {\n color: var(--red-900) !important;\n }\n \n .active\\:text-red-50:active {\n color: var(--red-50) !important;\n }\n .active\\:text-red-100:active {\n color: var(--red-100) !important;\n }\n .active\\:text-red-200:active {\n color: var(--red-200) !important;\n }\n .active\\:text-red-300:active {\n color: var(--red-300) !important;\n }\n .active\\:text-red-400:active {\n color: var(--red-400) !important;\n }\n .active\\:text-red-500:active {\n color: var(--red-500) !important;\n }\n .active\\:text-red-600:active {\n color: var(--red-600) !important;\n }\n .active\\:text-red-700:active {\n color: var(--red-700) !important;\n }\n .active\\:text-red-800:active {\n color: var(--red-800) !important;\n }\n .active\\:text-red-900:active {\n color: var(--red-900) !important;\n }\n \n .text-primary-50 {\n color: var(--primary-50) !important;\n }\n .text-primary-100 {\n color: var(--primary-100) !important;\n }\n .text-primary-200 {\n color: var(--primary-200) !important;\n }\n .text-primary-300 {\n color: var(--primary-300) !important;\n }\n .text-primary-400 {\n color: var(--primary-400) !important;\n }\n .text-primary-500 {\n color: var(--primary-500) !important;\n }\n .text-primary-600 {\n color: var(--primary-600) !important;\n }\n .text-primary-700 {\n color: var(--primary-700) !important;\n }\n .text-primary-800 {\n color: var(--primary-800) !important;\n }\n .text-primary-900 {\n color: var(--primary-900) !important;\n }\n \n .focus\\:text-primary-50:focus {\n color: var(--primary-50) !important;\n }\n .focus\\:text-primary-100:focus {\n color: var(--primary-100) !important;\n }\n .focus\\:text-primary-200:focus {\n color: var(--primary-200) !important;\n }\n .focus\\:text-primary-300:focus {\n color: var(--primary-300) !important;\n }\n .focus\\:text-primary-400:focus {\n color: var(--primary-400) !important;\n }\n .focus\\:text-primary-500:focus {\n color: var(--primary-500) !important;\n }\n .focus\\:text-primary-600:focus {\n color: var(--primary-600) !important;\n }\n .focus\\:text-primary-700:focus {\n color: var(--primary-700) !important;\n }\n .focus\\:text-primary-800:focus {\n color: var(--primary-800) !important;\n }\n .focus\\:text-primary-900:focus {\n color: var(--primary-900) !important;\n }\n \n .hover\\:text-primary-50:hover {\n color: var(--primary-50) !important;\n }\n .hover\\:text-primary-100:hover {\n color: var(--primary-100) !important;\n }\n .hover\\:text-primary-200:hover {\n color: var(--primary-200) !important;\n }\n .hover\\:text-primary-300:hover {\n color: var(--primary-300) !important;\n }\n .hover\\:text-primary-400:hover {\n color: var(--primary-400) !important;\n }\n .hover\\:text-primary-500:hover {\n color: var(--primary-500) !important;\n }\n .hover\\:text-primary-600:hover {\n color: var(--primary-600) !important;\n }\n .hover\\:text-primary-700:hover {\n color: var(--primary-700) !important;\n }\n .hover\\:text-primary-800:hover {\n color: var(--primary-800) !important;\n }\n .hover\\:text-primary-900:hover {\n color: var(--primary-900) !important;\n }\n \n .active\\:text-primary-50:active {\n color: var(--primary-50) !important;\n }\n .active\\:text-primary-100:active {\n color: var(--primary-100) !important;\n }\n .active\\:text-primary-200:active {\n color: var(--primary-200) !important;\n }\n .active\\:text-primary-300:active {\n color: var(--primary-300) !important;\n }\n .active\\:text-primary-400:active {\n color: var(--primary-400) !important;\n }\n .active\\:text-primary-500:active {\n color: var(--primary-500) !important;\n }\n .active\\:text-primary-600:active {\n color: var(--primary-600) !important;\n }\n .active\\:text-primary-700:active {\n color: var(--primary-700) !important;\n }\n .active\\:text-primary-800:active {\n color: var(--primary-800) !important;\n }\n .active\\:text-primary-900:active {\n color: var(--primary-900) !important;\n }\n \n .bg-blue-50 {\n background-color: var(--blue-50) !important;\n }\n .bg-blue-100 {\n background-color: var(--blue-100) !important;\n }\n .bg-blue-200 {\n background-color: var(--blue-200) !important;\n }\n .bg-blue-300 {\n background-color: var(--blue-300) !important;\n }\n .bg-blue-400 {\n background-color: var(--blue-400) !important;\n }\n .bg-blue-500 {\n background-color: var(--blue-500) !important;\n }\n .bg-blue-600 {\n background-color: var(--blue-600) !important;\n }\n .bg-blue-700 {\n background-color: var(--blue-700) !important;\n }\n .bg-blue-800 {\n background-color: var(--blue-800) !important;\n }\n .bg-blue-900 {\n background-color: var(--blue-900) !important;\n }\n \n .focus\\:bg-blue-50:focus {\n background-color: var(--blue-50) !important;\n }\n .focus\\:bg-blue-100:focus {\n background-color: var(--blue-100) !important;\n }\n .focus\\:bg-blue-200:focus {\n background-color: var(--blue-200) !important;\n }\n .focus\\:bg-blue-300:focus {\n background-color: var(--blue-300) !important;\n }\n .focus\\:bg-blue-400:focus {\n background-color: var(--blue-400) !important;\n }\n .focus\\:bg-blue-500:focus {\n background-color: var(--blue-500) !important;\n }\n .focus\\:bg-blue-600:focus {\n background-color: var(--blue-600) !important;\n }\n .focus\\:bg-blue-700:focus {\n background-color: var(--blue-700) !important;\n }\n .focus\\:bg-blue-800:focus {\n background-color: var(--blue-800) !important;\n }\n .focus\\:bg-blue-900:focus {\n background-color: var(--blue-900) !important;\n }\n \n .hover\\:bg-blue-50:hover {\n background-color: var(--blue-50) !important;\n }\n .hover\\:bg-blue-100:hover {\n background-color: var(--blue-100) !important;\n }\n .hover\\:bg-blue-200:hover {\n background-color: var(--blue-200) !important;\n }\n .hover\\:bg-blue-300:hover {\n background-color: var(--blue-300) !important;\n }\n .hover\\:bg-blue-400:hover {\n background-color: var(--blue-400) !important;\n }\n .hover\\:bg-blue-500:hover {\n background-color: var(--blue-500) !important;\n }\n .hover\\:bg-blue-600:hover {\n background-color: var(--blue-600) !important;\n }\n .hover\\:bg-blue-700:hover {\n background-color: var(--blue-700) !important;\n }\n .hover\\:bg-blue-800:hover {\n background-color: var(--blue-800) !important;\n }\n .hover\\:bg-blue-900:hover {\n background-color: var(--blue-900) !important;\n }\n \n .active\\:bg-blue-50:active {\n background-color: var(--blue-50) !important;\n }\n .active\\:bg-blue-100:active {\n background-color: var(--blue-100) !important;\n }\n .active\\:bg-blue-200:active {\n background-color: var(--blue-200) !important;\n }\n .active\\:bg-blue-300:active {\n background-color: var(--blue-300) !important;\n }\n .active\\:bg-blue-400:active {\n background-color: var(--blue-400) !important;\n }\n .active\\:bg-blue-500:active {\n background-color: var(--blue-500) !important;\n }\n .active\\:bg-blue-600:active {\n background-color: var(--blue-600) !important;\n }\n .active\\:bg-blue-700:active {\n background-color: var(--blue-700) !important;\n }\n .active\\:bg-blue-800:active {\n background-color: var(--blue-800) !important;\n }\n .active\\:bg-blue-900:active {\n background-color: var(--blue-900) !important;\n }\n \n .bg-green-50 {\n background-color: var(--green-50) !important;\n }\n .bg-green-100 {\n background-color: var(--green-100) !important;\n }\n .bg-green-200 {\n background-color: var(--green-200) !important;\n }\n .bg-green-300 {\n background-color: var(--green-300) !important;\n }\n .bg-green-400 {\n background-color: var(--green-400) !important;\n }\n .bg-green-500 {\n background-color: var(--green-500) !important;\n }\n .bg-green-600 {\n background-color: var(--green-600) !important;\n }\n .bg-green-700 {\n background-color: var(--green-700) !important;\n }\n .bg-green-800 {\n background-color: var(--green-800) !important;\n }\n .bg-green-900 {\n background-color: var(--green-900) !important;\n }\n \n .focus\\:bg-green-50:focus {\n background-color: var(--green-50) !important;\n }\n .focus\\:bg-green-100:focus {\n background-color: var(--green-100) !important;\n }\n .focus\\:bg-green-200:focus {\n background-color: var(--green-200) !important;\n }\n .focus\\:bg-green-300:focus {\n background-color: var(--green-300) !important;\n }\n .focus\\:bg-green-400:focus {\n background-color: var(--green-400) !important;\n }\n .focus\\:bg-green-500:focus {\n background-color: var(--green-500) !important;\n }\n .focus\\:bg-green-600:focus {\n background-color: var(--green-600) !important;\n }\n .focus\\:bg-green-700:focus {\n background-color: var(--green-700) !important;\n }\n .focus\\:bg-green-800:focus {\n background-color: var(--green-800) !important;\n }\n .focus\\:bg-green-900:focus {\n background-color: var(--green-900) !important;\n }\n \n .hover\\:bg-green-50:hover {\n background-color: var(--green-50) !important;\n }\n .hover\\:bg-green-100:hover {\n background-color: var(--green-100) !important;\n }\n .hover\\:bg-green-200:hover {\n background-color: var(--green-200) !important;\n }\n .hover\\:bg-green-300:hover {\n background-color: var(--green-300) !important;\n }\n .hover\\:bg-green-400:hover {\n background-color: var(--green-400) !important;\n }\n .hover\\:bg-green-500:hover {\n background-color: var(--green-500) !important;\n }\n .hover\\:bg-green-600:hover {\n background-color: var(--green-600) !important;\n }\n .hover\\:bg-green-700:hover {\n background-color: var(--green-700) !important;\n }\n .hover\\:bg-green-800:hover {\n background-color: var(--green-800) !important;\n }\n .hover\\:bg-green-900:hover {\n background-color: var(--green-900) !important;\n }\n \n .active\\:bg-green-50:active {\n background-color: var(--green-50) !important;\n }\n .active\\:bg-green-100:active {\n background-color: var(--green-100) !important;\n }\n .active\\:bg-green-200:active {\n background-color: var(--green-200) !important;\n }\n .active\\:bg-green-300:active {\n background-color: var(--green-300) !important;\n }\n .active\\:bg-green-400:active {\n background-color: var(--green-400) !important;\n }\n .active\\:bg-green-500:active {\n background-color: var(--green-500) !important;\n }\n .active\\:bg-green-600:active {\n background-color: var(--green-600) !important;\n }\n .active\\:bg-green-700:active {\n background-color: var(--green-700) !important;\n }\n .active\\:bg-green-800:active {\n background-color: var(--green-800) !important;\n }\n .active\\:bg-green-900:active {\n background-color: var(--green-900) !important;\n }\n \n .bg-yellow-50 {\n background-color: var(--yellow-50) !important;\n }\n .bg-yellow-100 {\n background-color: var(--yellow-100) !important;\n }\n .bg-yellow-200 {\n background-color: var(--yellow-200) !important;\n }\n .bg-yellow-300 {\n background-color: var(--yellow-300) !important;\n }\n .bg-yellow-400 {\n background-color: var(--yellow-400) !important;\n }\n .bg-yellow-500 {\n background-color: var(--yellow-500) !important;\n }\n .bg-yellow-600 {\n background-color: var(--yellow-600) !important;\n }\n .bg-yellow-700 {\n background-color: var(--yellow-700) !important;\n }\n .bg-yellow-800 {\n background-color: var(--yellow-800) !important;\n }\n .bg-yellow-900 {\n background-color: var(--yellow-900) !important;\n }\n \n .focus\\:bg-yellow-50:focus {\n background-color: var(--yellow-50) !important;\n }\n .focus\\:bg-yellow-100:focus {\n background-color: var(--yellow-100) !important;\n }\n .focus\\:bg-yellow-200:focus {\n background-color: var(--yellow-200) !important;\n }\n .focus\\:bg-yellow-300:focus {\n background-color: var(--yellow-300) !important;\n }\n .focus\\:bg-yellow-400:focus {\n background-color: var(--yellow-400) !important;\n }\n .focus\\:bg-yellow-500:focus {\n background-color: var(--yellow-500) !important;\n }\n .focus\\:bg-yellow-600:focus {\n background-color: var(--yellow-600) !important;\n }\n .focus\\:bg-yellow-700:focus {\n background-color: var(--yellow-700) !important;\n }\n .focus\\:bg-yellow-800:focus {\n background-color: var(--yellow-800) !important;\n }\n .focus\\:bg-yellow-900:focus {\n background-color: var(--yellow-900) !important;\n }\n \n .hover\\:bg-yellow-50:hover {\n background-color: var(--yellow-50) !important;\n }\n .hover\\:bg-yellow-100:hover {\n background-color: var(--yellow-100) !important;\n }\n .hover\\:bg-yellow-200:hover {\n background-color: var(--yellow-200) !important;\n }\n .hover\\:bg-yellow-300:hover {\n background-color: var(--yellow-300) !important;\n }\n .hover\\:bg-yellow-400:hover {\n background-color: var(--yellow-400) !important;\n }\n .hover\\:bg-yellow-500:hover {\n background-color: var(--yellow-500) !important;\n }\n .hover\\:bg-yellow-600:hover {\n background-color: var(--yellow-600) !important;\n }\n .hover\\:bg-yellow-700:hover {\n background-color: var(--yellow-700) !important;\n }\n .hover\\:bg-yellow-800:hover {\n background-color: var(--yellow-800) !important;\n }\n .hover\\:bg-yellow-900:hover {\n background-color: var(--yellow-900) !important;\n }\n \n .active\\:bg-yellow-50:active {\n background-color: var(--yellow-50) !important;\n }\n .active\\:bg-yellow-100:active {\n background-color: var(--yellow-100) !important;\n }\n .active\\:bg-yellow-200:active {\n background-color: var(--yellow-200) !important;\n }\n .active\\:bg-yellow-300:active {\n background-color: var(--yellow-300) !important;\n }\n .active\\:bg-yellow-400:active {\n background-color: var(--yellow-400) !important;\n }\n .active\\:bg-yellow-500:active {\n background-color: var(--yellow-500) !important;\n }\n .active\\:bg-yellow-600:active {\n background-color: var(--yellow-600) !important;\n }\n .active\\:bg-yellow-700:active {\n background-color: var(--yellow-700) !important;\n }\n .active\\:bg-yellow-800:active {\n background-color: var(--yellow-800) !important;\n }\n .active\\:bg-yellow-900:active {\n background-color: var(--yellow-900) !important;\n }\n \n .bg-cyan-50 {\n background-color: var(--cyan-50) !important;\n }\n .bg-cyan-100 {\n background-color: var(--cyan-100) !important;\n }\n .bg-cyan-200 {\n background-color: var(--cyan-200) !important;\n }\n .bg-cyan-300 {\n background-color: var(--cyan-300) !important;\n }\n .bg-cyan-400 {\n background-color: var(--cyan-400) !important;\n }\n .bg-cyan-500 {\n background-color: var(--cyan-500) !important;\n }\n .bg-cyan-600 {\n background-color: var(--cyan-600) !important;\n }\n .bg-cyan-700 {\n background-color: var(--cyan-700) !important;\n }\n .bg-cyan-800 {\n background-color: var(--cyan-800) !important;\n }\n .bg-cyan-900 {\n background-color: var(--cyan-900) !important;\n }\n \n .focus\\:bg-cyan-50:focus {\n background-color: var(--cyan-50) !important;\n }\n .focus\\:bg-cyan-100:focus {\n background-color: var(--cyan-100) !important;\n }\n .focus\\:bg-cyan-200:focus {\n background-color: var(--cyan-200) !important;\n }\n .focus\\:bg-cyan-300:focus {\n background-color: var(--cyan-300) !important;\n }\n .focus\\:bg-cyan-400:focus {\n background-color: var(--cyan-400) !important;\n }\n .focus\\:bg-cyan-500:focus {\n background-color: var(--cyan-500) !important;\n }\n .focus\\:bg-cyan-600:focus {\n background-color: var(--cyan-600) !important;\n }\n .focus\\:bg-cyan-700:focus {\n background-color: var(--cyan-700) !important;\n }\n .focus\\:bg-cyan-800:focus {\n background-color: var(--cyan-800) !important;\n }\n .focus\\:bg-cyan-900:focus {\n background-color: var(--cyan-900) !important;\n }\n \n .hover\\:bg-cyan-50:hover {\n background-color: var(--cyan-50) !important;\n }\n .hover\\:bg-cyan-100:hover {\n background-color: var(--cyan-100) !important;\n }\n .hover\\:bg-cyan-200:hover {\n background-color: var(--cyan-200) !important;\n }\n .hover\\:bg-cyan-300:hover {\n background-color: var(--cyan-300) !important;\n }\n .hover\\:bg-cyan-400:hover {\n background-color: var(--cyan-400) !important;\n }\n .hover\\:bg-cyan-500:hover {\n background-color: var(--cyan-500) !important;\n }\n .hover\\:bg-cyan-600:hover {\n background-color: var(--cyan-600) !important;\n }\n .hover\\:bg-cyan-700:hover {\n background-color: var(--cyan-700) !important;\n }\n .hover\\:bg-cyan-800:hover {\n background-color: var(--cyan-800) !important;\n }\n .hover\\:bg-cyan-900:hover {\n background-color: var(--cyan-900) !important;\n }\n \n .active\\:bg-cyan-50:active {\n background-color: var(--cyan-50) !important;\n }\n .active\\:bg-cyan-100:active {\n background-color: var(--cyan-100) !important;\n }\n .active\\:bg-cyan-200:active {\n background-color: var(--cyan-200) !important;\n }\n .active\\:bg-cyan-300:active {\n background-color: var(--cyan-300) !important;\n }\n .active\\:bg-cyan-400:active {\n background-color: var(--cyan-400) !important;\n }\n .active\\:bg-cyan-500:active {\n background-color: var(--cyan-500) !important;\n }\n .active\\:bg-cyan-600:active {\n background-color: var(--cyan-600) !important;\n }\n .active\\:bg-cyan-700:active {\n background-color: var(--cyan-700) !important;\n }\n .active\\:bg-cyan-800:active {\n background-color: var(--cyan-800) !important;\n }\n .active\\:bg-cyan-900:active {\n background-color: var(--cyan-900) !important;\n }\n \n .bg-pink-50 {\n background-color: var(--pink-50) !important;\n }\n .bg-pink-100 {\n background-color: var(--pink-100) !important;\n }\n .bg-pink-200 {\n background-color: var(--pink-200) !important;\n }\n .bg-pink-300 {\n background-color: var(--pink-300) !important;\n }\n .bg-pink-400 {\n background-color: var(--pink-400) !important;\n }\n .bg-pink-500 {\n background-color: var(--pink-500) !important;\n }\n .bg-pink-600 {\n background-color: var(--pink-600) !important;\n }\n .bg-pink-700 {\n background-color: var(--pink-700) !important;\n }\n .bg-pink-800 {\n background-color: var(--pink-800) !important;\n }\n .bg-pink-900 {\n background-color: var(--pink-900) !important;\n }\n \n .focus\\:bg-pink-50:focus {\n background-color: var(--pink-50) !important;\n }\n .focus\\:bg-pink-100:focus {\n background-color: var(--pink-100) !important;\n }\n .focus\\:bg-pink-200:focus {\n background-color: var(--pink-200) !important;\n }\n .focus\\:bg-pink-300:focus {\n background-color: var(--pink-300) !important;\n }\n .focus\\:bg-pink-400:focus {\n background-color: var(--pink-400) !important;\n }\n .focus\\:bg-pink-500:focus {\n background-color: var(--pink-500) !important;\n }\n .focus\\:bg-pink-600:focus {\n background-color: var(--pink-600) !important;\n }\n .focus\\:bg-pink-700:focus {\n background-color: var(--pink-700) !important;\n }\n .focus\\:bg-pink-800:focus {\n background-color: var(--pink-800) !important;\n }\n .focus\\:bg-pink-900:focus {\n background-color: var(--pink-900) !important;\n }\n \n .hover\\:bg-pink-50:hover {\n background-color: var(--pink-50) !important;\n }\n .hover\\:bg-pink-100:hover {\n background-color: var(--pink-100) !important;\n }\n .hover\\:bg-pink-200:hover {\n background-color: var(--pink-200) !important;\n }\n .hover\\:bg-pink-300:hover {\n background-color: var(--pink-300) !important;\n }\n .hover\\:bg-pink-400:hover {\n background-color: var(--pink-400) !important;\n }\n .hover\\:bg-pink-500:hover {\n background-color: var(--pink-500) !important;\n }\n .hover\\:bg-pink-600:hover {\n background-color: var(--pink-600) !important;\n }\n .hover\\:bg-pink-700:hover {\n background-color: var(--pink-700) !important;\n }\n .hover\\:bg-pink-800:hover {\n background-color: var(--pink-800) !important;\n }\n .hover\\:bg-pink-900:hover {\n background-color: var(--pink-900) !important;\n }\n \n .active\\:bg-pink-50:active {\n background-color: var(--pink-50) !important;\n }\n .active\\:bg-pink-100:active {\n background-color: var(--pink-100) !important;\n }\n .active\\:bg-pink-200:active {\n background-color: var(--pink-200) !important;\n }\n .active\\:bg-pink-300:active {\n background-color: var(--pink-300) !important;\n }\n .active\\:bg-pink-400:active {\n background-color: var(--pink-400) !important;\n }\n .active\\:bg-pink-500:active {\n background-color: var(--pink-500) !important;\n }\n .active\\:bg-pink-600:active {\n background-color: var(--pink-600) !important;\n }\n .active\\:bg-pink-700:active {\n background-color: var(--pink-700) !important;\n }\n .active\\:bg-pink-800:active {\n background-color: var(--pink-800) !important;\n }\n .active\\:bg-pink-900:active {\n background-color: var(--pink-900) !important;\n }\n \n .bg-indigo-50 {\n background-color: var(--indigo-50) !important;\n }\n .bg-indigo-100 {\n background-color: var(--indigo-100) !important;\n }\n .bg-indigo-200 {\n background-color: var(--indigo-200) !important;\n }\n .bg-indigo-300 {\n background-color: var(--indigo-300) !important;\n }\n .bg-indigo-400 {\n background-color: var(--indigo-400) !important;\n }\n .bg-indigo-500 {\n background-color: var(--indigo-500) !important;\n }\n .bg-indigo-600 {\n background-color: var(--indigo-600) !important;\n }\n .bg-indigo-700 {\n background-color: var(--indigo-700) !important;\n }\n .bg-indigo-800 {\n background-color: var(--indigo-800) !important;\n }\n .bg-indigo-900 {\n background-color: var(--indigo-900) !important;\n }\n \n .focus\\:bg-indigo-50:focus {\n background-color: var(--indigo-50) !important;\n }\n .focus\\:bg-indigo-100:focus {\n background-color: var(--indigo-100) !important;\n }\n .focus\\:bg-indigo-200:focus {\n background-color: var(--indigo-200) !important;\n }\n .focus\\:bg-indigo-300:focus {\n background-color: var(--indigo-300) !important;\n }\n .focus\\:bg-indigo-400:focus {\n background-color: var(--indigo-400) !important;\n }\n .focus\\:bg-indigo-500:focus {\n background-color: var(--indigo-500) !important;\n }\n .focus\\:bg-indigo-600:focus {\n background-color: var(--indigo-600) !important;\n }\n .focus\\:bg-indigo-700:focus {\n background-color: var(--indigo-700) !important;\n }\n .focus\\:bg-indigo-800:focus {\n background-color: var(--indigo-800) !important;\n }\n .focus\\:bg-indigo-900:focus {\n background-color: var(--indigo-900) !important;\n }\n \n .hover\\:bg-indigo-50:hover {\n background-color: var(--indigo-50) !important;\n }\n .hover\\:bg-indigo-100:hover {\n background-color: var(--indigo-100) !important;\n }\n .hover\\:bg-indigo-200:hover {\n background-color: var(--indigo-200) !important;\n }\n .hover\\:bg-indigo-300:hover {\n background-color: var(--indigo-300) !important;\n }\n .hover\\:bg-indigo-400:hover {\n background-color: var(--indigo-400) !important;\n }\n .hover\\:bg-indigo-500:hover {\n background-color: var(--indigo-500) !important;\n }\n .hover\\:bg-indigo-600:hover {\n background-color: var(--indigo-600) !important;\n }\n .hover\\:bg-indigo-700:hover {\n background-color: var(--indigo-700) !important;\n }\n .hover\\:bg-indigo-800:hover {\n background-color: var(--indigo-800) !important;\n }\n .hover\\:bg-indigo-900:hover {\n background-color: var(--indigo-900) !important;\n }\n \n .active\\:bg-indigo-50:active {\n background-color: var(--indigo-50) !important;\n }\n .active\\:bg-indigo-100:active {\n background-color: var(--indigo-100) !important;\n }\n .active\\:bg-indigo-200:active {\n background-color: var(--indigo-200) !important;\n }\n .active\\:bg-indigo-300:active {\n background-color: var(--indigo-300) !important;\n }\n .active\\:bg-indigo-400:active {\n background-color: var(--indigo-400) !important;\n }\n .active\\:bg-indigo-500:active {\n background-color: var(--indigo-500) !important;\n }\n .active\\:bg-indigo-600:active {\n background-color: var(--indigo-600) !important;\n }\n .active\\:bg-indigo-700:active {\n background-color: var(--indigo-700) !important;\n }\n .active\\:bg-indigo-800:active {\n background-color: var(--indigo-800) !important;\n }\n .active\\:bg-indigo-900:active {\n background-color: var(--indigo-900) !important;\n }\n \n .bg-teal-50 {\n background-color: var(--teal-50) !important;\n }\n .bg-teal-100 {\n background-color: var(--teal-100) !important;\n }\n .bg-teal-200 {\n background-color: var(--teal-200) !important;\n }\n .bg-teal-300 {\n background-color: var(--teal-300) !important;\n }\n .bg-teal-400 {\n background-color: var(--teal-400) !important;\n }\n .bg-teal-500 {\n background-color: var(--teal-500) !important;\n }\n .bg-teal-600 {\n background-color: var(--teal-600) !important;\n }\n .bg-teal-700 {\n background-color: var(--teal-700) !important;\n }\n .bg-teal-800 {\n background-color: var(--teal-800) !important;\n }\n .bg-teal-900 {\n background-color: var(--teal-900) !important;\n }\n \n .focus\\:bg-teal-50:focus {\n background-color: var(--teal-50) !important;\n }\n .focus\\:bg-teal-100:focus {\n background-color: var(--teal-100) !important;\n }\n .focus\\:bg-teal-200:focus {\n background-color: var(--teal-200) !important;\n }\n .focus\\:bg-teal-300:focus {\n background-color: var(--teal-300) !important;\n }\n .focus\\:bg-teal-400:focus {\n background-color: var(--teal-400) !important;\n }\n .focus\\:bg-teal-500:focus {\n background-color: var(--teal-500) !important;\n }\n .focus\\:bg-teal-600:focus {\n background-color: var(--teal-600) !important;\n }\n .focus\\:bg-teal-700:focus {\n background-color: var(--teal-700) !important;\n }\n .focus\\:bg-teal-800:focus {\n background-color: var(--teal-800) !important;\n }\n .focus\\:bg-teal-900:focus {\n background-color: var(--teal-900) !important;\n }\n \n .hover\\:bg-teal-50:hover {\n background-color: var(--teal-50) !important;\n }\n .hover\\:bg-teal-100:hover {\n background-color: var(--teal-100) !important;\n }\n .hover\\:bg-teal-200:hover {\n background-color: var(--teal-200) !important;\n }\n .hover\\:bg-teal-300:hover {\n background-color: var(--teal-300) !important;\n }\n .hover\\:bg-teal-400:hover {\n background-color: var(--teal-400) !important;\n }\n .hover\\:bg-teal-500:hover {\n background-color: var(--teal-500) !important;\n }\n .hover\\:bg-teal-600:hover {\n background-color: var(--teal-600) !important;\n }\n .hover\\:bg-teal-700:hover {\n background-color: var(--teal-700) !important;\n }\n .hover\\:bg-teal-800:hover {\n background-color: var(--teal-800) !important;\n }\n .hover\\:bg-teal-900:hover {\n background-color: var(--teal-900) !important;\n }\n \n .active\\:bg-teal-50:active {\n background-color: var(--teal-50) !important;\n }\n .active\\:bg-teal-100:active {\n background-color: var(--teal-100) !important;\n }\n .active\\:bg-teal-200:active {\n background-color: var(--teal-200) !important;\n }\n .active\\:bg-teal-300:active {\n background-color: var(--teal-300) !important;\n }\n .active\\:bg-teal-400:active {\n background-color: var(--teal-400) !important;\n }\n .active\\:bg-teal-500:active {\n background-color: var(--teal-500) !important;\n }\n .active\\:bg-teal-600:active {\n background-color: var(--teal-600) !important;\n }\n .active\\:bg-teal-700:active {\n background-color: var(--teal-700) !important;\n }\n .active\\:bg-teal-800:active {\n background-color: var(--teal-800) !important;\n }\n .active\\:bg-teal-900:active {\n background-color: var(--teal-900) !important;\n }\n \n .bg-orange-50 {\n background-color: var(--orange-50) !important;\n }\n .bg-orange-100 {\n background-color: var(--orange-100) !important;\n }\n .bg-orange-200 {\n background-color: var(--orange-200) !important;\n }\n .bg-orange-300 {\n background-color: var(--orange-300) !important;\n }\n .bg-orange-400 {\n background-color: var(--orange-400) !important;\n }\n .bg-orange-500 {\n background-color: var(--orange-500) !important;\n }\n .bg-orange-600 {\n background-color: var(--orange-600) !important;\n }\n .bg-orange-700 {\n background-color: var(--orange-700) !important;\n }\n .bg-orange-800 {\n background-color: var(--orange-800) !important;\n }\n .bg-orange-900 {\n background-color: var(--orange-900) !important;\n }\n \n .focus\\:bg-orange-50:focus {\n background-color: var(--orange-50) !important;\n }\n .focus\\:bg-orange-100:focus {\n background-color: var(--orange-100) !important;\n }\n .focus\\:bg-orange-200:focus {\n background-color: var(--orange-200) !important;\n }\n .focus\\:bg-orange-300:focus {\n background-color: var(--orange-300) !important;\n }\n .focus\\:bg-orange-400:focus {\n background-color: var(--orange-400) !important;\n }\n .focus\\:bg-orange-500:focus {\n background-color: var(--orange-500) !important;\n }\n .focus\\:bg-orange-600:focus {\n background-color: var(--orange-600) !important;\n }\n .focus\\:bg-orange-700:focus {\n background-color: var(--orange-700) !important;\n }\n .focus\\:bg-orange-800:focus {\n background-color: var(--orange-800) !important;\n }\n .focus\\:bg-orange-900:focus {\n background-color: var(--orange-900) !important;\n }\n \n .hover\\:bg-orange-50:hover {\n background-color: var(--orange-50) !important;\n }\n .hover\\:bg-orange-100:hover {\n background-color: var(--orange-100) !important;\n }\n .hover\\:bg-orange-200:hover {\n background-color: var(--orange-200) !important;\n }\n .hover\\:bg-orange-300:hover {\n background-color: var(--orange-300) !important;\n }\n .hover\\:bg-orange-400:hover {\n background-color: var(--orange-400) !important;\n }\n .hover\\:bg-orange-500:hover {\n background-color: var(--orange-500) !important;\n }\n .hover\\:bg-orange-600:hover {\n background-color: var(--orange-600) !important;\n }\n .hover\\:bg-orange-700:hover {\n background-color: var(--orange-700) !important;\n }\n .hover\\:bg-orange-800:hover {\n background-color: var(--orange-800) !important;\n }\n .hover\\:bg-orange-900:hover {\n background-color: var(--orange-900) !important;\n }\n \n .active\\:bg-orange-50:active {\n background-color: var(--orange-50) !important;\n }\n .active\\:bg-orange-100:active {\n background-color: var(--orange-100) !important;\n }\n .active\\:bg-orange-200:active {\n background-color: var(--orange-200) !important;\n }\n .active\\:bg-orange-300:active {\n background-color: var(--orange-300) !important;\n }\n .active\\:bg-orange-400:active {\n background-color: var(--orange-400) !important;\n }\n .active\\:bg-orange-500:active {\n background-color: var(--orange-500) !important;\n }\n .active\\:bg-orange-600:active {\n background-color: var(--orange-600) !important;\n }\n .active\\:bg-orange-700:active {\n background-color: var(--orange-700) !important;\n }\n .active\\:bg-orange-800:active {\n background-color: var(--orange-800) !important;\n }\n .active\\:bg-orange-900:active {\n background-color: var(--orange-900) !important;\n }\n \n .bg-bluegray-50 {\n background-color: var(--bluegray-50) !important;\n }\n .bg-bluegray-100 {\n background-color: var(--bluegray-100) !important;\n }\n .bg-bluegray-200 {\n background-color: var(--bluegray-200) !important;\n }\n .bg-bluegray-300 {\n background-color: var(--bluegray-300) !important;\n }\n .bg-bluegray-400 {\n background-color: var(--bluegray-400) !important;\n }\n .bg-bluegray-500 {\n background-color: var(--bluegray-500) !important;\n }\n .bg-bluegray-600 {\n background-color: var(--bluegray-600) !important;\n }\n .bg-bluegray-700 {\n background-color: var(--bluegray-700) !important;\n }\n .bg-bluegray-800 {\n background-color: var(--bluegray-800) !important;\n }\n .bg-bluegray-900 {\n background-color: var(--bluegray-900) !important;\n }\n \n .focus\\:bg-bluegray-50:focus {\n background-color: var(--bluegray-50) !important;\n }\n .focus\\:bg-bluegray-100:focus {\n background-color: var(--bluegray-100) !important;\n }\n .focus\\:bg-bluegray-200:focus {\n background-color: var(--bluegray-200) !important;\n }\n .focus\\:bg-bluegray-300:focus {\n background-color: var(--bluegray-300) !important;\n }\n .focus\\:bg-bluegray-400:focus {\n background-color: var(--bluegray-400) !important;\n }\n .focus\\:bg-bluegray-500:focus {\n background-color: var(--bluegray-500) !important;\n }\n .focus\\:bg-bluegray-600:focus {\n background-color: var(--bluegray-600) !important;\n }\n .focus\\:bg-bluegray-700:focus {\n background-color: var(--bluegray-700) !important;\n }\n .focus\\:bg-bluegray-800:focus {\n background-color: var(--bluegray-800) !important;\n }\n .focus\\:bg-bluegray-900:focus {\n background-color: var(--bluegray-900) !important;\n }\n \n .hover\\:bg-bluegray-50:hover {\n background-color: var(--bluegray-50) !important;\n }\n .hover\\:bg-bluegray-100:hover {\n background-color: var(--bluegray-100) !important;\n }\n .hover\\:bg-bluegray-200:hover {\n background-color: var(--bluegray-200) !important;\n }\n .hover\\:bg-bluegray-300:hover {\n background-color: var(--bluegray-300) !important;\n }\n .hover\\:bg-bluegray-400:hover {\n background-color: var(--bluegray-400) !important;\n }\n .hover\\:bg-bluegray-500:hover {\n background-color: var(--bluegray-500) !important;\n }\n .hover\\:bg-bluegray-600:hover {\n background-color: var(--bluegray-600) !important;\n }\n .hover\\:bg-bluegray-700:hover {\n background-color: var(--bluegray-700) !important;\n }\n .hover\\:bg-bluegray-800:hover {\n background-color: var(--bluegray-800) !important;\n }\n .hover\\:bg-bluegray-900:hover {\n background-color: var(--bluegray-900) !important;\n }\n \n .active\\:bg-bluegray-50:active {\n background-color: var(--bluegray-50) !important;\n }\n .active\\:bg-bluegray-100:active {\n background-color: var(--bluegray-100) !important;\n }\n .active\\:bg-bluegray-200:active {\n background-color: var(--bluegray-200) !important;\n }\n .active\\:bg-bluegray-300:active {\n background-color: var(--bluegray-300) !important;\n }\n .active\\:bg-bluegray-400:active {\n background-color: var(--bluegray-400) !important;\n }\n .active\\:bg-bluegray-500:active {\n background-color: var(--bluegray-500) !important;\n }\n .active\\:bg-bluegray-600:active {\n background-color: var(--bluegray-600) !important;\n }\n .active\\:bg-bluegray-700:active {\n background-color: var(--bluegray-700) !important;\n }\n .active\\:bg-bluegray-800:active {\n background-color: var(--bluegray-800) !important;\n }\n .active\\:bg-bluegray-900:active {\n background-color: var(--bluegray-900) !important;\n }\n \n .bg-purple-50 {\n background-color: var(--purple-50) !important;\n }\n .bg-purple-100 {\n background-color: var(--purple-100) !important;\n }\n .bg-purple-200 {\n background-color: var(--purple-200) !important;\n }\n .bg-purple-300 {\n background-color: var(--purple-300) !important;\n }\n .bg-purple-400 {\n background-color: var(--purple-400) !important;\n }\n .bg-purple-500 {\n background-color: var(--purple-500) !important;\n }\n .bg-purple-600 {\n background-color: var(--purple-600) !important;\n }\n .bg-purple-700 {\n background-color: var(--purple-700) !important;\n }\n .bg-purple-800 {\n background-color: var(--purple-800) !important;\n }\n .bg-purple-900 {\n background-color: var(--purple-900) !important;\n }\n \n .focus\\:bg-purple-50:focus {\n background-color: var(--purple-50) !important;\n }\n .focus\\:bg-purple-100:focus {\n background-color: var(--purple-100) !important;\n }\n .focus\\:bg-purple-200:focus {\n background-color: var(--purple-200) !important;\n }\n .focus\\:bg-purple-300:focus {\n background-color: var(--purple-300) !important;\n }\n .focus\\:bg-purple-400:focus {\n background-color: var(--purple-400) !important;\n }\n .focus\\:bg-purple-500:focus {\n background-color: var(--purple-500) !important;\n }\n .focus\\:bg-purple-600:focus {\n background-color: var(--purple-600) !important;\n }\n .focus\\:bg-purple-700:focus {\n background-color: var(--purple-700) !important;\n }\n .focus\\:bg-purple-800:focus {\n background-color: var(--purple-800) !important;\n }\n .focus\\:bg-purple-900:focus {\n background-color: var(--purple-900) !important;\n }\n \n .hover\\:bg-purple-50:hover {\n background-color: var(--purple-50) !important;\n }\n .hover\\:bg-purple-100:hover {\n background-color: var(--purple-100) !important;\n }\n .hover\\:bg-purple-200:hover {\n background-color: var(--purple-200) !important;\n }\n .hover\\:bg-purple-300:hover {\n background-color: var(--purple-300) !important;\n }\n .hover\\:bg-purple-400:hover {\n background-color: var(--purple-400) !important;\n }\n .hover\\:bg-purple-500:hover {\n background-color: var(--purple-500) !important;\n }\n .hover\\:bg-purple-600:hover {\n background-color: var(--purple-600) !important;\n }\n .hover\\:bg-purple-700:hover {\n background-color: var(--purple-700) !important;\n }\n .hover\\:bg-purple-800:hover {\n background-color: var(--purple-800) !important;\n }\n .hover\\:bg-purple-900:hover {\n background-color: var(--purple-900) !important;\n }\n \n .active\\:bg-purple-50:active {\n background-color: var(--purple-50) !important;\n }\n .active\\:bg-purple-100:active {\n background-color: var(--purple-100) !important;\n }\n .active\\:bg-purple-200:active {\n background-color: var(--purple-200) !important;\n }\n .active\\:bg-purple-300:active {\n background-color: var(--purple-300) !important;\n }\n .active\\:bg-purple-400:active {\n background-color: var(--purple-400) !important;\n }\n .active\\:bg-purple-500:active {\n background-color: var(--purple-500) !important;\n }\n .active\\:bg-purple-600:active {\n background-color: var(--purple-600) !important;\n }\n .active\\:bg-purple-700:active {\n background-color: var(--purple-700) !important;\n }\n .active\\:bg-purple-800:active {\n background-color: var(--purple-800) !important;\n }\n .active\\:bg-purple-900:active {\n background-color: var(--purple-900) !important;\n }\n \n .bg-gray-50 {\n background-color: var(--gray-50) !important;\n }\n .bg-gray-100 {\n background-color: var(--gray-100) !important;\n }\n .bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n .bg-gray-300 {\n background-color: var(--gray-300) !important;\n }\n .bg-gray-400 {\n background-color: var(--gray-400) !important;\n }\n .bg-gray-500 {\n background-color: var(--gray-500) !important;\n }\n .bg-gray-600 {\n background-color: var(--gray-600) !important;\n }\n .bg-gray-700 {\n background-color: var(--gray-700) !important;\n }\n .bg-gray-800 {\n background-color: var(--gray-800) !important;\n }\n .bg-gray-900 {\n background-color: var(--gray-900) !important;\n }\n \n .focus\\:bg-gray-50:focus {\n background-color: var(--gray-50) !important;\n }\n .focus\\:bg-gray-100:focus {\n background-color: var(--gray-100) !important;\n }\n .focus\\:bg-gray-200:focus {\n background-color: var(--gray-200) !important;\n }\n .focus\\:bg-gray-300:focus {\n background-color: var(--gray-300) !important;\n }\n .focus\\:bg-gray-400:focus {\n background-color: var(--gray-400) !important;\n }\n .focus\\:bg-gray-500:focus {\n background-color: var(--gray-500) !important;\n }\n .focus\\:bg-gray-600:focus {\n background-color: var(--gray-600) !important;\n }\n .focus\\:bg-gray-700:focus {\n background-color: var(--gray-700) !important;\n }\n .focus\\:bg-gray-800:focus {\n background-color: var(--gray-800) !important;\n }\n .focus\\:bg-gray-900:focus {\n background-color: var(--gray-900) !important;\n }\n \n .hover\\:bg-gray-50:hover {\n background-color: var(--gray-50) !important;\n }\n .hover\\:bg-gray-100:hover {\n background-color: var(--gray-100) !important;\n }\n .hover\\:bg-gray-200:hover {\n background-color: var(--gray-200) !important;\n }\n .hover\\:bg-gray-300:hover {\n background-color: var(--gray-300) !important;\n }\n .hover\\:bg-gray-400:hover {\n background-color: var(--gray-400) !important;\n }\n .hover\\:bg-gray-500:hover {\n background-color: var(--gray-500) !important;\n }\n .hover\\:bg-gray-600:hover {\n background-color: var(--gray-600) !important;\n }\n .hover\\:bg-gray-700:hover {\n background-color: var(--gray-700) !important;\n }\n .hover\\:bg-gray-800:hover {\n background-color: var(--gray-800) !important;\n }\n .hover\\:bg-gray-900:hover {\n background-color: var(--gray-900) !important;\n }\n \n .active\\:bg-gray-50:active {\n background-color: var(--gray-50) !important;\n }\n .active\\:bg-gray-100:active {\n background-color: var(--gray-100) !important;\n }\n .active\\:bg-gray-200:active {\n background-color: var(--gray-200) !important;\n }\n .active\\:bg-gray-300:active {\n background-color: var(--gray-300) !important;\n }\n .active\\:bg-gray-400:active {\n background-color: var(--gray-400) !important;\n }\n .active\\:bg-gray-500:active {\n background-color: var(--gray-500) !important;\n }\n .active\\:bg-gray-600:active {\n background-color: var(--gray-600) !important;\n }\n .active\\:bg-gray-700:active {\n background-color: var(--gray-700) !important;\n }\n .active\\:bg-gray-800:active {\n background-color: var(--gray-800) !important;\n }\n .active\\:bg-gray-900:active {\n background-color: var(--gray-900) !important;\n }\n \n .bg-red-50 {\n background-color: var(--red-50) !important;\n }\n .bg-red-100 {\n background-color: var(--red-100) !important;\n }\n .bg-red-200 {\n background-color: var(--red-200) !important;\n }\n .bg-red-300 {\n background-color: var(--red-300) !important;\n }\n .bg-red-400 {\n background-color: var(--red-400) !important;\n }\n .bg-red-500 {\n background-color: var(--red-500) !important;\n }\n .bg-red-600 {\n background-color: var(--red-600) !important;\n }\n .bg-red-700 {\n background-color: var(--red-700) !important;\n }\n .bg-red-800 {\n background-color: var(--red-800) !important;\n }\n .bg-red-900 {\n background-color: var(--red-900) !important;\n }\n \n .focus\\:bg-red-50:focus {\n background-color: var(--red-50) !important;\n }\n .focus\\:bg-red-100:focus {\n background-color: var(--red-100) !important;\n }\n .focus\\:bg-red-200:focus {\n background-color: var(--red-200) !important;\n }\n .focus\\:bg-red-300:focus {\n background-color: var(--red-300) !important;\n }\n .focus\\:bg-red-400:focus {\n background-color: var(--red-400) !important;\n }\n .focus\\:bg-red-500:focus {\n background-color: var(--red-500) !important;\n }\n .focus\\:bg-red-600:focus {\n background-color: var(--red-600) !important;\n }\n .focus\\:bg-red-700:focus {\n background-color: var(--red-700) !important;\n }\n .focus\\:bg-red-800:focus {\n background-color: var(--red-800) !important;\n }\n .focus\\:bg-red-900:focus {\n background-color: var(--red-900) !important;\n }\n \n .hover\\:bg-red-50:hover {\n background-color: var(--red-50) !important;\n }\n .hover\\:bg-red-100:hover {\n background-color: var(--red-100) !important;\n }\n .hover\\:bg-red-200:hover {\n background-color: var(--red-200) !important;\n }\n .hover\\:bg-red-300:hover {\n background-color: var(--red-300) !important;\n }\n .hover\\:bg-red-400:hover {\n background-color: var(--red-400) !important;\n }\n .hover\\:bg-red-500:hover {\n background-color: var(--red-500) !important;\n }\n .hover\\:bg-red-600:hover {\n background-color: var(--red-600) !important;\n }\n .hover\\:bg-red-700:hover {\n background-color: var(--red-700) !important;\n }\n .hover\\:bg-red-800:hover {\n background-color: var(--red-800) !important;\n }\n .hover\\:bg-red-900:hover {\n background-color: var(--red-900) !important;\n }\n \n .active\\:bg-red-50:active {\n background-color: var(--red-50) !important;\n }\n .active\\:bg-red-100:active {\n background-color: var(--red-100) !important;\n }\n .active\\:bg-red-200:active {\n background-color: var(--red-200) !important;\n }\n .active\\:bg-red-300:active {\n background-color: var(--red-300) !important;\n }\n .active\\:bg-red-400:active {\n background-color: var(--red-400) !important;\n }\n .active\\:bg-red-500:active {\n background-color: var(--red-500) !important;\n }\n .active\\:bg-red-600:active {\n background-color: var(--red-600) !important;\n }\n .active\\:bg-red-700:active {\n background-color: var(--red-700) !important;\n }\n .active\\:bg-red-800:active {\n background-color: var(--red-800) !important;\n }\n .active\\:bg-red-900:active {\n background-color: var(--red-900) !important;\n }\n \n .bg-primary-50 {\n background-color: var(--primary-50) !important;\n }\n .bg-primary-100 {\n background-color: var(--primary-100) !important;\n }\n .bg-primary-200 {\n background-color: var(--primary-200) !important;\n }\n .bg-primary-300 {\n background-color: var(--primary-300) !important;\n }\n .bg-primary-400 {\n background-color: var(--primary-400) !important;\n }\n .bg-primary-500 {\n background-color: var(--primary-500) !important;\n }\n .bg-primary-600 {\n background-color: var(--primary-600) !important;\n }\n .bg-primary-700 {\n background-color: var(--primary-700) !important;\n }\n .bg-primary-800 {\n background-color: var(--primary-800) !important;\n }\n .bg-primary-900 {\n background-color: var(--primary-900) !important;\n }\n \n .focus\\:bg-primary-50:focus {\n background-color: var(--primary-50) !important;\n }\n .focus\\:bg-primary-100:focus {\n background-color: var(--primary-100) !important;\n }\n .focus\\:bg-primary-200:focus {\n background-color: var(--primary-200) !important;\n }\n .focus\\:bg-primary-300:focus {\n background-color: var(--primary-300) !important;\n }\n .focus\\:bg-primary-400:focus {\n background-color: var(--primary-400) !important;\n }\n .focus\\:bg-primary-500:focus {\n background-color: var(--primary-500) !important;\n }\n .focus\\:bg-primary-600:focus {\n background-color: var(--primary-600) !important;\n }\n .focus\\:bg-primary-700:focus {\n background-color: var(--primary-700) !important;\n }\n .focus\\:bg-primary-800:focus {\n background-color: var(--primary-800) !important;\n }\n .focus\\:bg-primary-900:focus {\n background-color: var(--primary-900) !important;\n }\n \n .hover\\:bg-primary-50:hover {\n background-color: var(--primary-50) !important;\n }\n .hover\\:bg-primary-100:hover {\n background-color: var(--primary-100) !important;\n }\n .hover\\:bg-primary-200:hover {\n background-color: var(--primary-200) !important;\n }\n .hover\\:bg-primary-300:hover {\n background-color: var(--primary-300) !important;\n }\n .hover\\:bg-primary-400:hover {\n background-color: var(--primary-400) !important;\n }\n .hover\\:bg-primary-500:hover {\n background-color: var(--primary-500) !important;\n }\n .hover\\:bg-primary-600:hover {\n background-color: var(--primary-600) !important;\n }\n .hover\\:bg-primary-700:hover {\n background-color: var(--primary-700) !important;\n }\n .hover\\:bg-primary-800:hover {\n background-color: var(--primary-800) !important;\n }\n .hover\\:bg-primary-900:hover {\n background-color: var(--primary-900) !important;\n }\n \n .active\\:bg-primary-50:active {\n background-color: var(--primary-50) !important;\n }\n .active\\:bg-primary-100:active {\n background-color: var(--primary-100) !important;\n }\n .active\\:bg-primary-200:active {\n background-color: var(--primary-200) !important;\n }\n .active\\:bg-primary-300:active {\n background-color: var(--primary-300) !important;\n }\n .active\\:bg-primary-400:active {\n background-color: var(--primary-400) !important;\n }\n .active\\:bg-primary-500:active {\n background-color: var(--primary-500) !important;\n }\n .active\\:bg-primary-600:active {\n background-color: var(--primary-600) !important;\n }\n .active\\:bg-primary-700:active {\n background-color: var(--primary-700) !important;\n }\n .active\\:bg-primary-800:active {\n background-color: var(--primary-800) !important;\n }\n .active\\:bg-primary-900:active {\n background-color: var(--primary-900) !important;\n }\n \n .border-blue-50 {\n border-color: var(--blue-50) !important;\n }\n .border-blue-100 {\n border-color: var(--blue-100) !important;\n }\n .border-blue-200 {\n border-color: var(--blue-200) !important;\n }\n .border-blue-300 {\n border-color: var(--blue-300) !important;\n }\n .border-blue-400 {\n border-color: var(--blue-400) !important;\n }\n .border-blue-500 {\n border-color: var(--blue-500) !important;\n }\n .border-blue-600 {\n border-color: var(--blue-600) !important;\n }\n .border-blue-700 {\n border-color: var(--blue-700) !important;\n }\n .border-blue-800 {\n border-color: var(--blue-800) !important;\n }\n .border-blue-900 {\n border-color: var(--blue-900) !important;\n }\n \n .focus\\:border-blue-50:focus {\n border-color: var(--blue-50) !important;\n }\n .focus\\:border-blue-100:focus {\n border-color: var(--blue-100) !important;\n }\n .focus\\:border-blue-200:focus {\n border-color: var(--blue-200) !important;\n }\n .focus\\:border-blue-300:focus {\n border-color: var(--blue-300) !important;\n }\n .focus\\:border-blue-400:focus {\n border-color: var(--blue-400) !important;\n }\n .focus\\:border-blue-500:focus {\n border-color: var(--blue-500) !important;\n }\n .focus\\:border-blue-600:focus {\n border-color: var(--blue-600) !important;\n }\n .focus\\:border-blue-700:focus {\n border-color: var(--blue-700) !important;\n }\n .focus\\:border-blue-800:focus {\n border-color: var(--blue-800) !important;\n }\n .focus\\:border-blue-900:focus {\n border-color: var(--blue-900) !important;\n }\n \n .hover\\:border-blue-50:hover {\n border-color: var(--blue-50) !important;\n }\n .hover\\:border-blue-100:hover {\n border-color: var(--blue-100) !important;\n }\n .hover\\:border-blue-200:hover {\n border-color: var(--blue-200) !important;\n }\n .hover\\:border-blue-300:hover {\n border-color: var(--blue-300) !important;\n }\n .hover\\:border-blue-400:hover {\n border-color: var(--blue-400) !important;\n }\n .hover\\:border-blue-500:hover {\n border-color: var(--blue-500) !important;\n }\n .hover\\:border-blue-600:hover {\n border-color: var(--blue-600) !important;\n }\n .hover\\:border-blue-700:hover {\n border-color: var(--blue-700) !important;\n }\n .hover\\:border-blue-800:hover {\n border-color: var(--blue-800) !important;\n }\n .hover\\:border-blue-900:hover {\n border-color: var(--blue-900) !important;\n }\n \n .active\\:border-blue-50:active {\n border-color: var(--blue-50) !important;\n }\n .active\\:border-blue-100:active {\n border-color: var(--blue-100) !important;\n }\n .active\\:border-blue-200:active {\n border-color: var(--blue-200) !important;\n }\n .active\\:border-blue-300:active {\n border-color: var(--blue-300) !important;\n }\n .active\\:border-blue-400:active {\n border-color: var(--blue-400) !important;\n }\n .active\\:border-blue-500:active {\n border-color: var(--blue-500) !important;\n }\n .active\\:border-blue-600:active {\n border-color: var(--blue-600) !important;\n }\n .active\\:border-blue-700:active {\n border-color: var(--blue-700) !important;\n }\n .active\\:border-blue-800:active {\n border-color: var(--blue-800) !important;\n }\n .active\\:border-blue-900:active {\n border-color: var(--blue-900) !important;\n }\n \n .border-green-50 {\n border-color: var(--green-50) !important;\n }\n .border-green-100 {\n border-color: var(--green-100) !important;\n }\n .border-green-200 {\n border-color: var(--green-200) !important;\n }\n .border-green-300 {\n border-color: var(--green-300) !important;\n }\n .border-green-400 {\n border-color: var(--green-400) !important;\n }\n .border-green-500 {\n border-color: var(--green-500) !important;\n }\n .border-green-600 {\n border-color: var(--green-600) !important;\n }\n .border-green-700 {\n border-color: var(--green-700) !important;\n }\n .border-green-800 {\n border-color: var(--green-800) !important;\n }\n .border-green-900 {\n border-color: var(--green-900) !important;\n }\n \n .focus\\:border-green-50:focus {\n border-color: var(--green-50) !important;\n }\n .focus\\:border-green-100:focus {\n border-color: var(--green-100) !important;\n }\n .focus\\:border-green-200:focus {\n border-color: var(--green-200) !important;\n }\n .focus\\:border-green-300:focus {\n border-color: var(--green-300) !important;\n }\n .focus\\:border-green-400:focus {\n border-color: var(--green-400) !important;\n }\n .focus\\:border-green-500:focus {\n border-color: var(--green-500) !important;\n }\n .focus\\:border-green-600:focus {\n border-color: var(--green-600) !important;\n }\n .focus\\:border-green-700:focus {\n border-color: var(--green-700) !important;\n }\n .focus\\:border-green-800:focus {\n border-color: var(--green-800) !important;\n }\n .focus\\:border-green-900:focus {\n border-color: var(--green-900) !important;\n }\n \n .hover\\:border-green-50:hover {\n border-color: var(--green-50) !important;\n }\n .hover\\:border-green-100:hover {\n border-color: var(--green-100) !important;\n }\n .hover\\:border-green-200:hover {\n border-color: var(--green-200) !important;\n }\n .hover\\:border-green-300:hover {\n border-color: var(--green-300) !important;\n }\n .hover\\:border-green-400:hover {\n border-color: var(--green-400) !important;\n }\n .hover\\:border-green-500:hover {\n border-color: var(--green-500) !important;\n }\n .hover\\:border-green-600:hover {\n border-color: var(--green-600) !important;\n }\n .hover\\:border-green-700:hover {\n border-color: var(--green-700) !important;\n }\n .hover\\:border-green-800:hover {\n border-color: var(--green-800) !important;\n }\n .hover\\:border-green-900:hover {\n border-color: var(--green-900) !important;\n }\n \n .active\\:border-green-50:active {\n border-color: var(--green-50) !important;\n }\n .active\\:border-green-100:active {\n border-color: var(--green-100) !important;\n }\n .active\\:border-green-200:active {\n border-color: var(--green-200) !important;\n }\n .active\\:border-green-300:active {\n border-color: var(--green-300) !important;\n }\n .active\\:border-green-400:active {\n border-color: var(--green-400) !important;\n }\n .active\\:border-green-500:active {\n border-color: var(--green-500) !important;\n }\n .active\\:border-green-600:active {\n border-color: var(--green-600) !important;\n }\n .active\\:border-green-700:active {\n border-color: var(--green-700) !important;\n }\n .active\\:border-green-800:active {\n border-color: var(--green-800) !important;\n }\n .active\\:border-green-900:active {\n border-color: var(--green-900) !important;\n }\n \n .border-yellow-50 {\n border-color: var(--yellow-50) !important;\n }\n .border-yellow-100 {\n border-color: var(--yellow-100) !important;\n }\n .border-yellow-200 {\n border-color: var(--yellow-200) !important;\n }\n .border-yellow-300 {\n border-color: var(--yellow-300) !important;\n }\n .border-yellow-400 {\n border-color: var(--yellow-400) !important;\n }\n .border-yellow-500 {\n border-color: var(--yellow-500) !important;\n }\n .border-yellow-600 {\n border-color: var(--yellow-600) !important;\n }\n .border-yellow-700 {\n border-color: var(--yellow-700) !important;\n }\n .border-yellow-800 {\n border-color: var(--yellow-800) !important;\n }\n .border-yellow-900 {\n border-color: var(--yellow-900) !important;\n }\n \n .focus\\:border-yellow-50:focus {\n border-color: var(--yellow-50) !important;\n }\n .focus\\:border-yellow-100:focus {\n border-color: var(--yellow-100) !important;\n }\n .focus\\:border-yellow-200:focus {\n border-color: var(--yellow-200) !important;\n }\n .focus\\:border-yellow-300:focus {\n border-color: var(--yellow-300) !important;\n }\n .focus\\:border-yellow-400:focus {\n border-color: var(--yellow-400) !important;\n }\n .focus\\:border-yellow-500:focus {\n border-color: var(--yellow-500) !important;\n }\n .focus\\:border-yellow-600:focus {\n border-color: var(--yellow-600) !important;\n }\n .focus\\:border-yellow-700:focus {\n border-color: var(--yellow-700) !important;\n }\n .focus\\:border-yellow-800:focus {\n border-color: var(--yellow-800) !important;\n }\n .focus\\:border-yellow-900:focus {\n border-color: var(--yellow-900) !important;\n }\n \n .hover\\:border-yellow-50:hover {\n border-color: var(--yellow-50) !important;\n }\n .hover\\:border-yellow-100:hover {\n border-color: var(--yellow-100) !important;\n }\n .hover\\:border-yellow-200:hover {\n border-color: var(--yellow-200) !important;\n }\n .hover\\:border-yellow-300:hover {\n border-color: var(--yellow-300) !important;\n }\n .hover\\:border-yellow-400:hover {\n border-color: var(--yellow-400) !important;\n }\n .hover\\:border-yellow-500:hover {\n border-color: var(--yellow-500) !important;\n }\n .hover\\:border-yellow-600:hover {\n border-color: var(--yellow-600) !important;\n }\n .hover\\:border-yellow-700:hover {\n border-color: var(--yellow-700) !important;\n }\n .hover\\:border-yellow-800:hover {\n border-color: var(--yellow-800) !important;\n }\n .hover\\:border-yellow-900:hover {\n border-color: var(--yellow-900) !important;\n }\n \n .active\\:border-yellow-50:active {\n border-color: var(--yellow-50) !important;\n }\n .active\\:border-yellow-100:active {\n border-color: var(--yellow-100) !important;\n }\n .active\\:border-yellow-200:active {\n border-color: var(--yellow-200) !important;\n }\n .active\\:border-yellow-300:active {\n border-color: var(--yellow-300) !important;\n }\n .active\\:border-yellow-400:active {\n border-color: var(--yellow-400) !important;\n }\n .active\\:border-yellow-500:active {\n border-color: var(--yellow-500) !important;\n }\n .active\\:border-yellow-600:active {\n border-color: var(--yellow-600) !important;\n }\n .active\\:border-yellow-700:active {\n border-color: var(--yellow-700) !important;\n }\n .active\\:border-yellow-800:active {\n border-color: var(--yellow-800) !important;\n }\n .active\\:border-yellow-900:active {\n border-color: var(--yellow-900) !important;\n }\n \n .border-cyan-50 {\n border-color: var(--cyan-50) !important;\n }\n .border-cyan-100 {\n border-color: var(--cyan-100) !important;\n }\n .border-cyan-200 {\n border-color: var(--cyan-200) !important;\n }\n .border-cyan-300 {\n border-color: var(--cyan-300) !important;\n }\n .border-cyan-400 {\n border-color: var(--cyan-400) !important;\n }\n .border-cyan-500 {\n border-color: var(--cyan-500) !important;\n }\n .border-cyan-600 {\n border-color: var(--cyan-600) !important;\n }\n .border-cyan-700 {\n border-color: var(--cyan-700) !important;\n }\n .border-cyan-800 {\n border-color: var(--cyan-800) !important;\n }\n .border-cyan-900 {\n border-color: var(--cyan-900) !important;\n }\n \n .focus\\:border-cyan-50:focus {\n border-color: var(--cyan-50) !important;\n }\n .focus\\:border-cyan-100:focus {\n border-color: var(--cyan-100) !important;\n }\n .focus\\:border-cyan-200:focus {\n border-color: var(--cyan-200) !important;\n }\n .focus\\:border-cyan-300:focus {\n border-color: var(--cyan-300) !important;\n }\n .focus\\:border-cyan-400:focus {\n border-color: var(--cyan-400) !important;\n }\n .focus\\:border-cyan-500:focus {\n border-color: var(--cyan-500) !important;\n }\n .focus\\:border-cyan-600:focus {\n border-color: var(--cyan-600) !important;\n }\n .focus\\:border-cyan-700:focus {\n border-color: var(--cyan-700) !important;\n }\n .focus\\:border-cyan-800:focus {\n border-color: var(--cyan-800) !important;\n }\n .focus\\:border-cyan-900:focus {\n border-color: var(--cyan-900) !important;\n }\n \n .hover\\:border-cyan-50:hover {\n border-color: var(--cyan-50) !important;\n }\n .hover\\:border-cyan-100:hover {\n border-color: var(--cyan-100) !important;\n }\n .hover\\:border-cyan-200:hover {\n border-color: var(--cyan-200) !important;\n }\n .hover\\:border-cyan-300:hover {\n border-color: var(--cyan-300) !important;\n }\n .hover\\:border-cyan-400:hover {\n border-color: var(--cyan-400) !important;\n }\n .hover\\:border-cyan-500:hover {\n border-color: var(--cyan-500) !important;\n }\n .hover\\:border-cyan-600:hover {\n border-color: var(--cyan-600) !important;\n }\n .hover\\:border-cyan-700:hover {\n border-color: var(--cyan-700) !important;\n }\n .hover\\:border-cyan-800:hover {\n border-color: var(--cyan-800) !important;\n }\n .hover\\:border-cyan-900:hover {\n border-color: var(--cyan-900) !important;\n }\n \n .active\\:border-cyan-50:active {\n border-color: var(--cyan-50) !important;\n }\n .active\\:border-cyan-100:active {\n border-color: var(--cyan-100) !important;\n }\n .active\\:border-cyan-200:active {\n border-color: var(--cyan-200) !important;\n }\n .active\\:border-cyan-300:active {\n border-color: var(--cyan-300) !important;\n }\n .active\\:border-cyan-400:active {\n border-color: var(--cyan-400) !important;\n }\n .active\\:border-cyan-500:active {\n border-color: var(--cyan-500) !important;\n }\n .active\\:border-cyan-600:active {\n border-color: var(--cyan-600) !important;\n }\n .active\\:border-cyan-700:active {\n border-color: var(--cyan-700) !important;\n }\n .active\\:border-cyan-800:active {\n border-color: var(--cyan-800) !important;\n }\n .active\\:border-cyan-900:active {\n border-color: var(--cyan-900) !important;\n }\n \n .border-pink-50 {\n border-color: var(--pink-50) !important;\n }\n .border-pink-100 {\n border-color: var(--pink-100) !important;\n }\n .border-pink-200 {\n border-color: var(--pink-200) !important;\n }\n .border-pink-300 {\n border-color: var(--pink-300) !important;\n }\n .border-pink-400 {\n border-color: var(--pink-400) !important;\n }\n .border-pink-500 {\n border-color: var(--pink-500) !important;\n }\n .border-pink-600 {\n border-color: var(--pink-600) !important;\n }\n .border-pink-700 {\n border-color: var(--pink-700) !important;\n }\n .border-pink-800 {\n border-color: var(--pink-800) !important;\n }\n .border-pink-900 {\n border-color: var(--pink-900) !important;\n }\n \n .focus\\:border-pink-50:focus {\n border-color: var(--pink-50) !important;\n }\n .focus\\:border-pink-100:focus {\n border-color: var(--pink-100) !important;\n }\n .focus\\:border-pink-200:focus {\n border-color: var(--pink-200) !important;\n }\n .focus\\:border-pink-300:focus {\n border-color: var(--pink-300) !important;\n }\n .focus\\:border-pink-400:focus {\n border-color: var(--pink-400) !important;\n }\n .focus\\:border-pink-500:focus {\n border-color: var(--pink-500) !important;\n }\n .focus\\:border-pink-600:focus {\n border-color: var(--pink-600) !important;\n }\n .focus\\:border-pink-700:focus {\n border-color: var(--pink-700) !important;\n }\n .focus\\:border-pink-800:focus {\n border-color: var(--pink-800) !important;\n }\n .focus\\:border-pink-900:focus {\n border-color: var(--pink-900) !important;\n }\n \n .hover\\:border-pink-50:hover {\n border-color: var(--pink-50) !important;\n }\n .hover\\:border-pink-100:hover {\n border-color: var(--pink-100) !important;\n }\n .hover\\:border-pink-200:hover {\n border-color: var(--pink-200) !important;\n }\n .hover\\:border-pink-300:hover {\n border-color: var(--pink-300) !important;\n }\n .hover\\:border-pink-400:hover {\n border-color: var(--pink-400) !important;\n }\n .hover\\:border-pink-500:hover {\n border-color: var(--pink-500) !important;\n }\n .hover\\:border-pink-600:hover {\n border-color: var(--pink-600) !important;\n }\n .hover\\:border-pink-700:hover {\n border-color: var(--pink-700) !important;\n }\n .hover\\:border-pink-800:hover {\n border-color: var(--pink-800) !important;\n }\n .hover\\:border-pink-900:hover {\n border-color: var(--pink-900) !important;\n }\n \n .active\\:border-pink-50:active {\n border-color: var(--pink-50) !important;\n }\n .active\\:border-pink-100:active {\n border-color: var(--pink-100) !important;\n }\n .active\\:border-pink-200:active {\n border-color: var(--pink-200) !important;\n }\n .active\\:border-pink-300:active {\n border-color: var(--pink-300) !important;\n }\n .active\\:border-pink-400:active {\n border-color: var(--pink-400) !important;\n }\n .active\\:border-pink-500:active {\n border-color: var(--pink-500) !important;\n }\n .active\\:border-pink-600:active {\n border-color: var(--pink-600) !important;\n }\n .active\\:border-pink-700:active {\n border-color: var(--pink-700) !important;\n }\n .active\\:border-pink-800:active {\n border-color: var(--pink-800) !important;\n }\n .active\\:border-pink-900:active {\n border-color: var(--pink-900) !important;\n }\n \n .border-indigo-50 {\n border-color: var(--indigo-50) !important;\n }\n .border-indigo-100 {\n border-color: var(--indigo-100) !important;\n }\n .border-indigo-200 {\n border-color: var(--indigo-200) !important;\n }\n .border-indigo-300 {\n border-color: var(--indigo-300) !important;\n }\n .border-indigo-400 {\n border-color: var(--indigo-400) !important;\n }\n .border-indigo-500 {\n border-color: var(--indigo-500) !important;\n }\n .border-indigo-600 {\n border-color: var(--indigo-600) !important;\n }\n .border-indigo-700 {\n border-color: var(--indigo-700) !important;\n }\n .border-indigo-800 {\n border-color: var(--indigo-800) !important;\n }\n .border-indigo-900 {\n border-color: var(--indigo-900) !important;\n }\n \n .focus\\:border-indigo-50:focus {\n border-color: var(--indigo-50) !important;\n }\n .focus\\:border-indigo-100:focus {\n border-color: var(--indigo-100) !important;\n }\n .focus\\:border-indigo-200:focus {\n border-color: var(--indigo-200) !important;\n }\n .focus\\:border-indigo-300:focus {\n border-color: var(--indigo-300) !important;\n }\n .focus\\:border-indigo-400:focus {\n border-color: var(--indigo-400) !important;\n }\n .focus\\:border-indigo-500:focus {\n border-color: var(--indigo-500) !important;\n }\n .focus\\:border-indigo-600:focus {\n border-color: var(--indigo-600) !important;\n }\n .focus\\:border-indigo-700:focus {\n border-color: var(--indigo-700) !important;\n }\n .focus\\:border-indigo-800:focus {\n border-color: var(--indigo-800) !important;\n }\n .focus\\:border-indigo-900:focus {\n border-color: var(--indigo-900) !important;\n }\n \n .hover\\:border-indigo-50:hover {\n border-color: var(--indigo-50) !important;\n }\n .hover\\:border-indigo-100:hover {\n border-color: var(--indigo-100) !important;\n }\n .hover\\:border-indigo-200:hover {\n border-color: var(--indigo-200) !important;\n }\n .hover\\:border-indigo-300:hover {\n border-color: var(--indigo-300) !important;\n }\n .hover\\:border-indigo-400:hover {\n border-color: var(--indigo-400) !important;\n }\n .hover\\:border-indigo-500:hover {\n border-color: var(--indigo-500) !important;\n }\n .hover\\:border-indigo-600:hover {\n border-color: var(--indigo-600) !important;\n }\n .hover\\:border-indigo-700:hover {\n border-color: var(--indigo-700) !important;\n }\n .hover\\:border-indigo-800:hover {\n border-color: var(--indigo-800) !important;\n }\n .hover\\:border-indigo-900:hover {\n border-color: var(--indigo-900) !important;\n }\n \n .active\\:border-indigo-50:active {\n border-color: var(--indigo-50) !important;\n }\n .active\\:border-indigo-100:active {\n border-color: var(--indigo-100) !important;\n }\n .active\\:border-indigo-200:active {\n border-color: var(--indigo-200) !important;\n }\n .active\\:border-indigo-300:active {\n border-color: var(--indigo-300) !important;\n }\n .active\\:border-indigo-400:active {\n border-color: var(--indigo-400) !important;\n }\n .active\\:border-indigo-500:active {\n border-color: var(--indigo-500) !important;\n }\n .active\\:border-indigo-600:active {\n border-color: var(--indigo-600) !important;\n }\n .active\\:border-indigo-700:active {\n border-color: var(--indigo-700) !important;\n }\n .active\\:border-indigo-800:active {\n border-color: var(--indigo-800) !important;\n }\n .active\\:border-indigo-900:active {\n border-color: var(--indigo-900) !important;\n }\n \n .border-teal-50 {\n border-color: var(--teal-50) !important;\n }\n .border-teal-100 {\n border-color: var(--teal-100) !important;\n }\n .border-teal-200 {\n border-color: var(--teal-200) !important;\n }\n .border-teal-300 {\n border-color: var(--teal-300) !important;\n }\n .border-teal-400 {\n border-color: var(--teal-400) !important;\n }\n .border-teal-500 {\n border-color: var(--teal-500) !important;\n }\n .border-teal-600 {\n border-color: var(--teal-600) !important;\n }\n .border-teal-700 {\n border-color: var(--teal-700) !important;\n }\n .border-teal-800 {\n border-color: var(--teal-800) !important;\n }\n .border-teal-900 {\n border-color: var(--teal-900) !important;\n }\n \n .focus\\:border-teal-50:focus {\n border-color: var(--teal-50) !important;\n }\n .focus\\:border-teal-100:focus {\n border-color: var(--teal-100) !important;\n }\n .focus\\:border-teal-200:focus {\n border-color: var(--teal-200) !important;\n }\n .focus\\:border-teal-300:focus {\n border-color: var(--teal-300) !important;\n }\n .focus\\:border-teal-400:focus {\n border-color: var(--teal-400) !important;\n }\n .focus\\:border-teal-500:focus {\n border-color: var(--teal-500) !important;\n }\n .focus\\:border-teal-600:focus {\n border-color: var(--teal-600) !important;\n }\n .focus\\:border-teal-700:focus {\n border-color: var(--teal-700) !important;\n }\n .focus\\:border-teal-800:focus {\n border-color: var(--teal-800) !important;\n }\n .focus\\:border-teal-900:focus {\n border-color: var(--teal-900) !important;\n }\n \n .hover\\:border-teal-50:hover {\n border-color: var(--teal-50) !important;\n }\n .hover\\:border-teal-100:hover {\n border-color: var(--teal-100) !important;\n }\n .hover\\:border-teal-200:hover {\n border-color: var(--teal-200) !important;\n }\n .hover\\:border-teal-300:hover {\n border-color: var(--teal-300) !important;\n }\n .hover\\:border-teal-400:hover {\n border-color: var(--teal-400) !important;\n }\n .hover\\:border-teal-500:hover {\n border-color: var(--teal-500) !important;\n }\n .hover\\:border-teal-600:hover {\n border-color: var(--teal-600) !important;\n }\n .hover\\:border-teal-700:hover {\n border-color: var(--teal-700) !important;\n }\n .hover\\:border-teal-800:hover {\n border-color: var(--teal-800) !important;\n }\n .hover\\:border-teal-900:hover {\n border-color: var(--teal-900) !important;\n }\n \n .active\\:border-teal-50:active {\n border-color: var(--teal-50) !important;\n }\n .active\\:border-teal-100:active {\n border-color: var(--teal-100) !important;\n }\n .active\\:border-teal-200:active {\n border-color: var(--teal-200) !important;\n }\n .active\\:border-teal-300:active {\n border-color: var(--teal-300) !important;\n }\n .active\\:border-teal-400:active {\n border-color: var(--teal-400) !important;\n }\n .active\\:border-teal-500:active {\n border-color: var(--teal-500) !important;\n }\n .active\\:border-teal-600:active {\n border-color: var(--teal-600) !important;\n }\n .active\\:border-teal-700:active {\n border-color: var(--teal-700) !important;\n }\n .active\\:border-teal-800:active {\n border-color: var(--teal-800) !important;\n }\n .active\\:border-teal-900:active {\n border-color: var(--teal-900) !important;\n }\n \n .border-orange-50 {\n border-color: var(--orange-50) !important;\n }\n .border-orange-100 {\n border-color: var(--orange-100) !important;\n }\n .border-orange-200 {\n border-color: var(--orange-200) !important;\n }\n .border-orange-300 {\n border-color: var(--orange-300) !important;\n }\n .border-orange-400 {\n border-color: var(--orange-400) !important;\n }\n .border-orange-500 {\n border-color: var(--orange-500) !important;\n }\n .border-orange-600 {\n border-color: var(--orange-600) !important;\n }\n .border-orange-700 {\n border-color: var(--orange-700) !important;\n }\n .border-orange-800 {\n border-color: var(--orange-800) !important;\n }\n .border-orange-900 {\n border-color: var(--orange-900) !important;\n }\n \n .focus\\:border-orange-50:focus {\n border-color: var(--orange-50) !important;\n }\n .focus\\:border-orange-100:focus {\n border-color: var(--orange-100) !important;\n }\n .focus\\:border-orange-200:focus {\n border-color: var(--orange-200) !important;\n }\n .focus\\:border-orange-300:focus {\n border-color: var(--orange-300) !important;\n }\n .focus\\:border-orange-400:focus {\n border-color: var(--orange-400) !important;\n }\n .focus\\:border-orange-500:focus {\n border-color: var(--orange-500) !important;\n }\n .focus\\:border-orange-600:focus {\n border-color: var(--orange-600) !important;\n }\n .focus\\:border-orange-700:focus {\n border-color: var(--orange-700) !important;\n }\n .focus\\:border-orange-800:focus {\n border-color: var(--orange-800) !important;\n }\n .focus\\:border-orange-900:focus {\n border-color: var(--orange-900) !important;\n }\n \n .hover\\:border-orange-50:hover {\n border-color: var(--orange-50) !important;\n }\n .hover\\:border-orange-100:hover {\n border-color: var(--orange-100) !important;\n }\n .hover\\:border-orange-200:hover {\n border-color: var(--orange-200) !important;\n }\n .hover\\:border-orange-300:hover {\n border-color: var(--orange-300) !important;\n }\n .hover\\:border-orange-400:hover {\n border-color: var(--orange-400) !important;\n }\n .hover\\:border-orange-500:hover {\n border-color: var(--orange-500) !important;\n }\n .hover\\:border-orange-600:hover {\n border-color: var(--orange-600) !important;\n }\n .hover\\:border-orange-700:hover {\n border-color: var(--orange-700) !important;\n }\n .hover\\:border-orange-800:hover {\n border-color: var(--orange-800) !important;\n }\n .hover\\:border-orange-900:hover {\n border-color: var(--orange-900) !important;\n }\n \n .active\\:border-orange-50:active {\n border-color: var(--orange-50) !important;\n }\n .active\\:border-orange-100:active {\n border-color: var(--orange-100) !important;\n }\n .active\\:border-orange-200:active {\n border-color: var(--orange-200) !important;\n }\n .active\\:border-orange-300:active {\n border-color: var(--orange-300) !important;\n }\n .active\\:border-orange-400:active {\n border-color: var(--orange-400) !important;\n }\n .active\\:border-orange-500:active {\n border-color: var(--orange-500) !important;\n }\n .active\\:border-orange-600:active {\n border-color: var(--orange-600) !important;\n }\n .active\\:border-orange-700:active {\n border-color: var(--orange-700) !important;\n }\n .active\\:border-orange-800:active {\n border-color: var(--orange-800) !important;\n }\n .active\\:border-orange-900:active {\n border-color: var(--orange-900) !important;\n }\n \n .border-bluegray-50 {\n border-color: var(--bluegray-50) !important;\n }\n .border-bluegray-100 {\n border-color: var(--bluegray-100) !important;\n }\n .border-bluegray-200 {\n border-color: var(--bluegray-200) !important;\n }\n .border-bluegray-300 {\n border-color: var(--bluegray-300) !important;\n }\n .border-bluegray-400 {\n border-color: var(--bluegray-400) !important;\n }\n .border-bluegray-500 {\n border-color: var(--bluegray-500) !important;\n }\n .border-bluegray-600 {\n border-color: var(--bluegray-600) !important;\n }\n .border-bluegray-700 {\n border-color: var(--bluegray-700) !important;\n }\n .border-bluegray-800 {\n border-color: var(--bluegray-800) !important;\n }\n .border-bluegray-900 {\n border-color: var(--bluegray-900) !important;\n }\n \n .focus\\:border-bluegray-50:focus {\n border-color: var(--bluegray-50) !important;\n }\n .focus\\:border-bluegray-100:focus {\n border-color: var(--bluegray-100) !important;\n }\n .focus\\:border-bluegray-200:focus {\n border-color: var(--bluegray-200) !important;\n }\n .focus\\:border-bluegray-300:focus {\n border-color: var(--bluegray-300) !important;\n }\n .focus\\:border-bluegray-400:focus {\n border-color: var(--bluegray-400) !important;\n }\n .focus\\:border-bluegray-500:focus {\n border-color: var(--bluegray-500) !important;\n }\n .focus\\:border-bluegray-600:focus {\n border-color: var(--bluegray-600) !important;\n }\n .focus\\:border-bluegray-700:focus {\n border-color: var(--bluegray-700) !important;\n }\n .focus\\:border-bluegray-800:focus {\n border-color: var(--bluegray-800) !important;\n }\n .focus\\:border-bluegray-900:focus {\n border-color: var(--bluegray-900) !important;\n }\n \n .hover\\:border-bluegray-50:hover {\n border-color: var(--bluegray-50) !important;\n }\n .hover\\:border-bluegray-100:hover {\n border-color: var(--bluegray-100) !important;\n }\n .hover\\:border-bluegray-200:hover {\n border-color: var(--bluegray-200) !important;\n }\n .hover\\:border-bluegray-300:hover {\n border-color: var(--bluegray-300) !important;\n }\n .hover\\:border-bluegray-400:hover {\n border-color: var(--bluegray-400) !important;\n }\n .hover\\:border-bluegray-500:hover {\n border-color: var(--bluegray-500) !important;\n }\n .hover\\:border-bluegray-600:hover {\n border-color: var(--bluegray-600) !important;\n }\n .hover\\:border-bluegray-700:hover {\n border-color: var(--bluegray-700) !important;\n }\n .hover\\:border-bluegray-800:hover {\n border-color: var(--bluegray-800) !important;\n }\n .hover\\:border-bluegray-900:hover {\n border-color: var(--bluegray-900) !important;\n }\n \n .active\\:border-bluegray-50:active {\n border-color: var(--bluegray-50) !important;\n }\n .active\\:border-bluegray-100:active {\n border-color: var(--bluegray-100) !important;\n }\n .active\\:border-bluegray-200:active {\n border-color: var(--bluegray-200) !important;\n }\n .active\\:border-bluegray-300:active {\n border-color: var(--bluegray-300) !important;\n }\n .active\\:border-bluegray-400:active {\n border-color: var(--bluegray-400) !important;\n }\n .active\\:border-bluegray-500:active {\n border-color: var(--bluegray-500) !important;\n }\n .active\\:border-bluegray-600:active {\n border-color: var(--bluegray-600) !important;\n }\n .active\\:border-bluegray-700:active {\n border-color: var(--bluegray-700) !important;\n }\n .active\\:border-bluegray-800:active {\n border-color: var(--bluegray-800) !important;\n }\n .active\\:border-bluegray-900:active {\n border-color: var(--bluegray-900) !important;\n }\n \n .border-purple-50 {\n border-color: var(--purple-50) !important;\n }\n .border-purple-100 {\n border-color: var(--purple-100) !important;\n }\n .border-purple-200 {\n border-color: var(--purple-200) !important;\n }\n .border-purple-300 {\n border-color: var(--purple-300) !important;\n }\n .border-purple-400 {\n border-color: var(--purple-400) !important;\n }\n .border-purple-500 {\n border-color: var(--purple-500) !important;\n }\n .border-purple-600 {\n border-color: var(--purple-600) !important;\n }\n .border-purple-700 {\n border-color: var(--purple-700) !important;\n }\n .border-purple-800 {\n border-color: var(--purple-800) !important;\n }\n .border-purple-900 {\n border-color: var(--purple-900) !important;\n }\n \n .focus\\:border-purple-50:focus {\n border-color: var(--purple-50) !important;\n }\n .focus\\:border-purple-100:focus {\n border-color: var(--purple-100) !important;\n }\n .focus\\:border-purple-200:focus {\n border-color: var(--purple-200) !important;\n }\n .focus\\:border-purple-300:focus {\n border-color: var(--purple-300) !important;\n }\n .focus\\:border-purple-400:focus {\n border-color: var(--purple-400) !important;\n }\n .focus\\:border-purple-500:focus {\n border-color: var(--purple-500) !important;\n }\n .focus\\:border-purple-600:focus {\n border-color: var(--purple-600) !important;\n }\n .focus\\:border-purple-700:focus {\n border-color: var(--purple-700) !important;\n }\n .focus\\:border-purple-800:focus {\n border-color: var(--purple-800) !important;\n }\n .focus\\:border-purple-900:focus {\n border-color: var(--purple-900) !important;\n }\n \n .hover\\:border-purple-50:hover {\n border-color: var(--purple-50) !important;\n }\n .hover\\:border-purple-100:hover {\n border-color: var(--purple-100) !important;\n }\n .hover\\:border-purple-200:hover {\n border-color: var(--purple-200) !important;\n }\n .hover\\:border-purple-300:hover {\n border-color: var(--purple-300) !important;\n }\n .hover\\:border-purple-400:hover {\n border-color: var(--purple-400) !important;\n }\n .hover\\:border-purple-500:hover {\n border-color: var(--purple-500) !important;\n }\n .hover\\:border-purple-600:hover {\n border-color: var(--purple-600) !important;\n }\n .hover\\:border-purple-700:hover {\n border-color: var(--purple-700) !important;\n }\n .hover\\:border-purple-800:hover {\n border-color: var(--purple-800) !important;\n }\n .hover\\:border-purple-900:hover {\n border-color: var(--purple-900) !important;\n }\n \n .active\\:border-purple-50:active {\n border-color: var(--purple-50) !important;\n }\n .active\\:border-purple-100:active {\n border-color: var(--purple-100) !important;\n }\n .active\\:border-purple-200:active {\n border-color: var(--purple-200) !important;\n }\n .active\\:border-purple-300:active {\n border-color: var(--purple-300) !important;\n }\n .active\\:border-purple-400:active {\n border-color: var(--purple-400) !important;\n }\n .active\\:border-purple-500:active {\n border-color: var(--purple-500) !important;\n }\n .active\\:border-purple-600:active {\n border-color: var(--purple-600) !important;\n }\n .active\\:border-purple-700:active {\n border-color: var(--purple-700) !important;\n }\n .active\\:border-purple-800:active {\n border-color: var(--purple-800) !important;\n }\n .active\\:border-purple-900:active {\n border-color: var(--purple-900) !important;\n }\n \n .border-gray-50 {\n border-color: var(--gray-50) !important;\n }\n .border-gray-100 {\n border-color: var(--gray-100) !important;\n }\n .border-gray-200 {\n border-color: var(--gray-200) !important;\n }\n .border-gray-300 {\n border-color: var(--gray-300) !important;\n }\n .border-gray-400 {\n border-color: var(--gray-400) !important;\n }\n .border-gray-500 {\n border-color: var(--gray-500) !important;\n }\n .border-gray-600 {\n border-color: var(--gray-600) !important;\n }\n .border-gray-700 {\n border-color: var(--gray-700) !important;\n }\n .border-gray-800 {\n border-color: var(--gray-800) !important;\n }\n .border-gray-900 {\n border-color: var(--gray-900) !important;\n }\n \n .focus\\:border-gray-50:focus {\n border-color: var(--gray-50) !important;\n }\n .focus\\:border-gray-100:focus {\n border-color: var(--gray-100) !important;\n }\n .focus\\:border-gray-200:focus {\n border-color: var(--gray-200) !important;\n }\n .focus\\:border-gray-300:focus {\n border-color: var(--gray-300) !important;\n }\n .focus\\:border-gray-400:focus {\n border-color: var(--gray-400) !important;\n }\n .focus\\:border-gray-500:focus {\n border-color: var(--gray-500) !important;\n }\n .focus\\:border-gray-600:focus {\n border-color: var(--gray-600) !important;\n }\n .focus\\:border-gray-700:focus {\n border-color: var(--gray-700) !important;\n }\n .focus\\:border-gray-800:focus {\n border-color: var(--gray-800) !important;\n }\n .focus\\:border-gray-900:focus {\n border-color: var(--gray-900) !important;\n }\n \n .hover\\:border-gray-50:hover {\n border-color: var(--gray-50) !important;\n }\n .hover\\:border-gray-100:hover {\n border-color: var(--gray-100) !important;\n }\n .hover\\:border-gray-200:hover {\n border-color: var(--gray-200) !important;\n }\n .hover\\:border-gray-300:hover {\n border-color: var(--gray-300) !important;\n }\n .hover\\:border-gray-400:hover {\n border-color: var(--gray-400) !important;\n }\n .hover\\:border-gray-500:hover {\n border-color: var(--gray-500) !important;\n }\n .hover\\:border-gray-600:hover {\n border-color: var(--gray-600) !important;\n }\n .hover\\:border-gray-700:hover {\n border-color: var(--gray-700) !important;\n }\n .hover\\:border-gray-800:hover {\n border-color: var(--gray-800) !important;\n }\n .hover\\:border-gray-900:hover {\n border-color: var(--gray-900) !important;\n }\n \n .active\\:border-gray-50:active {\n border-color: var(--gray-50) !important;\n }\n .active\\:border-gray-100:active {\n border-color: var(--gray-100) !important;\n }\n .active\\:border-gray-200:active {\n border-color: var(--gray-200) !important;\n }\n .active\\:border-gray-300:active {\n border-color: var(--gray-300) !important;\n }\n .active\\:border-gray-400:active {\n border-color: var(--gray-400) !important;\n }\n .active\\:border-gray-500:active {\n border-color: var(--gray-500) !important;\n }\n .active\\:border-gray-600:active {\n border-color: var(--gray-600) !important;\n }\n .active\\:border-gray-700:active {\n border-color: var(--gray-700) !important;\n }\n .active\\:border-gray-800:active {\n border-color: var(--gray-800) !important;\n }\n .active\\:border-gray-900:active {\n border-color: var(--gray-900) !important;\n }\n \n .border-red-50 {\n border-color: var(--red-50) !important;\n }\n .border-red-100 {\n border-color: var(--red-100) !important;\n }\n .border-red-200 {\n border-color: var(--red-200) !important;\n }\n .border-red-300 {\n border-color: var(--red-300) !important;\n }\n .border-red-400 {\n border-color: var(--red-400) !important;\n }\n .border-red-500 {\n border-color: var(--red-500) !important;\n }\n .border-red-600 {\n border-color: var(--red-600) !important;\n }\n .border-red-700 {\n border-color: var(--red-700) !important;\n }\n .border-red-800 {\n border-color: var(--red-800) !important;\n }\n .border-red-900 {\n border-color: var(--red-900) !important;\n }\n \n .focus\\:border-red-50:focus {\n border-color: var(--red-50) !important;\n }\n .focus\\:border-red-100:focus {\n border-color: var(--red-100) !important;\n }\n .focus\\:border-red-200:focus {\n border-color: var(--red-200) !important;\n }\n .focus\\:border-red-300:focus {\n border-color: var(--red-300) !important;\n }\n .focus\\:border-red-400:focus {\n border-color: var(--red-400) !important;\n }\n .focus\\:border-red-500:focus {\n border-color: var(--red-500) !important;\n }\n .focus\\:border-red-600:focus {\n border-color: var(--red-600) !important;\n }\n .focus\\:border-red-700:focus {\n border-color: var(--red-700) !important;\n }\n .focus\\:border-red-800:focus {\n border-color: var(--red-800) !important;\n }\n .focus\\:border-red-900:focus {\n border-color: var(--red-900) !important;\n }\n \n .hover\\:border-red-50:hover {\n border-color: var(--red-50) !important;\n }\n .hover\\:border-red-100:hover {\n border-color: var(--red-100) !important;\n }\n .hover\\:border-red-200:hover {\n border-color: var(--red-200) !important;\n }\n .hover\\:border-red-300:hover {\n border-color: var(--red-300) !important;\n }\n .hover\\:border-red-400:hover {\n border-color: var(--red-400) !important;\n }\n .hover\\:border-red-500:hover {\n border-color: var(--red-500) !important;\n }\n .hover\\:border-red-600:hover {\n border-color: var(--red-600) !important;\n }\n .hover\\:border-red-700:hover {\n border-color: var(--red-700) !important;\n }\n .hover\\:border-red-800:hover {\n border-color: var(--red-800) !important;\n }\n .hover\\:border-red-900:hover {\n border-color: var(--red-900) !important;\n }\n \n .active\\:border-red-50:active {\n border-color: var(--red-50) !important;\n }\n .active\\:border-red-100:active {\n border-color: var(--red-100) !important;\n }\n .active\\:border-red-200:active {\n border-color: var(--red-200) !important;\n }\n .active\\:border-red-300:active {\n border-color: var(--red-300) !important;\n }\n .active\\:border-red-400:active {\n border-color: var(--red-400) !important;\n }\n .active\\:border-red-500:active {\n border-color: var(--red-500) !important;\n }\n .active\\:border-red-600:active {\n border-color: var(--red-600) !important;\n }\n .active\\:border-red-700:active {\n border-color: var(--red-700) !important;\n }\n .active\\:border-red-800:active {\n border-color: var(--red-800) !important;\n }\n .active\\:border-red-900:active {\n border-color: var(--red-900) !important;\n }\n \n .border-primary-50 {\n border-color: var(--primary-50) !important;\n }\n .border-primary-100 {\n border-color: var(--primary-100) !important;\n }\n .border-primary-200 {\n border-color: var(--primary-200) !important;\n }\n .border-primary-300 {\n border-color: var(--primary-300) !important;\n }\n .border-primary-400 {\n border-color: var(--primary-400) !important;\n }\n .border-primary-500 {\n border-color: var(--primary-500) !important;\n }\n .border-primary-600 {\n border-color: var(--primary-600) !important;\n }\n .border-primary-700 {\n border-color: var(--primary-700) !important;\n }\n .border-primary-800 {\n border-color: var(--primary-800) !important;\n }\n .border-primary-900 {\n border-color: var(--primary-900) !important;\n }\n \n .focus\\:border-primary-50:focus {\n border-color: var(--primary-50) !important;\n }\n .focus\\:border-primary-100:focus {\n border-color: var(--primary-100) !important;\n }\n .focus\\:border-primary-200:focus {\n border-color: var(--primary-200) !important;\n }\n .focus\\:border-primary-300:focus {\n border-color: var(--primary-300) !important;\n }\n .focus\\:border-primary-400:focus {\n border-color: var(--primary-400) !important;\n }\n .focus\\:border-primary-500:focus {\n border-color: var(--primary-500) !important;\n }\n .focus\\:border-primary-600:focus {\n border-color: var(--primary-600) !important;\n }\n .focus\\:border-primary-700:focus {\n border-color: var(--primary-700) !important;\n }\n .focus\\:border-primary-800:focus {\n border-color: var(--primary-800) !important;\n }\n .focus\\:border-primary-900:focus {\n border-color: var(--primary-900) !important;\n }\n \n .hover\\:border-primary-50:hover {\n border-color: var(--primary-50) !important;\n }\n .hover\\:border-primary-100:hover {\n border-color: var(--primary-100) !important;\n }\n .hover\\:border-primary-200:hover {\n border-color: var(--primary-200) !important;\n }\n .hover\\:border-primary-300:hover {\n border-color: var(--primary-300) !important;\n }\n .hover\\:border-primary-400:hover {\n border-color: var(--primary-400) !important;\n }\n .hover\\:border-primary-500:hover {\n border-color: var(--primary-500) !important;\n }\n .hover\\:border-primary-600:hover {\n border-color: var(--primary-600) !important;\n }\n .hover\\:border-primary-700:hover {\n border-color: var(--primary-700) !important;\n }\n .hover\\:border-primary-800:hover {\n border-color: var(--primary-800) !important;\n }\n .hover\\:border-primary-900:hover {\n border-color: var(--primary-900) !important;\n }\n \n .active\\:border-primary-50:active {\n border-color: var(--primary-50) !important;\n }\n .active\\:border-primary-100:active {\n border-color: var(--primary-100) !important;\n }\n .active\\:border-primary-200:active {\n border-color: var(--primary-200) !important;\n }\n .active\\:border-primary-300:active {\n border-color: var(--primary-300) !important;\n }\n .active\\:border-primary-400:active {\n border-color: var(--primary-400) !important;\n }\n .active\\:border-primary-500:active {\n border-color: var(--primary-500) !important;\n }\n .active\\:border-primary-600:active {\n border-color: var(--primary-600) !important;\n }\n .active\\:border-primary-700:active {\n border-color: var(--primary-700) !important;\n }\n .active\\:border-primary-800:active {\n border-color: var(--primary-800) !important;\n }\n .active\\:border-primary-900:active {\n border-color: var(--primary-900) !important;\n }\n \n .bg-white-alpha-10 {\n background-color: rgba(255,255,255,0.1) !important;\n }\n .bg-white-alpha-20 {\n background-color: rgba(255,255,255,0.2) !important;\n }\n .bg-white-alpha-30 {\n background-color: rgba(255,255,255,0.3) !important;\n }\n .bg-white-alpha-40 {\n background-color: rgba(255,255,255,0.4) !important;\n }\n .bg-white-alpha-50 {\n background-color: rgba(255,255,255,0.5) !important;\n }\n .bg-white-alpha-60 {\n background-color: rgba(255,255,255,0.6) !important;\n }\n .bg-white-alpha-70 {\n background-color: rgba(255,255,255,0.7) !important;\n }\n .bg-white-alpha-80 {\n background-color: rgba(255,255,255,0.8) !important;\n }\n .bg-white-alpha-90 {\n background-color: rgba(255,255,255,0.9) !important;\n }\n \n .hover\\:bg-white-alpha-10:hover {\n background-color: rgba(255,255,255,0.1) !important;\n }\n .hover\\:bg-white-alpha-20:hover {\n background-color: rgba(255,255,255,0.2) !important;\n }\n .hover\\:bg-white-alpha-30:hover {\n background-color: rgba(255,255,255,0.3) !important;\n }\n .hover\\:bg-white-alpha-40:hover {\n background-color: rgba(255,255,255,0.4) !important;\n }\n .hover\\:bg-white-alpha-50:hover {\n background-color: rgba(255,255,255,0.5) !important;\n }\n .hover\\:bg-white-alpha-60:hover {\n background-color: rgba(255,255,255,0.6) !important;\n }\n .hover\\:bg-white-alpha-70:hover {\n background-color: rgba(255,255,255,0.7) !important;\n }\n .hover\\:bg-white-alpha-80:hover {\n background-color: rgba(255,255,255,0.8) !important;\n }\n .hover\\:bg-white-alpha-90:hover {\n background-color: rgba(255,255,255,0.9) !important;\n }\n \n .focus\\:bg-white-alpha-10:focus {\n background-color: rgba(255,255,255,0.1) !important;\n }\n .focus\\:bg-white-alpha-20:focus {\n background-color: rgba(255,255,255,0.2) !important;\n }\n .focus\\:bg-white-alpha-30:focus {\n background-color: rgba(255,255,255,0.3) !important;\n }\n .focus\\:bg-white-alpha-40:focus {\n background-color: rgba(255,255,255,0.4) !important;\n }\n .focus\\:bg-white-alpha-50:focus {\n background-color: rgba(255,255,255,0.5) !important;\n }\n .focus\\:bg-white-alpha-60:focus {\n background-color: rgba(255,255,255,0.6) !important;\n }\n .focus\\:bg-white-alpha-70:focus {\n background-color: rgba(255,255,255,0.7) !important;\n }\n .focus\\:bg-white-alpha-80:focus {\n background-color: rgba(255,255,255,0.8) !important;\n }\n .focus\\:bg-white-alpha-90:focus {\n background-color: rgba(255,255,255,0.9) !important;\n }\n \n .active\\:bg-white-alpha-10:active {\n background-color: rgba(255,255,255,0.1) !important;\n }\n .active\\:bg-white-alpha-20:active {\n background-color: rgba(255,255,255,0.2) !important;\n }\n .active\\:bg-white-alpha-30:active {\n background-color: rgba(255,255,255,0.3) !important;\n }\n .active\\:bg-white-alpha-40:active {\n background-color: rgba(255,255,255,0.4) !important;\n }\n .active\\:bg-white-alpha-50:active {\n background-color: rgba(255,255,255,0.5) !important;\n }\n .active\\:bg-white-alpha-60:active {\n background-color: rgba(255,255,255,0.6) !important;\n }\n .active\\:bg-white-alpha-70:active {\n background-color: rgba(255,255,255,0.7) !important;\n }\n .active\\:bg-white-alpha-80:active {\n background-color: rgba(255,255,255,0.8) !important;\n }\n .active\\:bg-white-alpha-90:active {\n background-color: rgba(255,255,255,0.9) !important;\n }\n \n .bg-black-alpha-10 {\n background-color: rgba(0,0,0,0.1) !important;\n }\n .bg-black-alpha-20 {\n background-color: rgba(0,0,0,0.2) !important;\n }\n .bg-black-alpha-30 {\n background-color: rgba(0,0,0,0.3) !important;\n }\n .bg-black-alpha-40 {\n background-color: rgba(0,0,0,0.4) !important;\n }\n .bg-black-alpha-50 {\n background-color: rgba(0,0,0,0.5) !important;\n }\n .bg-black-alpha-60 {\n background-color: rgba(0,0,0,0.6) !important;\n }\n .bg-black-alpha-70 {\n background-color: rgba(0,0,0,0.7) !important;\n }\n .bg-black-alpha-80 {\n background-color: rgba(0,0,0,0.8) !important;\n }\n .bg-black-alpha-90 {\n background-color: rgba(0,0,0,0.9) !important;\n }\n \n .hover\\:bg-black-alpha-10:hover {\n background-color: rgba(0,0,0,0.1) !important;\n }\n .hover\\:bg-black-alpha-20:hover {\n background-color: rgba(0,0,0,0.2) !important;\n }\n .hover\\:bg-black-alpha-30:hover {\n background-color: rgba(0,0,0,0.3) !important;\n }\n .hover\\:bg-black-alpha-40:hover {\n background-color: rgba(0,0,0,0.4) !important;\n }\n .hover\\:bg-black-alpha-50:hover {\n background-color: rgba(0,0,0,0.5) !important;\n }\n .hover\\:bg-black-alpha-60:hover {\n background-color: rgba(0,0,0,0.6) !important;\n }\n .hover\\:bg-black-alpha-70:hover {\n background-color: rgba(0,0,0,0.7) !important;\n }\n .hover\\:bg-black-alpha-80:hover {\n background-color: rgba(0,0,0,0.8) !important;\n }\n .hover\\:bg-black-alpha-90:hover {\n background-color: rgba(0,0,0,0.9) !important;\n }\n \n .focus\\:bg-black-alpha-10:focus {\n background-color: rgba(0,0,0,0.1) !important;\n }\n .focus\\:bg-black-alpha-20:focus {\n background-color: rgba(0,0,0,0.2) !important;\n }\n .focus\\:bg-black-alpha-30:focus {\n background-color: rgba(0,0,0,0.3) !important;\n }\n .focus\\:bg-black-alpha-40:focus {\n background-color: rgba(0,0,0,0.4) !important;\n }\n .focus\\:bg-black-alpha-50:focus {\n background-color: rgba(0,0,0,0.5) !important;\n }\n .focus\\:bg-black-alpha-60:focus {\n background-color: rgba(0,0,0,0.6) !important;\n }\n .focus\\:bg-black-alpha-70:focus {\n background-color: rgba(0,0,0,0.7) !important;\n }\n .focus\\:bg-black-alpha-80:focus {\n background-color: rgba(0,0,0,0.8) !important;\n }\n .focus\\:bg-black-alpha-90:focus {\n background-color: rgba(0,0,0,0.9) !important;\n }\n \n .active\\:bg-black-alpha-10:active {\n background-color: rgba(0,0,0,0.1) !important;\n }\n .active\\:bg-black-alpha-20:active {\n background-color: rgba(0,0,0,0.2) !important;\n }\n .active\\:bg-black-alpha-30:active {\n background-color: rgba(0,0,0,0.3) !important;\n }\n .active\\:bg-black-alpha-40:active {\n background-color: rgba(0,0,0,0.4) !important;\n }\n .active\\:bg-black-alpha-50:active {\n background-color: rgba(0,0,0,0.5) !important;\n }\n .active\\:bg-black-alpha-60:active {\n background-color: rgba(0,0,0,0.6) !important;\n }\n .active\\:bg-black-alpha-70:active {\n background-color: rgba(0,0,0,0.7) !important;\n }\n .active\\:bg-black-alpha-80:active {\n background-color: rgba(0,0,0,0.8) !important;\n }\n .active\\:bg-black-alpha-90:active {\n background-color: rgba(0,0,0,0.9) !important;\n }\n \n .border-white-alpha-10 {\n border-color: rgba(255,255,255,0.1) !important;\n }\n .border-white-alpha-20 {\n border-color: rgba(255,255,255,0.2) !important;\n }\n .border-white-alpha-30 {\n border-color: rgba(255,255,255,0.3) !important;\n }\n .border-white-alpha-40 {\n border-color: rgba(255,255,255,0.4) !important;\n }\n .border-white-alpha-50 {\n border-color: rgba(255,255,255,0.5) !important;\n }\n .border-white-alpha-60 {\n border-color: rgba(255,255,255,0.6) !important;\n }\n .border-white-alpha-70 {\n border-color: rgba(255,255,255,0.7) !important;\n }\n .border-white-alpha-80 {\n border-color: rgba(255,255,255,0.8) !important;\n }\n .border-white-alpha-90 {\n border-color: rgba(255,255,255,0.9) !important;\n }\n \n .hover\\:border-white-alpha-10:hover {\n border-color: rgba(255,255,255,0.1) !important;\n }\n .hover\\:border-white-alpha-20:hover {\n border-color: rgba(255,255,255,0.2) !important;\n }\n .hover\\:border-white-alpha-30:hover {\n border-color: rgba(255,255,255,0.3) !important;\n }\n .hover\\:border-white-alpha-40:hover {\n border-color: rgba(255,255,255,0.4) !important;\n }\n .hover\\:border-white-alpha-50:hover {\n border-color: rgba(255,255,255,0.5) !important;\n }\n .hover\\:border-white-alpha-60:hover {\n border-color: rgba(255,255,255,0.6) !important;\n }\n .hover\\:border-white-alpha-70:hover {\n border-color: rgba(255,255,255,0.7) !important;\n }\n .hover\\:border-white-alpha-80:hover {\n border-color: rgba(255,255,255,0.8) !important;\n }\n .hover\\:border-white-alpha-90:hover {\n border-color: rgba(255,255,255,0.9) !important;\n }\n \n .focus\\:border-white-alpha-10:focus {\n border-color: rgba(255,255,255,0.1) !important;\n }\n .focus\\:border-white-alpha-20:focus {\n border-color: rgba(255,255,255,0.2) !important;\n }\n .focus\\:border-white-alpha-30:focus {\n border-color: rgba(255,255,255,0.3) !important;\n }\n .focus\\:border-white-alpha-40:focus {\n border-color: rgba(255,255,255,0.4) !important;\n }\n .focus\\:border-white-alpha-50:focus {\n border-color: rgba(255,255,255,0.5) !important;\n }\n .focus\\:border-white-alpha-60:focus {\n border-color: rgba(255,255,255,0.6) !important;\n }\n .focus\\:border-white-alpha-70:focus {\n border-color: rgba(255,255,255,0.7) !important;\n }\n .focus\\:border-white-alpha-80:focus {\n border-color: rgba(255,255,255,0.8) !important;\n }\n .focus\\:border-white-alpha-90:focus {\n border-color: rgba(255,255,255,0.9) !important;\n }\n \n .active\\:border-white-alpha-10:active {\n border-color: rgba(255,255,255,0.1) !important;\n }\n .active\\:border-white-alpha-20:active {\n border-color: rgba(255,255,255,0.2) !important;\n }\n .active\\:border-white-alpha-30:active {\n border-color: rgba(255,255,255,0.3) !important;\n }\n .active\\:border-white-alpha-40:active {\n border-color: rgba(255,255,255,0.4) !important;\n }\n .active\\:border-white-alpha-50:active {\n border-color: rgba(255,255,255,0.5) !important;\n }\n .active\\:border-white-alpha-60:active {\n border-color: rgba(255,255,255,0.6) !important;\n }\n .active\\:border-white-alpha-70:active {\n border-color: rgba(255,255,255,0.7) !important;\n }\n .active\\:border-white-alpha-80:active {\n border-color: rgba(255,255,255,0.8) !important;\n }\n .active\\:border-white-alpha-90:active {\n border-color: rgba(255,255,255,0.9) !important;\n }\n \n .border-black-alpha-10 {\n border-color: rgba(0,0,0,0.1) !important;\n }\n .border-black-alpha-20 {\n border-color: rgba(0,0,0,0.2) !important;\n }\n .border-black-alpha-30 {\n border-color: rgba(0,0,0,0.3) !important;\n }\n .border-black-alpha-40 {\n border-color: rgba(0,0,0,0.4) !important;\n }\n .border-black-alpha-50 {\n border-color: rgba(0,0,0,0.5) !important;\n }\n .border-black-alpha-60 {\n border-color: rgba(0,0,0,0.6) !important;\n }\n .border-black-alpha-70 {\n border-color: rgba(0,0,0,0.7) !important;\n }\n .border-black-alpha-80 {\n border-color: rgba(0,0,0,0.8) !important;\n }\n .border-black-alpha-90 {\n border-color: rgba(0,0,0,0.9) !important;\n }\n \n .hover\\:border-black-alpha-10:hover {\n border-color: rgba(0,0,0,0.1) !important;\n }\n .hover\\:border-black-alpha-20:hover {\n border-color: rgba(0,0,0,0.2) !important;\n }\n .hover\\:border-black-alpha-30:hover {\n border-color: rgba(0,0,0,0.3) !important;\n }\n .hover\\:border-black-alpha-40:hover {\n border-color: rgba(0,0,0,0.4) !important;\n }\n .hover\\:border-black-alpha-50:hover {\n border-color: rgba(0,0,0,0.5) !important;\n }\n .hover\\:border-black-alpha-60:hover {\n border-color: rgba(0,0,0,0.6) !important;\n }\n .hover\\:border-black-alpha-70:hover {\n border-color: rgba(0,0,0,0.7) !important;\n }\n .hover\\:border-black-alpha-80:hover {\n border-color: rgba(0,0,0,0.8) !important;\n }\n .hover\\:border-black-alpha-90:hover {\n border-color: rgba(0,0,0,0.9) !important;\n }\n \n .focus\\:border-black-alpha-10:focus {\n border-color: rgba(0,0,0,0.1) !important;\n }\n .focus\\:border-black-alpha-20:focus {\n border-color: rgba(0,0,0,0.2) !important;\n }\n .focus\\:border-black-alpha-30:focus {\n border-color: rgba(0,0,0,0.3) !important;\n }\n .focus\\:border-black-alpha-40:focus {\n border-color: rgba(0,0,0,0.4) !important;\n }\n .focus\\:border-black-alpha-50:focus {\n border-color: rgba(0,0,0,0.5) !important;\n }\n .focus\\:border-black-alpha-60:focus {\n border-color: rgba(0,0,0,0.6) !important;\n }\n .focus\\:border-black-alpha-70:focus {\n border-color: rgba(0,0,0,0.7) !important;\n }\n .focus\\:border-black-alpha-80:focus {\n border-color: rgba(0,0,0,0.8) !important;\n }\n .focus\\:border-black-alpha-90:focus {\n border-color: rgba(0,0,0,0.9) !important;\n }\n \n .active\\:border-black-alpha-10:active {\n border-color: rgba(0,0,0,0.1) !important;\n }\n .active\\:border-black-alpha-20:active {\n border-color: rgba(0,0,0,0.2) !important;\n }\n .active\\:border-black-alpha-30:active {\n border-color: rgba(0,0,0,0.3) !important;\n }\n .active\\:border-black-alpha-40:active {\n border-color: rgba(0,0,0,0.4) !important;\n }\n .active\\:border-black-alpha-50:active {\n border-color: rgba(0,0,0,0.5) !important;\n }\n .active\\:border-black-alpha-60:active {\n border-color: rgba(0,0,0,0.6) !important;\n }\n .active\\:border-black-alpha-70:active {\n border-color: rgba(0,0,0,0.7) !important;\n }\n .active\\:border-black-alpha-80:active {\n border-color: rgba(0,0,0,0.8) !important;\n }\n .active\\:border-black-alpha-90:active {\n border-color: rgba(0,0,0,0.9) !important;\n }\n \n .text-white-alpha-10 {\n color: rgba(255,255,255,0.1) !important;\n }\n .text-white-alpha-20 {\n color: rgba(255,255,255,0.2) !important;\n }\n .text-white-alpha-30 {\n color: rgba(255,255,255,0.3) !important;\n }\n .text-white-alpha-40 {\n color: rgba(255,255,255,0.4) !important;\n }\n .text-white-alpha-50 {\n color: rgba(255,255,255,0.5) !important;\n }\n .text-white-alpha-60 {\n color: rgba(255,255,255,0.6) !important;\n }\n .text-white-alpha-70 {\n color: rgba(255,255,255,0.7) !important;\n }\n .text-white-alpha-80 {\n color: rgba(255,255,255,0.8) !important;\n }\n .text-white-alpha-90 {\n color: rgba(255,255,255,0.9) !important;\n }\n \n .hover\\:text-white-alpha-10:hover {\n color: rgba(255,255,255,0.1) !important;\n }\n .hover\\:text-white-alpha-20:hover {\n color: rgba(255,255,255,0.2) !important;\n }\n .hover\\:text-white-alpha-30:hover {\n color: rgba(255,255,255,0.3) !important;\n }\n .hover\\:text-white-alpha-40:hover {\n color: rgba(255,255,255,0.4) !important;\n }\n .hover\\:text-white-alpha-50:hover {\n color: rgba(255,255,255,0.5) !important;\n }\n .hover\\:text-white-alpha-60:hover {\n color: rgba(255,255,255,0.6) !important;\n }\n .hover\\:text-white-alpha-70:hover {\n color: rgba(255,255,255,0.7) !important;\n }\n .hover\\:text-white-alpha-80:hover {\n color: rgba(255,255,255,0.8) !important;\n }\n .hover\\:text-white-alpha-90:hover {\n color: rgba(255,255,255,0.9) !important;\n }\n \n .focus\\:text-white-alpha-10:focus {\n color: rgba(255,255,255,0.1) !important;\n }\n .focus\\:text-white-alpha-20:focus {\n color: rgba(255,255,255,0.2) !important;\n }\n .focus\\:text-white-alpha-30:focus {\n color: rgba(255,255,255,0.3) !important;\n }\n .focus\\:text-white-alpha-40:focus {\n color: rgba(255,255,255,0.4) !important;\n }\n .focus\\:text-white-alpha-50:focus {\n color: rgba(255,255,255,0.5) !important;\n }\n .focus\\:text-white-alpha-60:focus {\n color: rgba(255,255,255,0.6) !important;\n }\n .focus\\:text-white-alpha-70:focus {\n color: rgba(255,255,255,0.7) !important;\n }\n .focus\\:text-white-alpha-80:focus {\n color: rgba(255,255,255,0.8) !important;\n }\n .focus\\:text-white-alpha-90:focus {\n color: rgba(255,255,255,0.9) !important;\n }\n \n .active\\:text-white-alpha-10:active {\n color: rgba(255,255,255,0.1) !important;\n }\n .active\\:text-white-alpha-20:active {\n color: rgba(255,255,255,0.2) !important;\n }\n .active\\:text-white-alpha-30:active {\n color: rgba(255,255,255,0.3) !important;\n }\n .active\\:text-white-alpha-40:active {\n color: rgba(255,255,255,0.4) !important;\n }\n .active\\:text-white-alpha-50:active {\n color: rgba(255,255,255,0.5) !important;\n }\n .active\\:text-white-alpha-60:active {\n color: rgba(255,255,255,0.6) !important;\n }\n .active\\:text-white-alpha-70:active {\n color: rgba(255,255,255,0.7) !important;\n }\n .active\\:text-white-alpha-80:active {\n color: rgba(255,255,255,0.8) !important;\n }\n .active\\:text-white-alpha-90:active {\n color: rgba(255,255,255,0.9) !important;\n }\n \n .text-black-alpha-10 {\n color: rgba(0,0,0,0.1) !important;\n }\n .text-black-alpha-20 {\n color: rgba(0,0,0,0.2) !important;\n }\n .text-black-alpha-30 {\n color: rgba(0,0,0,0.3) !important;\n }\n .text-black-alpha-40 {\n color: rgba(0,0,0,0.4) !important;\n }\n .text-black-alpha-50 {\n color: rgba(0,0,0,0.5) !important;\n }\n .text-black-alpha-60 {\n color: rgba(0,0,0,0.6) !important;\n }\n .text-black-alpha-70 {\n color: rgba(0,0,0,0.7) !important;\n }\n .text-black-alpha-80 {\n color: rgba(0,0,0,0.8) !important;\n }\n .text-black-alpha-90 {\n color: rgba(0,0,0,0.9) !important;\n }\n \n .hover\\:text-black-alpha-10:hover {\n color: rgba(0,0,0,0.1) !important;\n }\n .hover\\:text-black-alpha-20:hover {\n color: rgba(0,0,0,0.2) !important;\n }\n .hover\\:text-black-alpha-30:hover {\n color: rgba(0,0,0,0.3) !important;\n }\n .hover\\:text-black-alpha-40:hover {\n color: rgba(0,0,0,0.4) !important;\n }\n .hover\\:text-black-alpha-50:hover {\n color: rgba(0,0,0,0.5) !important;\n }\n .hover\\:text-black-alpha-60:hover {\n color: rgba(0,0,0,0.6) !important;\n }\n .hover\\:text-black-alpha-70:hover {\n color: rgba(0,0,0,0.7) !important;\n }\n .hover\\:text-black-alpha-80:hover {\n color: rgba(0,0,0,0.8) !important;\n }\n .hover\\:text-black-alpha-90:hover {\n color: rgba(0,0,0,0.9) !important;\n }\n \n .focus\\:text-black-alpha-10:focus {\n color: rgba(0,0,0,0.1) !important;\n }\n .focus\\:text-black-alpha-20:focus {\n color: rgba(0,0,0,0.2) !important;\n }\n .focus\\:text-black-alpha-30:focus {\n color: rgba(0,0,0,0.3) !important;\n }\n .focus\\:text-black-alpha-40:focus {\n color: rgba(0,0,0,0.4) !important;\n }\n .focus\\:text-black-alpha-50:focus {\n color: rgba(0,0,0,0.5) !important;\n }\n .focus\\:text-black-alpha-60:focus {\n color: rgba(0,0,0,0.6) !important;\n }\n .focus\\:text-black-alpha-70:focus {\n color: rgba(0,0,0,0.7) !important;\n }\n .focus\\:text-black-alpha-80:focus {\n color: rgba(0,0,0,0.8) !important;\n }\n .focus\\:text-black-alpha-90:focus {\n color: rgba(0,0,0,0.9) !important;\n }\n \n .active\\:text-black-alpha-10:active {\n color: rgba(0,0,0,0.1) !important;\n }\n .active\\:text-black-alpha-20:active {\n color: rgba(0,0,0,0.2) !important;\n }\n .active\\:text-black-alpha-30:active {\n color: rgba(0,0,0,0.3) !important;\n }\n .active\\:text-black-alpha-40:active {\n color: rgba(0,0,0,0.4) !important;\n }\n .active\\:text-black-alpha-50:active {\n color: rgba(0,0,0,0.5) !important;\n }\n .active\\:text-black-alpha-60:active {\n color: rgba(0,0,0,0.6) !important;\n }\n .active\\:text-black-alpha-70:active {\n color: rgba(0,0,0,0.7) !important;\n }\n .active\\:text-black-alpha-80:active {\n color: rgba(0,0,0,0.8) !important;\n }\n .active\\:text-black-alpha-90:active {\n color: rgba(0,0,0,0.9) !important;\n }\n \n .text-primary {\n color: var(--primary-color) !important;\n }\n \n .bg-primary {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n \n .bg-primary-reverse {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n \n .bg-white {\n background-color: #ffffff !important;\n }\n \n .border-primary {\n border-color: var(--primary-color) !important;\n }\n \n .text-white {\n color: #ffffff !important;\n }\n \n .border-white {\n border-color: #ffffff !important;\n }\n \n .text-color {\n color: var(--text-color) !important;\n }\n \n .text-color-secondary {\n color: var(--text-color-secondary) !important;\n }\n \n .surface-ground {\n background-color: var(--surface-ground) !important;\n }\n \n .surface-section {\n background-color: var(--surface-section) !important;\n }\n \n .surface-card {\n background-color: var(--surface-card) !important;\n }\n \n .surface-overlay {\n background-color: var(--surface-overlay) !important;\n }\n \n .surface-hover {\n background-color: var(--surface-hover) !important;\n }\n \n .surface-border {\n border-color: var(--surface-border) !important;\n }\n \n .focus\\:text-primary:focus {\n color: var(--primary-color) !important;\n }\n \n .hover\\:text-primary:hover {\n color: var(--primary-color) !important;\n }\n \n .active\\:text-primary:active {\n color: var(--primary-color) !important;\n }\n \n .focus\\:bg-primary:focus {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n \n .hover\\:bg-primary:hover {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n \n .active\\:bg-primary:active {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n \n .focus\\:bg-primary-reverse:focus {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n \n .hover\\:bg-primary-reverse:hover {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n \n .active\\:bg-primary-reverse:active {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n \n .focus\\:bg-white:focus {\n background-color: #ffffff !important;\n }\n \n .hover\\:bg-white:hover {\n background-color: #ffffff !important;\n }\n \n .active\\:bg-white:active {\n background-color: #ffffff !important;\n }\n \n .focus\\:border-primary:focus {\n border-color: var(--primary-color) !important;\n }\n \n .hover\\:border-primary:hover {\n border-color: var(--primary-color) !important;\n }\n \n .active\\:border-primary:active {\n border-color: var(--primary-color) !important;\n }\n \n .focus\\:text-white:focus {\n color: #ffffff !important;\n }\n \n .hover\\:text-white:hover {\n color: #ffffff !important;\n }\n \n .active\\:text-white:active {\n color: #ffffff !important;\n }\n \n .focus\\:border-white:focus {\n border-color: #ffffff !important;\n }\n \n .hover\\:border-white:hover {\n border-color: #ffffff !important;\n }\n \n .active\\:border-white:active {\n border-color: #ffffff !important;\n }\n \n .focus\\:text-color:focus {\n color: var(--text-color) !important;\n }\n \n .hover\\:text-color:hover {\n color: var(--text-color) !important;\n }\n \n .active\\:text-color:active {\n color: var(--text-color) !important;\n }\n \n .focus\\:text-color-secondary:focus {\n color: var(--text-color-secondary) !important;\n }\n \n .hover\\:text-color-secondary:hover {\n color: var(--text-color-secondary) !important;\n }\n \n .active\\:text-color-secondary:active {\n color: var(--text-color-secondary) !important;\n }\n \n .focus\\:surface-ground:focus {\n background-color: var(--surface-ground) !important;\n }\n \n .hover\\:surface-ground:hover {\n background-color: var(--surface-ground) !important;\n }\n \n .active\\:surface-ground:active {\n background-color: var(--surface-ground) !important;\n }\n \n .focus\\:surface-section:focus {\n background-color: var(--surface-section) !important;\n }\n \n .hover\\:surface-section:hover {\n background-color: var(--surface-section) !important;\n }\n \n .active\\:surface-section:active {\n background-color: var(--surface-section) !important;\n }\n \n .focus\\:surface-card:focus {\n background-color: var(--surface-card) !important;\n }\n \n .hover\\:surface-card:hover {\n background-color: var(--surface-card) !important;\n }\n \n .active\\:surface-card:active {\n background-color: var(--surface-card) !important;\n }\n \n .focus\\:surface-overlay:focus {\n background-color: var(--surface-overlay) !important;\n }\n \n .hover\\:surface-overlay:hover {\n background-color: var(--surface-overlay) !important;\n }\n \n .active\\:surface-overlay:active {\n background-color: var(--surface-overlay) !important;\n }\n \n .focus\\:surface-hover:focus {\n background-color: var(--surface-hover) !important;\n }\n \n .hover\\:surface-hover:hover {\n background-color: var(--surface-hover) !important;\n }\n \n .active\\:surface-hover:active {\n background-color: var(--surface-hover) !important;\n }\n \n .focus\\:surface-border:focus {\n border-color: var(--surface-border) !important;\n }\n \n .hover\\:surface-border:hover {\n border-color: var(--surface-border) !important;\n }\n \n .active\\:surface-border:active {\n border-color: var(--surface-border) !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:text-primary {\n color: var(--primary-color) !important;\n }\n .sm\\:bg-primary {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .sm\\:bg-primary-reverse {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .sm\\:bg-white {\n background-color: #ffffff !important;\n }\n .sm\\:border-primary {\n border-color: var(--primary-color) !important;\n }\n .sm\\:text-white {\n color: #ffffff !important;\n }\n .sm\\:border-white {\n border-color: #ffffff !important;\n }\n .sm\\:text-color {\n color: var(--text-color) !important;\n }\n .sm\\:text-color-secondary {\n color: var(--text-color-secondary) !important;\n }\n .sm\\:surface-ground {\n background-color: var(--surface-ground) !important;\n }\n .sm\\:surface-section {\n background-color: var(--surface-section) !important;\n }\n .sm\\:surface-card {\n background-color: var(--surface-card) !important;\n }\n .sm\\:surface-overlay {\n background-color: var(--surface-overlay) !important;\n }\n .sm\\:surface-hover {\n background-color: var(--surface-hover) !important;\n }\n .sm\\:surface-border {\n border-color: var(--surface-border) !important;\n }\n .sm\\:focus\\:text-primary:focus {\n color: var(--primary-color) !important;\n }\n .sm\\:hover\\:text-primary:hover {\n color: var(--primary-color) !important;\n }\n .sm\\:active\\:text-primary:active {\n color: var(--primary-color) !important;\n }\n .sm\\:focus\\:bg-primary:focus {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .sm\\:hover\\:bg-primary:hover {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .sm\\:active\\:bg-primary:active {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .sm\\:focus\\:bg-primary-reverse:focus {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .sm\\:hover\\:bg-primary-reverse:hover {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .sm\\:active\\:bg-primary-reverse:active {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .sm\\:focus\\:bg-white:focus {\n background-color: #ffffff !important;\n }\n .sm\\:hover\\:bg-white:hover {\n background-color: #ffffff !important;\n }\n .sm\\:active\\:bg-white:active {\n background-color: #ffffff !important;\n }\n .sm\\:focus\\:border-primary:focus {\n border-color: var(--primary-color) !important;\n }\n .sm\\:hover\\:border-primary:hover {\n border-color: var(--primary-color) !important;\n }\n .sm\\:active\\:border-primary:active {\n border-color: var(--primary-color) !important;\n }\n .sm\\:focus\\:text-white:focus {\n color: #ffffff !important;\n }\n .sm\\:hover\\:text-white:hover {\n color: #ffffff !important;\n }\n .sm\\:active\\:text-white:active {\n color: #ffffff !important;\n }\n .sm\\:focus\\:border-white:focus {\n border-color: #ffffff !important;\n }\n .sm\\:hover\\:border-white:hover {\n border-color: #ffffff !important;\n }\n .sm\\:active\\:border-white:active {\n border-color: #ffffff !important;\n }\n .sm\\:focus\\:text-color:focus {\n color: var(--text-color) !important;\n }\n .sm\\:hover\\:text-color:hover {\n color: var(--text-color) !important;\n }\n .sm\\:active\\:text-color:active {\n color: var(--text-color) !important;\n }\n .sm\\:focus\\:text-color-secondary:focus {\n color: var(--text-color-secondary) !important;\n }\n .sm\\:hover\\:text-color-secondary:hover {\n color: var(--text-color-secondary) !important;\n }\n .sm\\:active\\:text-color-secondary:active {\n color: var(--text-color-secondary) !important;\n }\n .sm\\:focus\\:surface-ground:focus {\n background-color: var(--surface-ground) !important;\n }\n .sm\\:hover\\:surface-ground:hover {\n background-color: var(--surface-ground) !important;\n }\n .sm\\:active\\:surface-ground:active {\n background-color: var(--surface-ground) !important;\n }\n .sm\\:focus\\:surface-section:focus {\n background-color: var(--surface-section) !important;\n }\n .sm\\:hover\\:surface-section:hover {\n background-color: var(--surface-section) !important;\n }\n .sm\\:active\\:surface-section:active {\n background-color: var(--surface-section) !important;\n }\n .sm\\:focus\\:surface-card:focus {\n background-color: var(--surface-card) !important;\n }\n .sm\\:hover\\:surface-card:hover {\n background-color: var(--surface-card) !important;\n }\n .sm\\:active\\:surface-card:active {\n background-color: var(--surface-card) !important;\n }\n .sm\\:focus\\:surface-overlay:focus {\n background-color: var(--surface-overlay) !important;\n }\n .sm\\:hover\\:surface-overlay:hover {\n background-color: var(--surface-overlay) !important;\n }\n .sm\\:active\\:surface-overlay:active {\n background-color: var(--surface-overlay) !important;\n }\n .sm\\:focus\\:surface-hover:focus {\n background-color: var(--surface-hover) !important;\n }\n .sm\\:hover\\:surface-hover:hover {\n background-color: var(--surface-hover) !important;\n }\n .sm\\:active\\:surface-hover:active {\n background-color: var(--surface-hover) !important;\n }\n .sm\\:focus\\:surface-border:focus {\n border-color: var(--surface-border) !important;\n }\n .sm\\:hover\\:surface-border:hover {\n border-color: var(--surface-border) !important;\n }\n .sm\\:active\\:surface-border:active {\n border-color: var(--surface-border) !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:text-primary {\n color: var(--primary-color) !important;\n }\n .md\\:bg-primary {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .md\\:bg-primary-reverse {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .md\\:bg-white {\n background-color: #ffffff !important;\n }\n .md\\:border-primary {\n border-color: var(--primary-color) !important;\n }\n .md\\:text-white {\n color: #ffffff !important;\n }\n .md\\:border-white {\n border-color: #ffffff !important;\n }\n .md\\:text-color {\n color: var(--text-color) !important;\n }\n .md\\:text-color-secondary {\n color: var(--text-color-secondary) !important;\n }\n .md\\:surface-ground {\n background-color: var(--surface-ground) !important;\n }\n .md\\:surface-section {\n background-color: var(--surface-section) !important;\n }\n .md\\:surface-card {\n background-color: var(--surface-card) !important;\n }\n .md\\:surface-overlay {\n background-color: var(--surface-overlay) !important;\n }\n .md\\:surface-hover {\n background-color: var(--surface-hover) !important;\n }\n .md\\:surface-border {\n border-color: var(--surface-border) !important;\n }\n .md\\:focus\\:text-primary:focus {\n color: var(--primary-color) !important;\n }\n .md\\:hover\\:text-primary:hover {\n color: var(--primary-color) !important;\n }\n .md\\:active\\:text-primary:active {\n color: var(--primary-color) !important;\n }\n .md\\:focus\\:bg-primary:focus {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .md\\:hover\\:bg-primary:hover {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .md\\:active\\:bg-primary:active {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .md\\:focus\\:bg-primary-reverse:focus {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .md\\:hover\\:bg-primary-reverse:hover {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .md\\:active\\:bg-primary-reverse:active {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .md\\:focus\\:bg-white:focus {\n background-color: #ffffff !important;\n }\n .md\\:hover\\:bg-white:hover {\n background-color: #ffffff !important;\n }\n .md\\:active\\:bg-white:active {\n background-color: #ffffff !important;\n }\n .md\\:focus\\:border-primary:focus {\n border-color: var(--primary-color) !important;\n }\n .md\\:hover\\:border-primary:hover {\n border-color: var(--primary-color) !important;\n }\n .md\\:active\\:border-primary:active {\n border-color: var(--primary-color) !important;\n }\n .md\\:focus\\:text-white:focus {\n color: #ffffff !important;\n }\n .md\\:hover\\:text-white:hover {\n color: #ffffff !important;\n }\n .md\\:active\\:text-white:active {\n color: #ffffff !important;\n }\n .md\\:focus\\:border-white:focus {\n border-color: #ffffff !important;\n }\n .md\\:hover\\:border-white:hover {\n border-color: #ffffff !important;\n }\n .md\\:active\\:border-white:active {\n border-color: #ffffff !important;\n }\n .md\\:focus\\:text-color:focus {\n color: var(--text-color) !important;\n }\n .md\\:hover\\:text-color:hover {\n color: var(--text-color) !important;\n }\n .md\\:active\\:text-color:active {\n color: var(--text-color) !important;\n }\n .md\\:focus\\:text-color-secondary:focus {\n color: var(--text-color-secondary) !important;\n }\n .md\\:hover\\:text-color-secondary:hover {\n color: var(--text-color-secondary) !important;\n }\n .md\\:active\\:text-color-secondary:active {\n color: var(--text-color-secondary) !important;\n }\n .md\\:focus\\:surface-ground:focus {\n background-color: var(--surface-ground) !important;\n }\n .md\\:hover\\:surface-ground:hover {\n background-color: var(--surface-ground) !important;\n }\n .md\\:active\\:surface-ground:active {\n background-color: var(--surface-ground) !important;\n }\n .md\\:focus\\:surface-section:focus {\n background-color: var(--surface-section) !important;\n }\n .md\\:hover\\:surface-section:hover {\n background-color: var(--surface-section) !important;\n }\n .md\\:active\\:surface-section:active {\n background-color: var(--surface-section) !important;\n }\n .md\\:focus\\:surface-card:focus {\n background-color: var(--surface-card) !important;\n }\n .md\\:hover\\:surface-card:hover {\n background-color: var(--surface-card) !important;\n }\n .md\\:active\\:surface-card:active {\n background-color: var(--surface-card) !important;\n }\n .md\\:focus\\:surface-overlay:focus {\n background-color: var(--surface-overlay) !important;\n }\n .md\\:hover\\:surface-overlay:hover {\n background-color: var(--surface-overlay) !important;\n }\n .md\\:active\\:surface-overlay:active {\n background-color: var(--surface-overlay) !important;\n }\n .md\\:focus\\:surface-hover:focus {\n background-color: var(--surface-hover) !important;\n }\n .md\\:hover\\:surface-hover:hover {\n background-color: var(--surface-hover) !important;\n }\n .md\\:active\\:surface-hover:active {\n background-color: var(--surface-hover) !important;\n }\n .md\\:focus\\:surface-border:focus {\n border-color: var(--surface-border) !important;\n }\n .md\\:hover\\:surface-border:hover {\n border-color: var(--surface-border) !important;\n }\n .md\\:active\\:surface-border:active {\n border-color: var(--surface-border) !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:text-primary {\n color: var(--primary-color) !important;\n }\n .lg\\:bg-primary {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .lg\\:bg-primary-reverse {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .lg\\:bg-white {\n background-color: #ffffff !important;\n }\n .lg\\:border-primary {\n border-color: var(--primary-color) !important;\n }\n .lg\\:text-white {\n color: #ffffff !important;\n }\n .lg\\:border-white {\n border-color: #ffffff !important;\n }\n .lg\\:text-color {\n color: var(--text-color) !important;\n }\n .lg\\:text-color-secondary {\n color: var(--text-color-secondary) !important;\n }\n .lg\\:surface-ground {\n background-color: var(--surface-ground) !important;\n }\n .lg\\:surface-section {\n background-color: var(--surface-section) !important;\n }\n .lg\\:surface-card {\n background-color: var(--surface-card) !important;\n }\n .lg\\:surface-overlay {\n background-color: var(--surface-overlay) !important;\n }\n .lg\\:surface-hover {\n background-color: var(--surface-hover) !important;\n }\n .lg\\:surface-border {\n border-color: var(--surface-border) !important;\n }\n .lg\\:focus\\:text-primary:focus {\n color: var(--primary-color) !important;\n }\n .lg\\:hover\\:text-primary:hover {\n color: var(--primary-color) !important;\n }\n .lg\\:active\\:text-primary:active {\n color: var(--primary-color) !important;\n }\n .lg\\:focus\\:bg-primary:focus {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .lg\\:hover\\:bg-primary:hover {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .lg\\:active\\:bg-primary:active {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .lg\\:focus\\:bg-primary-reverse:focus {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .lg\\:hover\\:bg-primary-reverse:hover {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .lg\\:active\\:bg-primary-reverse:active {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .lg\\:focus\\:bg-white:focus {\n background-color: #ffffff !important;\n }\n .lg\\:hover\\:bg-white:hover {\n background-color: #ffffff !important;\n }\n .lg\\:active\\:bg-white:active {\n background-color: #ffffff !important;\n }\n .lg\\:focus\\:border-primary:focus {\n border-color: var(--primary-color) !important;\n }\n .lg\\:hover\\:border-primary:hover {\n border-color: var(--primary-color) !important;\n }\n .lg\\:active\\:border-primary:active {\n border-color: var(--primary-color) !important;\n }\n .lg\\:focus\\:text-white:focus {\n color: #ffffff !important;\n }\n .lg\\:hover\\:text-white:hover {\n color: #ffffff !important;\n }\n .lg\\:active\\:text-white:active {\n color: #ffffff !important;\n }\n .lg\\:focus\\:border-white:focus {\n border-color: #ffffff !important;\n }\n .lg\\:hover\\:border-white:hover {\n border-color: #ffffff !important;\n }\n .lg\\:active\\:border-white:active {\n border-color: #ffffff !important;\n }\n .lg\\:focus\\:text-color:focus {\n color: var(--text-color) !important;\n }\n .lg\\:hover\\:text-color:hover {\n color: var(--text-color) !important;\n }\n .lg\\:active\\:text-color:active {\n color: var(--text-color) !important;\n }\n .lg\\:focus\\:text-color-secondary:focus {\n color: var(--text-color-secondary) !important;\n }\n .lg\\:hover\\:text-color-secondary:hover {\n color: var(--text-color-secondary) !important;\n }\n .lg\\:active\\:text-color-secondary:active {\n color: var(--text-color-secondary) !important;\n }\n .lg\\:focus\\:surface-ground:focus {\n background-color: var(--surface-ground) !important;\n }\n .lg\\:hover\\:surface-ground:hover {\n background-color: var(--surface-ground) !important;\n }\n .lg\\:active\\:surface-ground:active {\n background-color: var(--surface-ground) !important;\n }\n .lg\\:focus\\:surface-section:focus {\n background-color: var(--surface-section) !important;\n }\n .lg\\:hover\\:surface-section:hover {\n background-color: var(--surface-section) !important;\n }\n .lg\\:active\\:surface-section:active {\n background-color: var(--surface-section) !important;\n }\n .lg\\:focus\\:surface-card:focus {\n background-color: var(--surface-card) !important;\n }\n .lg\\:hover\\:surface-card:hover {\n background-color: var(--surface-card) !important;\n }\n .lg\\:active\\:surface-card:active {\n background-color: var(--surface-card) !important;\n }\n .lg\\:focus\\:surface-overlay:focus {\n background-color: var(--surface-overlay) !important;\n }\n .lg\\:hover\\:surface-overlay:hover {\n background-color: var(--surface-overlay) !important;\n }\n .lg\\:active\\:surface-overlay:active {\n background-color: var(--surface-overlay) !important;\n }\n .lg\\:focus\\:surface-hover:focus {\n background-color: var(--surface-hover) !important;\n }\n .lg\\:hover\\:surface-hover:hover {\n background-color: var(--surface-hover) !important;\n }\n .lg\\:active\\:surface-hover:active {\n background-color: var(--surface-hover) !important;\n }\n .lg\\:focus\\:surface-border:focus {\n border-color: var(--surface-border) !important;\n }\n .lg\\:hover\\:surface-border:hover {\n border-color: var(--surface-border) !important;\n }\n .lg\\:active\\:surface-border:active {\n border-color: var(--surface-border) !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:text-primary {\n color: var(--primary-color) !important;\n }\n .xl\\:bg-primary {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .xl\\:bg-primary-reverse {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .xl\\:bg-white {\n background-color: #ffffff !important;\n }\n .xl\\:border-primary {\n border-color: var(--primary-color) !important;\n }\n .xl\\:text-white {\n color: #ffffff !important;\n }\n .xl\\:border-white {\n border-color: #ffffff !important;\n }\n .xl\\:text-color {\n color: var(--text-color) !important;\n }\n .xl\\:text-color-secondary {\n color: var(--text-color-secondary) !important;\n }\n .xl\\:surface-ground {\n background-color: var(--surface-ground) !important;\n }\n .xl\\:surface-section {\n background-color: var(--surface-section) !important;\n }\n .xl\\:surface-card {\n background-color: var(--surface-card) !important;\n }\n .xl\\:surface-overlay {\n background-color: var(--surface-overlay) !important;\n }\n .xl\\:surface-hover {\n background-color: var(--surface-hover) !important;\n }\n .xl\\:surface-border {\n border-color: var(--surface-border) !important;\n }\n .xl\\:focus\\:text-primary:focus {\n color: var(--primary-color) !important;\n }\n .xl\\:hover\\:text-primary:hover {\n color: var(--primary-color) !important;\n }\n .xl\\:active\\:text-primary:active {\n color: var(--primary-color) !important;\n }\n .xl\\:focus\\:bg-primary:focus {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .xl\\:hover\\:bg-primary:hover {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .xl\\:active\\:bg-primary:active {\n color: var(--primary-color-text) !important;\n background-color: var(--primary-color) !important;\n }\n .xl\\:focus\\:bg-primary-reverse:focus {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .xl\\:hover\\:bg-primary-reverse:hover {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .xl\\:active\\:bg-primary-reverse:active {\n color: var(--primary-color) !important;\n background-color: var(--primary-color-text) !important;\n }\n .xl\\:focus\\:bg-white:focus {\n background-color: #ffffff !important;\n }\n .xl\\:hover\\:bg-white:hover {\n background-color: #ffffff !important;\n }\n .xl\\:active\\:bg-white:active {\n background-color: #ffffff !important;\n }\n .xl\\:focus\\:border-primary:focus {\n border-color: var(--primary-color) !important;\n }\n .xl\\:hover\\:border-primary:hover {\n border-color: var(--primary-color) !important;\n }\n .xl\\:active\\:border-primary:active {\n border-color: var(--primary-color) !important;\n }\n .xl\\:focus\\:text-white:focus {\n color: #ffffff !important;\n }\n .xl\\:hover\\:text-white:hover {\n color: #ffffff !important;\n }\n .xl\\:active\\:text-white:active {\n color: #ffffff !important;\n }\n .xl\\:focus\\:border-white:focus {\n border-color: #ffffff !important;\n }\n .xl\\:hover\\:border-white:hover {\n border-color: #ffffff !important;\n }\n .xl\\:active\\:border-white:active {\n border-color: #ffffff !important;\n }\n .xl\\:focus\\:text-color:focus {\n color: var(--text-color) !important;\n }\n .xl\\:hover\\:text-color:hover {\n color: var(--text-color) !important;\n }\n .xl\\:active\\:text-color:active {\n color: var(--text-color) !important;\n }\n .xl\\:focus\\:text-color-secondary:focus {\n color: var(--text-color-secondary) !important;\n }\n .xl\\:hover\\:text-color-secondary:hover {\n color: var(--text-color-secondary) !important;\n }\n .xl\\:active\\:text-color-secondary:active {\n color: var(--text-color-secondary) !important;\n }\n .xl\\:focus\\:surface-ground:focus {\n background-color: var(--surface-ground) !important;\n }\n .xl\\:hover\\:surface-ground:hover {\n background-color: var(--surface-ground) !important;\n }\n .xl\\:active\\:surface-ground:active {\n background-color: var(--surface-ground) !important;\n }\n .xl\\:focus\\:surface-section:focus {\n background-color: var(--surface-section) !important;\n }\n .xl\\:hover\\:surface-section:hover {\n background-color: var(--surface-section) !important;\n }\n .xl\\:active\\:surface-section:active {\n background-color: var(--surface-section) !important;\n }\n .xl\\:focus\\:surface-card:focus {\n background-color: var(--surface-card) !important;\n }\n .xl\\:hover\\:surface-card:hover {\n background-color: var(--surface-card) !important;\n }\n .xl\\:active\\:surface-card:active {\n background-color: var(--surface-card) !important;\n }\n .xl\\:focus\\:surface-overlay:focus {\n background-color: var(--surface-overlay) !important;\n }\n .xl\\:hover\\:surface-overlay:hover {\n background-color: var(--surface-overlay) !important;\n }\n .xl\\:active\\:surface-overlay:active {\n background-color: var(--surface-overlay) !important;\n }\n .xl\\:focus\\:surface-hover:focus {\n background-color: var(--surface-hover) !important;\n }\n .xl\\:hover\\:surface-hover:hover {\n background-color: var(--surface-hover) !important;\n }\n .xl\\:active\\:surface-hover:active {\n background-color: var(--surface-hover) !important;\n }\n .xl\\:focus\\:surface-border:focus {\n border-color: var(--surface-border) !important;\n }\n .xl\\:hover\\:surface-border:hover {\n border-color: var(--surface-border) !important;\n }\n .xl\\:active\\:surface-border:active {\n border-color: var(--surface-border) !important;\n }\n }\n .field {\n margin-bottom: 1rem;\n }\n \n .field > label {\n display: inline-block;\n margin-bottom: 0.5rem;\n }\n \n .field.grid > label {\n display: flex;\n align-items: center;\n }\n \n .field > small {\n margin-top: 0.25rem;\n }\n \n .field.grid,\n .formgrid.grid {\n margin-top: 0;\n }\n \n .field.grid .col-fixed,\n .formgrid.grid .col-fixed,\n .field.grid .col,\n .formgrid.grid .col,\n .field.grid .col-1,\n .formgrid.grid .col-1,\n .field.grid .col-2,\n .formgrid.grid .col-2,\n .field.grid .col-3,\n .formgrid.grid .col-3,\n .field.grid .col-4,\n .formgrid.grid .col-4,\n .field.grid .col-5,\n .formgrid.grid .col-5,\n .field.grid .col-6,\n .formgrid.grid .col-6,\n .field.grid .col-7,\n .formgrid.grid .col-7,\n .field.grid .col-8,\n .formgrid.grid .col-8,\n .field.grid .col-9,\n .formgrid.grid .col-9,\n .field.grid .col-10,\n .formgrid.grid .col-10,\n .field.grid .col-11,\n .formgrid.grid .col-11,\n .field.grid .col-12,\n .formgrid.grid .col-12 {\n padding-top: 0;\n padding-bottom: 0;\n }\n \n .formgroup-inline {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n }\n \n .formgroup-inline .field,\n .formgroup-inline .field-checkbox,\n .formgroup-inline .field-radiobutton {\n margin-right: 1rem;\n }\n \n .formgroup-inline .field > label,\n .formgroup-inline .field-checkbox > label,\n .formgroup-inline .field-radiobutton > label {\n margin-right: 0.5rem;\n margin-bottom: 0;\n }\n \n .field-checkbox,\n .field-radiobutton {\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n }\n \n .field-checkbox > label,\n .field-radiobutton > label {\n margin-left: 0.5rem;\n line-height: 1;\n }\n \n .hidden {\n display: none !important;\n }\n \n .block {\n display: block !important;\n }\n \n .inline {\n display: inline !important;\n }\n \n .inline-block {\n display: inline-block !important;\n }\n \n .flex {\n display: flex !important;\n }\n \n .inline-flex {\n display: inline-flex !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:hidden {\n display: none !important;\n }\n .sm\\:block {\n display: block !important;\n }\n .sm\\:inline {\n display: inline !important;\n }\n .sm\\:inline-block {\n display: inline-block !important;\n }\n .sm\\:flex {\n display: flex !important;\n }\n .sm\\:inline-flex {\n display: inline-flex !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:hidden {\n display: none !important;\n }\n .md\\:block {\n display: block !important;\n }\n .md\\:inline {\n display: inline !important;\n }\n .md\\:inline-block {\n display: inline-block !important;\n }\n .md\\:flex {\n display: flex !important;\n }\n .md\\:inline-flex {\n display: inline-flex !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:hidden {\n display: none !important;\n }\n .lg\\:block {\n display: block !important;\n }\n .lg\\:inline {\n display: inline !important;\n }\n .lg\\:inline-block {\n display: inline-block !important;\n }\n .lg\\:flex {\n display: flex !important;\n }\n .lg\\:inline-flex {\n display: inline-flex !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:hidden {\n display: none !important;\n }\n .xl\\:block {\n display: block !important;\n }\n .xl\\:inline {\n display: inline !important;\n }\n .xl\\:inline-block {\n display: inline-block !important;\n }\n .xl\\:flex {\n display: flex !important;\n }\n .xl\\:inline-flex {\n display: inline-flex !important;\n }\n }\n .text-center {\n text-align: center !important;\n }\n \n .text-justify {\n text-align: justify !important;\n }\n \n .text-left {\n text-align: left !important;\n }\n \n .text-right {\n text-align: right !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:text-center {\n text-align: center !important;\n }\n .sm\\:text-justify {\n text-align: justify !important;\n }\n .sm\\:text-left {\n text-align: left !important;\n }\n .sm\\:text-right {\n text-align: right !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:text-center {\n text-align: center !important;\n }\n .md\\:text-justify {\n text-align: justify !important;\n }\n .md\\:text-left {\n text-align: left !important;\n }\n .md\\:text-right {\n text-align: right !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:text-center {\n text-align: center !important;\n }\n .lg\\:text-justify {\n text-align: justify !important;\n }\n .lg\\:text-left {\n text-align: left !important;\n }\n .lg\\:text-right {\n text-align: right !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:text-center {\n text-align: center !important;\n }\n .xl\\:text-justify {\n text-align: justify !important;\n }\n .xl\\:text-left {\n text-align: left !important;\n }\n .xl\\:text-right {\n text-align: right !important;\n }\n }\n .underline {\n text-decoration: underline !important;\n }\n \n .line-through {\n text-decoration: line-through !important;\n }\n \n .no-underline {\n text-decoration: none !important;\n }\n \n .focus\\:underline:focus {\n text-decoration: underline !important;\n }\n \n .hover\\:underline:hover {\n text-decoration: underline !important;\n }\n \n .active\\:underline:active {\n text-decoration: underline !important;\n }\n \n .focus\\:line-through:focus {\n text-decoration: line-through !important;\n }\n \n .hover\\:line-through:hover {\n text-decoration: line-through !important;\n }\n \n .active\\:line-through:active {\n text-decoration: line-through !important;\n }\n \n .focus\\:no-underline:focus {\n text-decoration: none !important;\n }\n \n .hover\\:no-underline:hover {\n text-decoration: none !important;\n }\n \n .active\\:no-underline:active {\n text-decoration: none !important;\n }\n \n .lowercase {\n text-transform: lowercase !important;\n }\n \n .uppercase {\n text-transform: uppercase !important;\n }\n \n .capitalize {\n text-transform: capitalize !important;\n }\n \n .text-overflow-clip {\n text-overflow: clip !important;\n }\n \n .text-overflow-ellipsis {\n text-overflow: ellipsis !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:text-overflow-clip {\n text-overflow: clip !important;\n }\n .sm\\:text-overflow-ellipsis {\n text-overflow: ellipsis !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:text-overflow-clip {\n text-overflow: clip !important;\n }\n .md\\:text-overflow-ellipsis {\n text-overflow: ellipsis !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:text-overflow-clip {\n text-overflow: clip !important;\n }\n .lg\\:text-overflow-ellipsis {\n text-overflow: ellipsis !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:text-overflow-clip {\n text-overflow: clip !important;\n }\n .xl\\:text-overflow-ellipsis {\n text-overflow: ellipsis !important;\n }\n }\n .font-light {\n font-weight: 300 !important;\n }\n \n .font-normal {\n font-weight: 400 !important;\n }\n \n .font-medium {\n font-weight: 500 !important;\n }\n \n .font-semibold {\n font-weight: 600 !important;\n }\n \n .font-bold {\n font-weight: 700 !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:font-light {\n font-weight: 300 !important;\n }\n .sm\\:font-normal {\n font-weight: 400 !important;\n }\n .sm\\:font-medium {\n font-weight: 500 !important;\n }\n .sm\\:font-semibold {\n font-weight: 600 !important;\n }\n .sm\\:font-bold {\n font-weight: 700 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:font-light {\n font-weight: 300 !important;\n }\n .md\\:font-normal {\n font-weight: 400 !important;\n }\n .md\\:font-medium {\n font-weight: 500 !important;\n }\n .md\\:font-semibold {\n font-weight: 600 !important;\n }\n .md\\:font-bold {\n font-weight: 700 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:font-light {\n font-weight: 300 !important;\n }\n .lg\\:font-normal {\n font-weight: 400 !important;\n }\n .lg\\:font-medium {\n font-weight: 500 !important;\n }\n .lg\\:font-semibold {\n font-weight: 600 !important;\n }\n .lg\\:font-bold {\n font-weight: 700 !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:font-light {\n font-weight: 300 !important;\n }\n .xl\\:font-normal {\n font-weight: 400 !important;\n }\n .xl\\:font-medium {\n font-weight: 500 !important;\n }\n .xl\\:font-semibold {\n font-weight: 600 !important;\n }\n .xl\\:font-bold {\n font-weight: 700 !important;\n }\n }\n .font-italic {\n font-style: italic !important;\n }\n \n .text-xs {\n font-size: 0.75rem !important;\n }\n \n .text-sm {\n font-size: 0.875rem !important;\n }\n \n .text-base {\n font-size: 1rem !important;\n }\n \n .text-lg {\n font-size: 1.125rem !important;\n }\n \n .text-xl {\n font-size: 1.25rem !important;\n }\n \n .text-2xl {\n font-size: 1.5rem !important;\n }\n \n .text-3xl {\n font-size: 1.75rem !important;\n }\n \n .text-4xl {\n font-size: 2rem !important;\n }\n \n .text-5xl {\n font-size: 2.5rem !important;\n }\n \n .text-6xl {\n font-size: 3rem !important;\n }\n \n .text-7xl {\n font-size: 4rem !important;\n }\n \n .text-8xl {\n font-size: 6rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:text-xs {\n font-size: 0.75rem !important;\n }\n .sm\\:text-sm {\n font-size: 0.875rem !important;\n }\n .sm\\:text-base {\n font-size: 1rem !important;\n }\n .sm\\:text-lg {\n font-size: 1.125rem !important;\n }\n .sm\\:text-xl {\n font-size: 1.25rem !important;\n }\n .sm\\:text-2xl {\n font-size: 1.5rem !important;\n }\n .sm\\:text-3xl {\n font-size: 1.75rem !important;\n }\n .sm\\:text-4xl {\n font-size: 2rem !important;\n }\n .sm\\:text-5xl {\n font-size: 2.5rem !important;\n }\n .sm\\:text-6xl {\n font-size: 3rem !important;\n }\n .sm\\:text-7xl {\n font-size: 4rem !important;\n }\n .sm\\:text-8xl {\n font-size: 6rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:text-xs {\n font-size: 0.75rem !important;\n }\n .md\\:text-sm {\n font-size: 0.875rem !important;\n }\n .md\\:text-base {\n font-size: 1rem !important;\n }\n .md\\:text-lg {\n font-size: 1.125rem !important;\n }\n .md\\:text-xl {\n font-size: 1.25rem !important;\n }\n .md\\:text-2xl {\n font-size: 1.5rem !important;\n }\n .md\\:text-3xl {\n font-size: 1.75rem !important;\n }\n .md\\:text-4xl {\n font-size: 2rem !important;\n }\n .md\\:text-5xl {\n font-size: 2.5rem !important;\n }\n .md\\:text-6xl {\n font-size: 3rem !important;\n }\n .md\\:text-7xl {\n font-size: 4rem !important;\n }\n .md\\:text-8xl {\n font-size: 6rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:text-xs {\n font-size: 0.75rem !important;\n }\n .lg\\:text-sm {\n font-size: 0.875rem !important;\n }\n .lg\\:text-base {\n font-size: 1rem !important;\n }\n .lg\\:text-lg {\n font-size: 1.125rem !important;\n }\n .lg\\:text-xl {\n font-size: 1.25rem !important;\n }\n .lg\\:text-2xl {\n font-size: 1.5rem !important;\n }\n .lg\\:text-3xl {\n font-size: 1.75rem !important;\n }\n .lg\\:text-4xl {\n font-size: 2rem !important;\n }\n .lg\\:text-5xl {\n font-size: 2.5rem !important;\n }\n .lg\\:text-6xl {\n font-size: 3rem !important;\n }\n .lg\\:text-7xl {\n font-size: 4rem !important;\n }\n .lg\\:text-8xl {\n font-size: 6rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:text-xs {\n font-size: 0.75rem !important;\n }\n .xl\\:text-sm {\n font-size: 0.875rem !important;\n }\n .xl\\:text-base {\n font-size: 1rem !important;\n }\n .xl\\:text-lg {\n font-size: 1.125rem !important;\n }\n .xl\\:text-xl {\n font-size: 1.25rem !important;\n }\n .xl\\:text-2xl {\n font-size: 1.5rem !important;\n }\n .xl\\:text-3xl {\n font-size: 1.75rem !important;\n }\n .xl\\:text-4xl {\n font-size: 2rem !important;\n }\n .xl\\:text-5xl {\n font-size: 2.5rem !important;\n }\n .xl\\:text-6xl {\n font-size: 3rem !important;\n }\n .xl\\:text-7xl {\n font-size: 4rem !important;\n }\n .xl\\:text-8xl {\n font-size: 6rem !important;\n }\n }\n .line-height-1 {\n line-height: 1 !important;\n }\n \n .line-height-2 {\n line-height: 1.25 !important;\n }\n \n .line-height-3 {\n line-height: 1.5 !important;\n }\n \n .line-height-4 {\n line-height: 2 !important;\n }\n \n .white-space-normal {\n white-space: normal !important;\n }\n \n .white-space-nowrap {\n white-space: nowrap !important;\n }\n \n .vertical-align-baseline {\n vertical-align: baseline !important;\n }\n \n .vertical-align-top {\n vertical-align: top !important;\n }\n \n .vertical-align-middle {\n vertical-align: middle !important;\n }\n \n .vertical-align-bottom {\n vertical-align: bottom !important;\n }\n \n .vertical-align-text-top {\n vertical-align: text-top !important;\n }\n \n .vertical-align-text-bottom {\n vertical-align: text-bottom !important;\n }\n \n .vertical-align-sub {\n vertical-align: sub !important;\n }\n \n .vertical-align-super {\n vertical-align: super !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:vertical-align-baseline {\n vertical-align: baseline !important;\n }\n .sm\\:vertical-align-top {\n vertical-align: top !important;\n }\n .sm\\:vertical-align-middle {\n vertical-align: middle !important;\n }\n .sm\\:vertical-align-bottom {\n vertical-align: bottom !important;\n }\n .sm\\:vertical-align-text-top {\n vertical-align: text-top !important;\n }\n .sm\\:vertical-align-text-bottom {\n vertical-align: text-bottom !important;\n }\n .sm\\:vertical-align-sub {\n vertical-align: sub !important;\n }\n .sm\\:vertical-align-super {\n vertical-align: super !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:vertical-align-baseline {\n vertical-align: baseline !important;\n }\n .md\\:vertical-align-top {\n vertical-align: top !important;\n }\n .md\\:vertical-align-middle {\n vertical-align: middle !important;\n }\n .md\\:vertical-align-bottom {\n vertical-align: bottom !important;\n }\n .md\\:vertical-align-text-top {\n vertical-align: text-top !important;\n }\n .md\\:vertical-align-text-bottom {\n vertical-align: text-bottom !important;\n }\n .md\\:vertical-align-sub {\n vertical-align: sub !important;\n }\n .md\\:vertical-align-super {\n vertical-align: super !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:vertical-align-baseline {\n vertical-align: baseline !important;\n }\n .lg\\:vertical-align-top {\n vertical-align: top !important;\n }\n .lg\\:vertical-align-middle {\n vertical-align: middle !important;\n }\n .lg\\:vertical-align-bottom {\n vertical-align: bottom !important;\n }\n .lg\\:vertical-align-text-top {\n vertical-align: text-top !important;\n }\n .lg\\:vertical-align-text-bottom {\n vertical-align: text-bottom !important;\n }\n .lg\\:vertical-align-sub {\n vertical-align: sub !important;\n }\n .lg\\:vertical-align-super {\n vertical-align: super !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:vertical-align-baseline {\n vertical-align: baseline !important;\n }\n .xl\\:vertical-align-top {\n vertical-align: top !important;\n }\n .xl\\:vertical-align-middle {\n vertical-align: middle !important;\n }\n .xl\\:vertical-align-bottom {\n vertical-align: bottom !important;\n }\n .xl\\:vertical-align-text-top {\n vertical-align: text-top !important;\n }\n .xl\\:vertical-align-text-bottom {\n vertical-align: text-bottom !important;\n }\n .xl\\:vertical-align-sub {\n vertical-align: sub !important;\n }\n .xl\\:vertical-align-super {\n vertical-align: super !important;\n }\n }\n .flex-row {\n flex-direction: row !important;\n }\n \n .flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n \n .flex-column {\n flex-direction: column !important;\n }\n \n .flex-column-reverse {\n flex-direction: column-reverse !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-row {\n flex-direction: row !important;\n }\n .sm\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .sm\\:flex-column {\n flex-direction: column !important;\n }\n .sm\\:flex-column-reverse {\n flex-direction: column-reverse !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-row {\n flex-direction: row !important;\n }\n .md\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .md\\:flex-column {\n flex-direction: column !important;\n }\n .md\\:flex-column-reverse {\n flex-direction: column-reverse !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-row {\n flex-direction: row !important;\n }\n .lg\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .lg\\:flex-column {\n flex-direction: column !important;\n }\n .lg\\:flex-column-reverse {\n flex-direction: column-reverse !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-row {\n flex-direction: row !important;\n }\n .xl\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .xl\\:flex-column {\n flex-direction: column !important;\n }\n .xl\\:flex-column-reverse {\n flex-direction: column-reverse !important;\n }\n }\n .flex-wrap {\n flex-wrap: wrap !important;\n }\n \n .flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n \n .flex-nowrap {\n flex-wrap: nowrap !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .sm\\:flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .sm\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .md\\:flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .md\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .lg\\:flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .lg\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .xl\\:flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .xl\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n }\n .justify-content-start {\n justify-content: flex-start !important;\n }\n \n .justify-content-end {\n justify-content: flex-end !important;\n }\n \n .justify-content-center {\n justify-content: center !important;\n }\n \n .justify-content-between {\n justify-content: space-between !important;\n }\n \n .justify-content-around {\n justify-content: space-around !important;\n }\n \n .justify-content-evenly {\n justify-content: space-evenly !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:justify-content-start {\n justify-content: flex-start !important;\n }\n .sm\\:justify-content-end {\n justify-content: flex-end !important;\n }\n .sm\\:justify-content-center {\n justify-content: center !important;\n }\n .sm\\:justify-content-between {\n justify-content: space-between !important;\n }\n .sm\\:justify-content-around {\n justify-content: space-around !important;\n }\n .sm\\:justify-content-evenly {\n justify-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:justify-content-start {\n justify-content: flex-start !important;\n }\n .md\\:justify-content-end {\n justify-content: flex-end !important;\n }\n .md\\:justify-content-center {\n justify-content: center !important;\n }\n .md\\:justify-content-between {\n justify-content: space-between !important;\n }\n .md\\:justify-content-around {\n justify-content: space-around !important;\n }\n .md\\:justify-content-evenly {\n justify-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:justify-content-start {\n justify-content: flex-start !important;\n }\n .lg\\:justify-content-end {\n justify-content: flex-end !important;\n }\n .lg\\:justify-content-center {\n justify-content: center !important;\n }\n .lg\\:justify-content-between {\n justify-content: space-between !important;\n }\n .lg\\:justify-content-around {\n justify-content: space-around !important;\n }\n .lg\\:justify-content-evenly {\n justify-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:justify-content-start {\n justify-content: flex-start !important;\n }\n .xl\\:justify-content-end {\n justify-content: flex-end !important;\n }\n .xl\\:justify-content-center {\n justify-content: center !important;\n }\n .xl\\:justify-content-between {\n justify-content: space-between !important;\n }\n .xl\\:justify-content-around {\n justify-content: space-around !important;\n }\n .xl\\:justify-content-evenly {\n justify-content: space-evenly !important;\n }\n }\n .align-content-start {\n align-content: flex-start !important;\n }\n \n .align-content-end {\n align-content: flex-end !important;\n }\n \n .align-content-center {\n align-content: center !important;\n }\n \n .align-content-between {\n align-content: space-between !important;\n }\n \n .align-content-around {\n align-content: space-around !important;\n }\n \n .align-content-evenly {\n align-content: space-evenly !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:align-content-start {\n align-content: flex-start !important;\n }\n .sm\\:align-content-end {\n align-content: flex-end !important;\n }\n .sm\\:align-content-center {\n align-content: center !important;\n }\n .sm\\:align-content-between {\n align-content: space-between !important;\n }\n .sm\\:align-content-around {\n align-content: space-around !important;\n }\n .sm\\:align-content-evenly {\n align-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:align-content-start {\n align-content: flex-start !important;\n }\n .md\\:align-content-end {\n align-content: flex-end !important;\n }\n .md\\:align-content-center {\n align-content: center !important;\n }\n .md\\:align-content-between {\n align-content: space-between !important;\n }\n .md\\:align-content-around {\n align-content: space-around !important;\n }\n .md\\:align-content-evenly {\n align-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:align-content-start {\n align-content: flex-start !important;\n }\n .lg\\:align-content-end {\n align-content: flex-end !important;\n }\n .lg\\:align-content-center {\n align-content: center !important;\n }\n .lg\\:align-content-between {\n align-content: space-between !important;\n }\n .lg\\:align-content-around {\n align-content: space-around !important;\n }\n .lg\\:align-content-evenly {\n align-content: space-evenly !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:align-content-start {\n align-content: flex-start !important;\n }\n .xl\\:align-content-end {\n align-content: flex-end !important;\n }\n .xl\\:align-content-center {\n align-content: center !important;\n }\n .xl\\:align-content-between {\n align-content: space-between !important;\n }\n .xl\\:align-content-around {\n align-content: space-around !important;\n }\n .xl\\:align-content-evenly {\n align-content: space-evenly !important;\n }\n }\n .align-items-stretch {\n align-items: stretch !important;\n }\n \n .align-items-start {\n align-items: flex-start !important;\n }\n \n .align-items-center {\n align-items: center !important;\n }\n \n .align-items-end {\n align-items: flex-end !important;\n }\n \n .align-items-baseline {\n align-items: baseline !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:align-items-stretch {\n align-items: stretch !important;\n }\n .sm\\:align-items-start {\n align-items: flex-start !important;\n }\n .sm\\:align-items-center {\n align-items: center !important;\n }\n .sm\\:align-items-end {\n align-items: flex-end !important;\n }\n .sm\\:align-items-baseline {\n align-items: baseline !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:align-items-stretch {\n align-items: stretch !important;\n }\n .md\\:align-items-start {\n align-items: flex-start !important;\n }\n .md\\:align-items-center {\n align-items: center !important;\n }\n .md\\:align-items-end {\n align-items: flex-end !important;\n }\n .md\\:align-items-baseline {\n align-items: baseline !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:align-items-stretch {\n align-items: stretch !important;\n }\n .lg\\:align-items-start {\n align-items: flex-start !important;\n }\n .lg\\:align-items-center {\n align-items: center !important;\n }\n .lg\\:align-items-end {\n align-items: flex-end !important;\n }\n .lg\\:align-items-baseline {\n align-items: baseline !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:align-items-stretch {\n align-items: stretch !important;\n }\n .xl\\:align-items-start {\n align-items: flex-start !important;\n }\n .xl\\:align-items-center {\n align-items: center !important;\n }\n .xl\\:align-items-end {\n align-items: flex-end !important;\n }\n .xl\\:align-items-baseline {\n align-items: baseline !important;\n }\n }\n .align-self-auto {\n align-self: auto !important;\n }\n \n .align-self-start {\n align-self: flex-start !important;\n }\n \n .align-self-end {\n align-self: flex-end !important;\n }\n \n .align-self-center {\n align-self: center !important;\n }\n \n .align-self-stretch {\n align-self: stretch !important;\n }\n \n .align-self-baseline {\n align-self: baseline !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:align-self-auto {\n align-self: auto !important;\n }\n .sm\\:align-self-start {\n align-self: flex-start !important;\n }\n .sm\\:align-self-end {\n align-self: flex-end !important;\n }\n .sm\\:align-self-center {\n align-self: center !important;\n }\n .sm\\:align-self-stretch {\n align-self: stretch !important;\n }\n .sm\\:align-self-baseline {\n align-self: baseline !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:align-self-auto {\n align-self: auto !important;\n }\n .md\\:align-self-start {\n align-self: flex-start !important;\n }\n .md\\:align-self-end {\n align-self: flex-end !important;\n }\n .md\\:align-self-center {\n align-self: center !important;\n }\n .md\\:align-self-stretch {\n align-self: stretch !important;\n }\n .md\\:align-self-baseline {\n align-self: baseline !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:align-self-auto {\n align-self: auto !important;\n }\n .lg\\:align-self-start {\n align-self: flex-start !important;\n }\n .lg\\:align-self-end {\n align-self: flex-end !important;\n }\n .lg\\:align-self-center {\n align-self: center !important;\n }\n .lg\\:align-self-stretch {\n align-self: stretch !important;\n }\n .lg\\:align-self-baseline {\n align-self: baseline !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:align-self-auto {\n align-self: auto !important;\n }\n .xl\\:align-self-start {\n align-self: flex-start !important;\n }\n .xl\\:align-self-end {\n align-self: flex-end !important;\n }\n .xl\\:align-self-center {\n align-self: center !important;\n }\n .xl\\:align-self-stretch {\n align-self: stretch !important;\n }\n .xl\\:align-self-baseline {\n align-self: baseline !important;\n }\n }\n .flex-order-0 {\n order: 0 !important;\n }\n \n .flex-order-1 {\n order: 1 !important;\n }\n \n .flex-order-2 {\n order: 2 !important;\n }\n \n .flex-order-3 {\n order: 3 !important;\n }\n \n .flex-order-4 {\n order: 4 !important;\n }\n \n .flex-order-5 {\n order: 5 !important;\n }\n \n .flex-order-6 {\n order: 6 !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-order-0 {\n order: 0 !important;\n }\n .sm\\:flex-order-1 {\n order: 1 !important;\n }\n .sm\\:flex-order-2 {\n order: 2 !important;\n }\n .sm\\:flex-order-3 {\n order: 3 !important;\n }\n .sm\\:flex-order-4 {\n order: 4 !important;\n }\n .sm\\:flex-order-5 {\n order: 5 !important;\n }\n .sm\\:flex-order-6 {\n order: 6 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-order-0 {\n order: 0 !important;\n }\n .md\\:flex-order-1 {\n order: 1 !important;\n }\n .md\\:flex-order-2 {\n order: 2 !important;\n }\n .md\\:flex-order-3 {\n order: 3 !important;\n }\n .md\\:flex-order-4 {\n order: 4 !important;\n }\n .md\\:flex-order-5 {\n order: 5 !important;\n }\n .md\\:flex-order-6 {\n order: 6 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-order-0 {\n order: 0 !important;\n }\n .lg\\:flex-order-1 {\n order: 1 !important;\n }\n .lg\\:flex-order-2 {\n order: 2 !important;\n }\n .lg\\:flex-order-3 {\n order: 3 !important;\n }\n .lg\\:flex-order-4 {\n order: 4 !important;\n }\n .lg\\:flex-order-5 {\n order: 5 !important;\n }\n .lg\\:flex-order-6 {\n order: 6 !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-order-0 {\n order: 0 !important;\n }\n .xl\\:flex-order-1 {\n order: 1 !important;\n }\n .xl\\:flex-order-2 {\n order: 2 !important;\n }\n .xl\\:flex-order-3 {\n order: 3 !important;\n }\n .xl\\:flex-order-4 {\n order: 4 !important;\n }\n .xl\\:flex-order-5 {\n order: 5 !important;\n }\n .xl\\:flex-order-6 {\n order: 6 !important;\n }\n }\n .flex-1 {\n flex: 1 1 0% !important;\n }\n \n .flex-auto {\n flex: 1 1 auto !important;\n }\n \n .flex-initial {\n flex: 0 1 auto !important;\n }\n \n .flex-none {\n flex: none !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-1 {\n flex: 1 1 0% !important;\n }\n .sm\\:flex-auto {\n flex: 1 1 auto !important;\n }\n .sm\\:flex-initial {\n flex: 0 1 auto !important;\n }\n .sm\\:flex-none {\n flex: none !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-1 {\n flex: 1 1 0% !important;\n }\n .md\\:flex-auto {\n flex: 1 1 auto !important;\n }\n .md\\:flex-initial {\n flex: 0 1 auto !important;\n }\n .md\\:flex-none {\n flex: none !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-1 {\n flex: 1 1 0% !important;\n }\n .lg\\:flex-auto {\n flex: 1 1 auto !important;\n }\n .lg\\:flex-initial {\n flex: 0 1 auto !important;\n }\n .lg\\:flex-none {\n flex: none !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-1 {\n flex: 1 1 0% !important;\n }\n .xl\\:flex-auto {\n flex: 1 1 auto !important;\n }\n .xl\\:flex-initial {\n flex: 0 1 auto !important;\n }\n .xl\\:flex-none {\n flex: none !important;\n }\n }\n .flex-grow-0 {\n flex-grow: 0 !important;\n }\n \n .flex-grow-1 {\n flex-grow: 1 !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-grow-0 {\n flex-grow: 0 !important;\n }\n .sm\\:flex-grow-1 {\n flex-grow: 1 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-grow-0 {\n flex-grow: 0 !important;\n }\n .md\\:flex-grow-1 {\n flex-grow: 1 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-grow-0 {\n flex-grow: 0 !important;\n }\n .lg\\:flex-grow-1 {\n flex-grow: 1 !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-grow-0 {\n flex-grow: 0 !important;\n }\n .xl\\:flex-grow-1 {\n flex-grow: 1 !important;\n }\n }\n .flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n \n .flex-shrink-1 {\n flex-shrink: 1 !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .sm\\:flex-shrink-1 {\n flex-shrink: 1 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .md\\:flex-shrink-1 {\n flex-shrink: 1 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .lg\\:flex-shrink-1 {\n flex-shrink: 1 !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .xl\\:flex-shrink-1 {\n flex-shrink: 1 !important;\n }\n }\n .gap-0 {\n gap: 0rem !important;\n }\n \n .gap-1 {\n gap: 0.25rem !important;\n }\n \n .gap-2 {\n gap: 0.5rem !important;\n }\n \n .gap-3 {\n gap: 1rem !important;\n }\n \n .gap-4 {\n gap: 1.5rem !important;\n }\n \n .gap-5 {\n gap: 2rem !important;\n }\n \n .gap-6 {\n gap: 3rem !important;\n }\n \n .gap-7 {\n gap: 4rem !important;\n }\n \n .gap-8 {\n gap: 5rem !important;\n }\n \n .row-gap-0 {\n row-gap: 0rem !important;\n }\n \n .row-gap-1 {\n row-gap: 0.25rem !important;\n }\n \n .row-gap-2 {\n row-gap: 0.5rem !important;\n }\n \n .row-gap-3 {\n row-gap: 1rem !important;\n }\n \n .row-gap-4 {\n row-gap: 1.5rem !important;\n }\n \n .row-gap-5 {\n row-gap: 2rem !important;\n }\n \n .row-gap-6 {\n row-gap: 3rem !important;\n }\n \n .row-gap-7 {\n row-gap: 4rem !important;\n }\n \n .row-gap-8 {\n row-gap: 5rem !important;\n }\n \n .column-gap-0 {\n column-gap: 0rem !important;\n }\n \n .column-gap-1 {\n column-gap: 0.25rem !important;\n }\n \n .column-gap-2 {\n column-gap: 0.5rem !important;\n }\n \n .column-gap-3 {\n column-gap: 1rem !important;\n }\n \n .column-gap-4 {\n column-gap: 1.5rem !important;\n }\n \n .column-gap-5 {\n column-gap: 2rem !important;\n }\n \n .column-gap-6 {\n column-gap: 3rem !important;\n }\n \n .column-gap-7 {\n column-gap: 4rem !important;\n }\n \n .column-gap-8 {\n column-gap: 5rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:gap-0 {\n gap: 0rem !important;\n }\n \n .sm\\:gap-1 {\n gap: 0.25rem !important;\n }\n \n .sm\\:gap-2 {\n gap: 0.5rem !important;\n }\n \n .sm\\:gap-3 {\n gap: 1rem !important;\n }\n \n .sm\\:gap-4 {\n gap: 1.5rem !important;\n }\n \n .sm\\:gap-5 {\n gap: 2rem !important;\n }\n \n .sm\\:gap-6 {\n gap: 3rem !important;\n }\n \n .sm\\:gap-7 {\n gap: 4rem !important;\n }\n \n .sm\\:gap-8 {\n gap: 5rem !important;\n }\n \n .sm\\:row-gap-0 {\n row-gap: 0rem !important;\n }\n \n .sm\\:row-gap-1 {\n row-gap: 0.25rem !important;\n }\n \n .sm\\:row-gap-2 {\n row-gap: 0.5rem !important;\n }\n \n .sm\\:row-gap-3 {\n row-gap: 1rem !important;\n }\n \n .sm\\:row-gap-4 {\n row-gap: 1.5rem !important;\n }\n \n .sm\\:row-gap-5 {\n row-gap: 2rem !important;\n }\n \n .sm\\:row-gap-6 {\n row-gap: 3rem !important;\n }\n \n .sm\\:row-gap-7 {\n row-gap: 4rem !important;\n }\n \n .sm\\:row-gap-8 {\n row-gap: 5rem !important;\n }\n \n .sm\\:column-gap-0 {\n column-gap: 0rem !important;\n }\n \n .sm\\:column-gap-1 {\n column-gap: 0.25rem !important;\n }\n \n .sm\\:column-gap-2 {\n column-gap: 0.5rem !important;\n }\n \n .sm\\:column-gap-3 {\n column-gap: 1rem !important;\n }\n \n .sm\\:column-gap-4 {\n column-gap: 1.5rem !important;\n }\n \n .sm\\:column-gap-5 {\n column-gap: 2rem !important;\n }\n \n .sm\\:column-gap-6 {\n column-gap: 3rem !important;\n }\n \n .sm\\:column-gap-7 {\n column-gap: 4rem !important;\n }\n \n .sm\\:column-gap-8 {\n column-gap: 5rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:gap-0 {\n gap: 0rem !important;\n }\n \n .md\\:gap-1 {\n gap: 0.25rem !important;\n }\n \n .md\\:gap-2 {\n gap: 0.5rem !important;\n }\n \n .md\\:gap-3 {\n gap: 1rem !important;\n }\n \n .md\\:gap-4 {\n gap: 1.5rem !important;\n }\n \n .md\\:gap-5 {\n gap: 2rem !important;\n }\n \n .md\\:gap-6 {\n gap: 3rem !important;\n }\n \n .md\\:gap-7 {\n gap: 4rem !important;\n }\n \n .md\\:gap-8 {\n gap: 5rem !important;\n }\n \n .md\\:row-gap-0 {\n row-gap: 0rem !important;\n }\n \n .md\\:row-gap-1 {\n row-gap: 0.25rem !important;\n }\n \n .md\\:row-gap-2 {\n row-gap: 0.5rem !important;\n }\n \n .md\\:row-gap-3 {\n row-gap: 1rem !important;\n }\n \n .md\\:row-gap-4 {\n row-gap: 1.5rem !important;\n }\n \n .md\\:row-gap-5 {\n row-gap: 2rem !important;\n }\n \n .md\\:row-gap-6 {\n row-gap: 3rem !important;\n }\n \n .md\\:row-gap-7 {\n row-gap: 4rem !important;\n }\n \n .md\\:row-gap-8 {\n row-gap: 5rem !important;\n }\n \n .md\\:column-gap-0 {\n column-gap: 0rem !important;\n }\n \n .md\\:column-gap-1 {\n column-gap: 0.25rem !important;\n }\n \n .md\\:column-gap-2 {\n column-gap: 0.5rem !important;\n }\n \n .md\\:column-gap-3 {\n column-gap: 1rem !important;\n }\n \n .md\\:column-gap-4 {\n column-gap: 1.5rem !important;\n }\n \n .md\\:column-gap-5 {\n column-gap: 2rem !important;\n }\n \n .md\\:column-gap-6 {\n column-gap: 3rem !important;\n }\n \n .md\\:column-gap-7 {\n column-gap: 4rem !important;\n }\n \n .md\\:column-gap-8 {\n column-gap: 5rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:gap-0 {\n gap: 0rem !important;\n }\n \n .lg\\:gap-1 {\n gap: 0.25rem !important;\n }\n \n .lg\\:gap-2 {\n gap: 0.5rem !important;\n }\n \n .lg\\:gap-3 {\n gap: 1rem !important;\n }\n \n .lg\\:gap-4 {\n gap: 1.5rem !important;\n }\n \n .lg\\:gap-5 {\n gap: 2rem !important;\n }\n \n .lg\\:gap-6 {\n gap: 3rem !important;\n }\n \n .lg\\:gap-7 {\n gap: 4rem !important;\n }\n \n .lg\\:gap-8 {\n gap: 5rem !important;\n }\n \n .lg\\:row-gap-0 {\n row-gap: 0rem !important;\n }\n \n .lg\\:row-gap-1 {\n row-gap: 0.25rem !important;\n }\n \n .lg\\:row-gap-2 {\n row-gap: 0.5rem !important;\n }\n \n .lg\\:row-gap-3 {\n row-gap: 1rem !important;\n }\n \n .lg\\:row-gap-4 {\n row-gap: 1.5rem !important;\n }\n \n .lg\\:row-gap-5 {\n row-gap: 2rem !important;\n }\n \n .lg\\:row-gap-6 {\n row-gap: 3rem !important;\n }\n \n .lg\\:row-gap-7 {\n row-gap: 4rem !important;\n }\n \n .lg\\:row-gap-8 {\n row-gap: 5rem !important;\n }\n \n .lg\\:column-gap-0 {\n column-gap: 0rem !important;\n }\n \n .lg\\:column-gap-1 {\n column-gap: 0.25rem !important;\n }\n \n .lg\\:column-gap-2 {\n column-gap: 0.5rem !important;\n }\n \n .lg\\:column-gap-3 {\n column-gap: 1rem !important;\n }\n \n .lg\\:column-gap-4 {\n column-gap: 1.5rem !important;\n }\n \n .lg\\:column-gap-5 {\n column-gap: 2rem !important;\n }\n \n .lg\\:column-gap-6 {\n column-gap: 3rem !important;\n }\n \n .lg\\:column-gap-7 {\n column-gap: 4rem !important;\n }\n \n .lg\\:column-gap-8 {\n column-gap: 5rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:gap-0 {\n gap: 0rem !important;\n }\n \n .xl\\:gap-1 {\n gap: 0.25rem !important;\n }\n \n .xl\\:gap-2 {\n gap: 0.5rem !important;\n }\n \n .xl\\:gap-3 {\n gap: 1rem !important;\n }\n \n .xl\\:gap-4 {\n gap: 1.5rem !important;\n }\n \n .xl\\:gap-5 {\n gap: 2rem !important;\n }\n \n .xl\\:gap-6 {\n gap: 3rem !important;\n }\n \n .xl\\:gap-7 {\n gap: 4rem !important;\n }\n \n .xl\\:gap-8 {\n gap: 5rem !important;\n }\n \n .xl\\:row-gap-0 {\n row-gap: 0rem !important;\n }\n \n .xl\\:row-gap-1 {\n row-gap: 0.25rem !important;\n }\n \n .xl\\:row-gap-2 {\n row-gap: 0.5rem !important;\n }\n \n .xl\\:row-gap-3 {\n row-gap: 1rem !important;\n }\n \n .xl\\:row-gap-4 {\n row-gap: 1.5rem !important;\n }\n \n .xl\\:row-gap-5 {\n row-gap: 2rem !important;\n }\n \n .xl\\:row-gap-6 {\n row-gap: 3rem !important;\n }\n \n .xl\\:row-gap-7 {\n row-gap: 4rem !important;\n }\n \n .xl\\:row-gap-8 {\n row-gap: 5rem !important;\n }\n \n .xl\\:column-gap-0 {\n column-gap: 0rem !important;\n }\n \n .xl\\:column-gap-1 {\n column-gap: 0.25rem !important;\n }\n \n .xl\\:column-gap-2 {\n column-gap: 0.5rem !important;\n }\n \n .xl\\:column-gap-3 {\n column-gap: 1rem !important;\n }\n \n .xl\\:column-gap-4 {\n column-gap: 1.5rem !important;\n }\n \n .xl\\:column-gap-5 {\n column-gap: 2rem !important;\n }\n \n .xl\\:column-gap-6 {\n column-gap: 3rem !important;\n }\n \n .xl\\:column-gap-7 {\n column-gap: 4rem !important;\n }\n \n .xl\\:column-gap-8 {\n column-gap: 5rem !important;\n }\n }\n .p-0 {\n padding: 0rem !important;\n }\n \n .p-1 {\n padding: 0.25rem !important;\n }\n \n .p-2 {\n padding: 0.5rem !important;\n }\n \n .p-3 {\n padding: 1rem !important;\n }\n \n .p-4 {\n padding: 1.5rem !important;\n }\n \n .p-5 {\n padding: 2rem !important;\n }\n \n .p-6 {\n padding: 3rem !important;\n }\n \n .p-7 {\n padding: 4rem !important;\n }\n \n .p-8 {\n padding: 5rem !important;\n }\n \n .pt-0 {\n padding-top: 0rem !important;\n }\n \n .pt-1 {\n padding-top: 0.25rem !important;\n }\n \n .pt-2 {\n padding-top: 0.5rem !important;\n }\n \n .pt-3 {\n padding-top: 1rem !important;\n }\n \n .pt-4 {\n padding-top: 1.5rem !important;\n }\n \n .pt-5 {\n padding-top: 2rem !important;\n }\n \n .pt-6 {\n padding-top: 3rem !important;\n }\n \n .pt-7 {\n padding-top: 4rem !important;\n }\n \n .pt-8 {\n padding-top: 5rem !important;\n }\n \n .pr-0 {\n padding-right: 0rem !important;\n }\n \n .pr-1 {\n padding-right: 0.25rem !important;\n }\n \n .pr-2 {\n padding-right: 0.5rem !important;\n }\n \n .pr-3 {\n padding-right: 1rem !important;\n }\n \n .pr-4 {\n padding-right: 1.5rem !important;\n }\n \n .pr-5 {\n padding-right: 2rem !important;\n }\n \n .pr-6 {\n padding-right: 3rem !important;\n }\n \n .pr-7 {\n padding-right: 4rem !important;\n }\n \n .pr-8 {\n padding-right: 5rem !important;\n }\n \n .pl-0 {\n padding-left: 0rem !important;\n }\n \n .pl-1 {\n padding-left: 0.25rem !important;\n }\n \n .pl-2 {\n padding-left: 0.5rem !important;\n }\n \n .pl-3 {\n padding-left: 1rem !important;\n }\n \n .pl-4 {\n padding-left: 1.5rem !important;\n }\n \n .pl-5 {\n padding-left: 2rem !important;\n }\n \n .pl-6 {\n padding-left: 3rem !important;\n }\n \n .pl-7 {\n padding-left: 4rem !important;\n }\n \n .pl-8 {\n padding-left: 5rem !important;\n }\n \n .pb-0 {\n padding-bottom: 0rem !important;\n }\n \n .pb-1 {\n padding-bottom: 0.25rem !important;\n }\n \n .pb-2 {\n padding-bottom: 0.5rem !important;\n }\n \n .pb-3 {\n padding-bottom: 1rem !important;\n }\n \n .pb-4 {\n padding-bottom: 1.5rem !important;\n }\n \n .pb-5 {\n padding-bottom: 2rem !important;\n }\n \n .pb-6 {\n padding-bottom: 3rem !important;\n }\n \n .pb-7 {\n padding-bottom: 4rem !important;\n }\n \n .pb-8 {\n padding-bottom: 5rem !important;\n }\n \n .px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n }\n \n .px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n }\n \n .px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n }\n \n .px-3 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n \n .px-4 {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n }\n \n .px-5 {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n }\n \n .px-6 {\n padding-left: 3rem !important;\n padding-right: 3rem !important;\n }\n \n .px-7 {\n padding-left: 4rem !important;\n padding-right: 4rem !important;\n }\n \n .px-8 {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n }\n \n .py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n }\n \n .py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n }\n \n .py-2 {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n }\n \n .py-3 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n }\n \n .py-4 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n \n .py-5 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n \n .py-6 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n \n .py-7 {\n padding-top: 4rem !important;\n padding-bottom: 4rem !important;\n }\n \n .py-8 {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:p-0 {\n padding: 0rem !important;\n }\n \n .sm\\:p-1 {\n padding: 0.25rem !important;\n }\n \n .sm\\:p-2 {\n padding: 0.5rem !important;\n }\n \n .sm\\:p-3 {\n padding: 1rem !important;\n }\n \n .sm\\:p-4 {\n padding: 1.5rem !important;\n }\n \n .sm\\:p-5 {\n padding: 2rem !important;\n }\n \n .sm\\:p-6 {\n padding: 3rem !important;\n }\n \n .sm\\:p-7 {\n padding: 4rem !important;\n }\n \n .sm\\:p-8 {\n padding: 5rem !important;\n }\n \n .sm\\:pt-0 {\n padding-top: 0rem !important;\n }\n \n .sm\\:pt-1 {\n padding-top: 0.25rem !important;\n }\n \n .sm\\:pt-2 {\n padding-top: 0.5rem !important;\n }\n \n .sm\\:pt-3 {\n padding-top: 1rem !important;\n }\n \n .sm\\:pt-4 {\n padding-top: 1.5rem !important;\n }\n \n .sm\\:pt-5 {\n padding-top: 2rem !important;\n }\n \n .sm\\:pt-6 {\n padding-top: 3rem !important;\n }\n \n .sm\\:pt-7 {\n padding-top: 4rem !important;\n }\n \n .sm\\:pt-8 {\n padding-top: 5rem !important;\n }\n \n .sm\\:pr-0 {\n padding-right: 0rem !important;\n }\n \n .sm\\:pr-1 {\n padding-right: 0.25rem !important;\n }\n \n .sm\\:pr-2 {\n padding-right: 0.5rem !important;\n }\n \n .sm\\:pr-3 {\n padding-right: 1rem !important;\n }\n \n .sm\\:pr-4 {\n padding-right: 1.5rem !important;\n }\n \n .sm\\:pr-5 {\n padding-right: 2rem !important;\n }\n \n .sm\\:pr-6 {\n padding-right: 3rem !important;\n }\n \n .sm\\:pr-7 {\n padding-right: 4rem !important;\n }\n \n .sm\\:pr-8 {\n padding-right: 5rem !important;\n }\n \n .sm\\:pl-0 {\n padding-left: 0rem !important;\n }\n \n .sm\\:pl-1 {\n padding-left: 0.25rem !important;\n }\n \n .sm\\:pl-2 {\n padding-left: 0.5rem !important;\n }\n \n .sm\\:pl-3 {\n padding-left: 1rem !important;\n }\n \n .sm\\:pl-4 {\n padding-left: 1.5rem !important;\n }\n \n .sm\\:pl-5 {\n padding-left: 2rem !important;\n }\n \n .sm\\:pl-6 {\n padding-left: 3rem !important;\n }\n \n .sm\\:pl-7 {\n padding-left: 4rem !important;\n }\n \n .sm\\:pl-8 {\n padding-left: 5rem !important;\n }\n \n .sm\\:pb-0 {\n padding-bottom: 0rem !important;\n }\n \n .sm\\:pb-1 {\n padding-bottom: 0.25rem !important;\n }\n \n .sm\\:pb-2 {\n padding-bottom: 0.5rem !important;\n }\n \n .sm\\:pb-3 {\n padding-bottom: 1rem !important;\n }\n \n .sm\\:pb-4 {\n padding-bottom: 1.5rem !important;\n }\n \n .sm\\:pb-5 {\n padding-bottom: 2rem !important;\n }\n \n .sm\\:pb-6 {\n padding-bottom: 3rem !important;\n }\n \n .sm\\:pb-7 {\n padding-bottom: 4rem !important;\n }\n \n .sm\\:pb-8 {\n padding-bottom: 5rem !important;\n }\n \n .sm\\:px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n }\n \n .sm\\:px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n }\n \n .sm\\:px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n }\n \n .sm\\:px-3 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n \n .sm\\:px-4 {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n }\n \n .sm\\:px-5 {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n }\n \n .sm\\:px-6 {\n padding-left: 3rem !important;\n padding-right: 3rem !important;\n }\n \n .sm\\:px-7 {\n padding-left: 4rem !important;\n padding-right: 4rem !important;\n }\n \n .sm\\:px-8 {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n }\n \n .sm\\:py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n }\n \n .sm\\:py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n }\n \n .sm\\:py-2 {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n }\n \n .sm\\:py-3 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n }\n \n .sm\\:py-4 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n \n .sm\\:py-5 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n \n .sm\\:py-6 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n \n .sm\\:py-7 {\n padding-top: 4rem !important;\n padding-bottom: 4rem !important;\n }\n \n .sm\\:py-8 {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:p-0 {\n padding: 0rem !important;\n }\n \n .md\\:p-1 {\n padding: 0.25rem !important;\n }\n \n .md\\:p-2 {\n padding: 0.5rem !important;\n }\n \n .md\\:p-3 {\n padding: 1rem !important;\n }\n \n .md\\:p-4 {\n padding: 1.5rem !important;\n }\n \n .md\\:p-5 {\n padding: 2rem !important;\n }\n \n .md\\:p-6 {\n padding: 3rem !important;\n }\n \n .md\\:p-7 {\n padding: 4rem !important;\n }\n \n .md\\:p-8 {\n padding: 5rem !important;\n }\n \n .md\\:pt-0 {\n padding-top: 0rem !important;\n }\n \n .md\\:pt-1 {\n padding-top: 0.25rem !important;\n }\n \n .md\\:pt-2 {\n padding-top: 0.5rem !important;\n }\n \n .md\\:pt-3 {\n padding-top: 1rem !important;\n }\n \n .md\\:pt-4 {\n padding-top: 1.5rem !important;\n }\n \n .md\\:pt-5 {\n padding-top: 2rem !important;\n }\n \n .md\\:pt-6 {\n padding-top: 3rem !important;\n }\n \n .md\\:pt-7 {\n padding-top: 4rem !important;\n }\n \n .md\\:pt-8 {\n padding-top: 5rem !important;\n }\n \n .md\\:pr-0 {\n padding-right: 0rem !important;\n }\n \n .md\\:pr-1 {\n padding-right: 0.25rem !important;\n }\n \n .md\\:pr-2 {\n padding-right: 0.5rem !important;\n }\n \n .md\\:pr-3 {\n padding-right: 1rem !important;\n }\n \n .md\\:pr-4 {\n padding-right: 1.5rem !important;\n }\n \n .md\\:pr-5 {\n padding-right: 2rem !important;\n }\n \n .md\\:pr-6 {\n padding-right: 3rem !important;\n }\n \n .md\\:pr-7 {\n padding-right: 4rem !important;\n }\n \n .md\\:pr-8 {\n padding-right: 5rem !important;\n }\n \n .md\\:pl-0 {\n padding-left: 0rem !important;\n }\n \n .md\\:pl-1 {\n padding-left: 0.25rem !important;\n }\n \n .md\\:pl-2 {\n padding-left: 0.5rem !important;\n }\n \n .md\\:pl-3 {\n padding-left: 1rem !important;\n }\n \n .md\\:pl-4 {\n padding-left: 1.5rem !important;\n }\n \n .md\\:pl-5 {\n padding-left: 2rem !important;\n }\n \n .md\\:pl-6 {\n padding-left: 3rem !important;\n }\n \n .md\\:pl-7 {\n padding-left: 4rem !important;\n }\n \n .md\\:pl-8 {\n padding-left: 5rem !important;\n }\n \n .md\\:pb-0 {\n padding-bottom: 0rem !important;\n }\n \n .md\\:pb-1 {\n padding-bottom: 0.25rem !important;\n }\n \n .md\\:pb-2 {\n padding-bottom: 0.5rem !important;\n }\n \n .md\\:pb-3 {\n padding-bottom: 1rem !important;\n }\n \n .md\\:pb-4 {\n padding-bottom: 1.5rem !important;\n }\n \n .md\\:pb-5 {\n padding-bottom: 2rem !important;\n }\n \n .md\\:pb-6 {\n padding-bottom: 3rem !important;\n }\n \n .md\\:pb-7 {\n padding-bottom: 4rem !important;\n }\n \n .md\\:pb-8 {\n padding-bottom: 5rem !important;\n }\n \n .md\\:px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n }\n \n .md\\:px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n }\n \n .md\\:px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n }\n \n .md\\:px-3 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n \n .md\\:px-4 {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n }\n \n .md\\:px-5 {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n }\n \n .md\\:px-6 {\n padding-left: 3rem !important;\n padding-right: 3rem !important;\n }\n \n .md\\:px-7 {\n padding-left: 4rem !important;\n padding-right: 4rem !important;\n }\n \n .md\\:px-8 {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n }\n \n .md\\:py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n }\n \n .md\\:py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n }\n \n .md\\:py-2 {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n }\n \n .md\\:py-3 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n }\n \n .md\\:py-4 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n \n .md\\:py-5 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n \n .md\\:py-6 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n \n .md\\:py-7 {\n padding-top: 4rem !important;\n padding-bottom: 4rem !important;\n }\n \n .md\\:py-8 {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:p-0 {\n padding: 0rem !important;\n }\n \n .lg\\:p-1 {\n padding: 0.25rem !important;\n }\n \n .lg\\:p-2 {\n padding: 0.5rem !important;\n }\n \n .lg\\:p-3 {\n padding: 1rem !important;\n }\n \n .lg\\:p-4 {\n padding: 1.5rem !important;\n }\n \n .lg\\:p-5 {\n padding: 2rem !important;\n }\n \n .lg\\:p-6 {\n padding: 3rem !important;\n }\n \n .lg\\:p-7 {\n padding: 4rem !important;\n }\n \n .lg\\:p-8 {\n padding: 5rem !important;\n }\n \n .lg\\:pt-0 {\n padding-top: 0rem !important;\n }\n \n .lg\\:pt-1 {\n padding-top: 0.25rem !important;\n }\n \n .lg\\:pt-2 {\n padding-top: 0.5rem !important;\n }\n \n .lg\\:pt-3 {\n padding-top: 1rem !important;\n }\n \n .lg\\:pt-4 {\n padding-top: 1.5rem !important;\n }\n \n .lg\\:pt-5 {\n padding-top: 2rem !important;\n }\n \n .lg\\:pt-6 {\n padding-top: 3rem !important;\n }\n \n .lg\\:pt-7 {\n padding-top: 4rem !important;\n }\n \n .lg\\:pt-8 {\n padding-top: 5rem !important;\n }\n \n .lg\\:pr-0 {\n padding-right: 0rem !important;\n }\n \n .lg\\:pr-1 {\n padding-right: 0.25rem !important;\n }\n \n .lg\\:pr-2 {\n padding-right: 0.5rem !important;\n }\n \n .lg\\:pr-3 {\n padding-right: 1rem !important;\n }\n \n .lg\\:pr-4 {\n padding-right: 1.5rem !important;\n }\n \n .lg\\:pr-5 {\n padding-right: 2rem !important;\n }\n \n .lg\\:pr-6 {\n padding-right: 3rem !important;\n }\n \n .lg\\:pr-7 {\n padding-right: 4rem !important;\n }\n \n .lg\\:pr-8 {\n padding-right: 5rem !important;\n }\n \n .lg\\:pl-0 {\n padding-left: 0rem !important;\n }\n \n .lg\\:pl-1 {\n padding-left: 0.25rem !important;\n }\n \n .lg\\:pl-2 {\n padding-left: 0.5rem !important;\n }\n \n .lg\\:pl-3 {\n padding-left: 1rem !important;\n }\n \n .lg\\:pl-4 {\n padding-left: 1.5rem !important;\n }\n \n .lg\\:pl-5 {\n padding-left: 2rem !important;\n }\n \n .lg\\:pl-6 {\n padding-left: 3rem !important;\n }\n \n .lg\\:pl-7 {\n padding-left: 4rem !important;\n }\n \n .lg\\:pl-8 {\n padding-left: 5rem !important;\n }\n \n .lg\\:pb-0 {\n padding-bottom: 0rem !important;\n }\n \n .lg\\:pb-1 {\n padding-bottom: 0.25rem !important;\n }\n \n .lg\\:pb-2 {\n padding-bottom: 0.5rem !important;\n }\n \n .lg\\:pb-3 {\n padding-bottom: 1rem !important;\n }\n \n .lg\\:pb-4 {\n padding-bottom: 1.5rem !important;\n }\n \n .lg\\:pb-5 {\n padding-bottom: 2rem !important;\n }\n \n .lg\\:pb-6 {\n padding-bottom: 3rem !important;\n }\n \n .lg\\:pb-7 {\n padding-bottom: 4rem !important;\n }\n \n .lg\\:pb-8 {\n padding-bottom: 5rem !important;\n }\n \n .lg\\:px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n }\n \n .lg\\:px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n }\n \n .lg\\:px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n }\n \n .lg\\:px-3 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n \n .lg\\:px-4 {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n }\n \n .lg\\:px-5 {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n }\n \n .lg\\:px-6 {\n padding-left: 3rem !important;\n padding-right: 3rem !important;\n }\n \n .lg\\:px-7 {\n padding-left: 4rem !important;\n padding-right: 4rem !important;\n }\n \n .lg\\:px-8 {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n }\n \n .lg\\:py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n }\n \n .lg\\:py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n }\n \n .lg\\:py-2 {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n }\n \n .lg\\:py-3 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n }\n \n .lg\\:py-4 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n \n .lg\\:py-5 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n \n .lg\\:py-6 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n \n .lg\\:py-7 {\n padding-top: 4rem !important;\n padding-bottom: 4rem !important;\n }\n \n .lg\\:py-8 {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:p-0 {\n padding: 0rem !important;\n }\n \n .xl\\:p-1 {\n padding: 0.25rem !important;\n }\n \n .xl\\:p-2 {\n padding: 0.5rem !important;\n }\n \n .xl\\:p-3 {\n padding: 1rem !important;\n }\n \n .xl\\:p-4 {\n padding: 1.5rem !important;\n }\n \n .xl\\:p-5 {\n padding: 2rem !important;\n }\n \n .xl\\:p-6 {\n padding: 3rem !important;\n }\n \n .xl\\:p-7 {\n padding: 4rem !important;\n }\n \n .xl\\:p-8 {\n padding: 5rem !important;\n }\n \n .xl\\:pt-0 {\n padding-top: 0rem !important;\n }\n \n .xl\\:pt-1 {\n padding-top: 0.25rem !important;\n }\n \n .xl\\:pt-2 {\n padding-top: 0.5rem !important;\n }\n \n .xl\\:pt-3 {\n padding-top: 1rem !important;\n }\n \n .xl\\:pt-4 {\n padding-top: 1.5rem !important;\n }\n \n .xl\\:pt-5 {\n padding-top: 2rem !important;\n }\n \n .xl\\:pt-6 {\n padding-top: 3rem !important;\n }\n \n .xl\\:pt-7 {\n padding-top: 4rem !important;\n }\n \n .xl\\:pt-8 {\n padding-top: 5rem !important;\n }\n \n .xl\\:pr-0 {\n padding-right: 0rem !important;\n }\n \n .xl\\:pr-1 {\n padding-right: 0.25rem !important;\n }\n \n .xl\\:pr-2 {\n padding-right: 0.5rem !important;\n }\n \n .xl\\:pr-3 {\n padding-right: 1rem !important;\n }\n \n .xl\\:pr-4 {\n padding-right: 1.5rem !important;\n }\n \n .xl\\:pr-5 {\n padding-right: 2rem !important;\n }\n \n .xl\\:pr-6 {\n padding-right: 3rem !important;\n }\n \n .xl\\:pr-7 {\n padding-right: 4rem !important;\n }\n \n .xl\\:pr-8 {\n padding-right: 5rem !important;\n }\n \n .xl\\:pl-0 {\n padding-left: 0rem !important;\n }\n \n .xl\\:pl-1 {\n padding-left: 0.25rem !important;\n }\n \n .xl\\:pl-2 {\n padding-left: 0.5rem !important;\n }\n \n .xl\\:pl-3 {\n padding-left: 1rem !important;\n }\n \n .xl\\:pl-4 {\n padding-left: 1.5rem !important;\n }\n \n .xl\\:pl-5 {\n padding-left: 2rem !important;\n }\n \n .xl\\:pl-6 {\n padding-left: 3rem !important;\n }\n \n .xl\\:pl-7 {\n padding-left: 4rem !important;\n }\n \n .xl\\:pl-8 {\n padding-left: 5rem !important;\n }\n \n .xl\\:pb-0 {\n padding-bottom: 0rem !important;\n }\n \n .xl\\:pb-1 {\n padding-bottom: 0.25rem !important;\n }\n \n .xl\\:pb-2 {\n padding-bottom: 0.5rem !important;\n }\n \n .xl\\:pb-3 {\n padding-bottom: 1rem !important;\n }\n \n .xl\\:pb-4 {\n padding-bottom: 1.5rem !important;\n }\n \n .xl\\:pb-5 {\n padding-bottom: 2rem !important;\n }\n \n .xl\\:pb-6 {\n padding-bottom: 3rem !important;\n }\n \n .xl\\:pb-7 {\n padding-bottom: 4rem !important;\n }\n \n .xl\\:pb-8 {\n padding-bottom: 5rem !important;\n }\n \n .xl\\:px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n }\n \n .xl\\:px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n }\n \n .xl\\:px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n }\n \n .xl\\:px-3 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n \n .xl\\:px-4 {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n }\n \n .xl\\:px-5 {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n }\n \n .xl\\:px-6 {\n padding-left: 3rem !important;\n padding-right: 3rem !important;\n }\n \n .xl\\:px-7 {\n padding-left: 4rem !important;\n padding-right: 4rem !important;\n }\n \n .xl\\:px-8 {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n }\n \n .xl\\:py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n }\n \n .xl\\:py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n }\n \n .xl\\:py-2 {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n }\n \n .xl\\:py-3 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n }\n \n .xl\\:py-4 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n \n .xl\\:py-5 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n \n .xl\\:py-6 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important;\n }\n \n .xl\\:py-7 {\n padding-top: 4rem !important;\n padding-bottom: 4rem !important;\n }\n \n .xl\\:py-8 {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n }\n }\n .m-0 {\n margin: 0rem !important;\n }\n \n .m-1 {\n margin: 0.25rem !important;\n }\n \n .m-2 {\n margin: 0.5rem !important;\n }\n \n .m-3 {\n margin: 1rem !important;\n }\n \n .m-4 {\n margin: 1.5rem !important;\n }\n \n .m-5 {\n margin: 2rem !important;\n }\n \n .m-6 {\n margin: 3rem !important;\n }\n \n .m-7 {\n margin: 4rem !important;\n }\n \n .m-8 {\n margin: 5rem !important;\n }\n \n .-m-1 {\n margin: -0.25rem !important;\n }\n \n .-m-2 {\n margin: -0.5rem !important;\n }\n \n .-m-3 {\n margin: -1rem !important;\n }\n \n .-m-4 {\n margin: -1.5rem !important;\n }\n \n .-m-5 {\n margin: -2rem !important;\n }\n \n .-m-6 {\n margin: -3rem !important;\n }\n \n .-m-7 {\n margin: -4rem !important;\n }\n \n .-m-8 {\n margin: -5rem !important;\n }\n \n .m-auto {\n margin: auto !important;\n }\n \n .mt-0 {\n margin-top: 0rem !important;\n }\n \n .mt-1 {\n margin-top: 0.25rem !important;\n }\n \n .mt-2 {\n margin-top: 0.5rem !important;\n }\n \n .mt-3 {\n margin-top: 1rem !important;\n }\n \n .mt-4 {\n margin-top: 1.5rem !important;\n }\n \n .mt-5 {\n margin-top: 2rem !important;\n }\n \n .mt-6 {\n margin-top: 3rem !important;\n }\n \n .mt-7 {\n margin-top: 4rem !important;\n }\n \n .mt-8 {\n margin-top: 5rem !important;\n }\n \n .-mt-1 {\n margin-top: -0.25rem !important;\n }\n \n .-mt-2 {\n margin-top: -0.5rem !important;\n }\n \n .-mt-3 {\n margin-top: -1rem !important;\n }\n \n .-mt-4 {\n margin-top: -1.5rem !important;\n }\n \n .-mt-5 {\n margin-top: -2rem !important;\n }\n \n .-mt-6 {\n margin-top: -3rem !important;\n }\n \n .-mt-7 {\n margin-top: -4rem !important;\n }\n \n .-mt-8 {\n margin-top: -5rem !important;\n }\n \n .mt-auto {\n margin-top: auto !important;\n }\n \n .mr-0 {\n margin-right: 0rem !important;\n }\n \n .mr-1 {\n margin-right: 0.25rem !important;\n }\n \n .mr-2 {\n margin-right: 0.5rem !important;\n }\n \n .mr-3 {\n margin-right: 1rem !important;\n }\n \n .mr-4 {\n margin-right: 1.5rem !important;\n }\n \n .mr-5 {\n margin-right: 2rem !important;\n }\n \n .mr-6 {\n margin-right: 3rem !important;\n }\n \n .mr-7 {\n margin-right: 4rem !important;\n }\n \n .mr-8 {\n margin-right: 5rem !important;\n }\n \n .-mr-1 {\n margin-right: -0.25rem !important;\n }\n \n .-mr-2 {\n margin-right: -0.5rem !important;\n }\n \n .-mr-3 {\n margin-right: -1rem !important;\n }\n \n .-mr-4 {\n margin-right: -1.5rem !important;\n }\n \n .-mr-5 {\n margin-right: -2rem !important;\n }\n \n .-mr-6 {\n margin-right: -3rem !important;\n }\n \n .-mr-7 {\n margin-right: -4rem !important;\n }\n \n .-mr-8 {\n margin-right: -5rem !important;\n }\n \n .mr-auto {\n margin-right: auto !important;\n }\n \n .ml-0 {\n margin-left: 0rem !important;\n }\n \n .ml-1 {\n margin-left: 0.25rem !important;\n }\n \n .ml-2 {\n margin-left: 0.5rem !important;\n }\n \n .ml-3 {\n margin-left: 1rem !important;\n }\n \n .ml-4 {\n margin-left: 1.5rem !important;\n }\n \n .ml-5 {\n margin-left: 2rem !important;\n }\n \n .ml-6 {\n margin-left: 3rem !important;\n }\n \n .ml-7 {\n margin-left: 4rem !important;\n }\n \n .ml-8 {\n margin-left: 5rem !important;\n }\n \n .-ml-1 {\n margin-left: -0.25rem !important;\n }\n \n .-ml-2 {\n margin-left: -0.5rem !important;\n }\n \n .-ml-3 {\n margin-left: -1rem !important;\n }\n \n .-ml-4 {\n margin-left: -1.5rem !important;\n }\n \n .-ml-5 {\n margin-left: -2rem !important;\n }\n \n .-ml-6 {\n margin-left: -3rem !important;\n }\n \n .-ml-7 {\n margin-left: -4rem !important;\n }\n \n .-ml-8 {\n margin-left: -5rem !important;\n }\n \n .ml-auto {\n margin-left: auto !important;\n }\n \n .mb-0 {\n margin-bottom: 0rem !important;\n }\n \n .mb-1 {\n margin-bottom: 0.25rem !important;\n }\n \n .mb-2 {\n margin-bottom: 0.5rem !important;\n }\n \n .mb-3 {\n margin-bottom: 1rem !important;\n }\n \n .mb-4 {\n margin-bottom: 1.5rem !important;\n }\n \n .mb-5 {\n margin-bottom: 2rem !important;\n }\n \n .mb-6 {\n margin-bottom: 3rem !important;\n }\n \n .mb-7 {\n margin-bottom: 4rem !important;\n }\n \n .mb-8 {\n margin-bottom: 5rem !important;\n }\n \n .-mb-1 {\n margin-bottom: -0.25rem !important;\n }\n \n .-mb-2 {\n margin-bottom: -0.5rem !important;\n }\n \n .-mb-3 {\n margin-bottom: -1rem !important;\n }\n \n .-mb-4 {\n margin-bottom: -1.5rem !important;\n }\n \n .-mb-5 {\n margin-bottom: -2rem !important;\n }\n \n .-mb-6 {\n margin-bottom: -3rem !important;\n }\n \n .-mb-7 {\n margin-bottom: -4rem !important;\n }\n \n .-mb-8 {\n margin-bottom: -5rem !important;\n }\n \n .mb-auto {\n margin-bottom: auto !important;\n }\n \n .mx-0 {\n margin-left: 0rem !important;\n margin-right: 0rem !important;\n }\n \n .mx-1 {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n }\n \n .mx-2 {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n }\n \n .mx-3 {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n }\n \n .mx-4 {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n }\n \n .mx-5 {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n }\n \n .mx-6 {\n margin-left: 3rem !important;\n margin-right: 3rem !important;\n }\n \n .mx-7 {\n margin-left: 4rem !important;\n margin-right: 4rem !important;\n }\n \n .mx-8 {\n margin-left: 5rem !important;\n margin-right: 5rem !important;\n }\n \n .-mx-1 {\n margin-left: -0.25rem !important;\n margin-right: -0.25rem !important;\n }\n \n .-mx-2 {\n margin-left: -0.5rem !important;\n margin-right: -0.5rem !important;\n }\n \n .-mx-3 {\n margin-left: -1rem !important;\n margin-right: -1rem !important;\n }\n \n .-mx-4 {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n }\n \n .-mx-5 {\n margin-left: -2rem !important;\n margin-right: -2rem !important;\n }\n \n .-mx-6 {\n margin-left: -3rem !important;\n margin-right: -3rem !important;\n }\n \n .-mx-7 {\n margin-left: -4rem !important;\n margin-right: -4rem !important;\n }\n \n .-mx-8 {\n margin-left: -5rem !important;\n margin-right: -5rem !important;\n }\n \n .mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n \n .my-0 {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n }\n \n .my-1 {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n }\n \n .my-2 {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n }\n \n .my-3 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n }\n \n .my-4 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n }\n \n .my-5 {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n }\n \n .my-6 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important;\n }\n \n .my-7 {\n margin-top: 4rem !important;\n margin-bottom: 4rem !important;\n }\n \n .my-8 {\n margin-top: 5rem !important;\n margin-bottom: 5rem !important;\n }\n \n .-my-1 {\n margin-top: -0.25rem !important;\n margin-bottom: -0.25rem !important;\n }\n \n .-my-2 {\n margin-top: -0.5rem !important;\n margin-bottom: -0.5rem !important;\n }\n \n .-my-3 {\n margin-top: -1rem !important;\n margin-bottom: -1rem !important;\n }\n \n .-my-4 {\n margin-top: -1.5rem !important;\n margin-bottom: -1.5rem !important;\n }\n \n .-my-5 {\n margin-top: -2rem !important;\n margin-bottom: -2rem !important;\n }\n \n .-my-6 {\n margin-top: -3rem !important;\n margin-bottom: -3rem !important;\n }\n \n .-my-7 {\n margin-top: -4rem !important;\n margin-bottom: -4rem !important;\n }\n \n .-my-8 {\n margin-top: -5rem !important;\n margin-bottom: -5rem !important;\n }\n \n .my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:m-0 {\n margin: 0rem !important;\n }\n \n .sm\\:m-1 {\n margin: 0.25rem !important;\n }\n \n .sm\\:m-2 {\n margin: 0.5rem !important;\n }\n \n .sm\\:m-3 {\n margin: 1rem !important;\n }\n \n .sm\\:m-4 {\n margin: 1.5rem !important;\n }\n \n .sm\\:m-5 {\n margin: 2rem !important;\n }\n \n .sm\\:m-6 {\n margin: 3rem !important;\n }\n \n .sm\\:m-7 {\n margin: 4rem !important;\n }\n \n .sm\\:m-8 {\n margin: 5rem !important;\n }\n \n .sm\\:-m-1 {\n margin: -0.25rem !important;\n }\n \n .sm\\:-m-2 {\n margin: -0.5rem !important;\n }\n \n .sm\\:-m-3 {\n margin: -1rem !important;\n }\n \n .sm\\:-m-4 {\n margin: -1.5rem !important;\n }\n \n .sm\\:-m-5 {\n margin: -2rem !important;\n }\n \n .sm\\:-m-6 {\n margin: -3rem !important;\n }\n \n .sm\\:-m-7 {\n margin: -4rem !important;\n }\n \n .sm\\:-m-8 {\n margin: -5rem !important;\n }\n \n .sm\\:m-auto {\n margin: auto !important;\n }\n \n .sm\\:mt-0 {\n margin-top: 0rem !important;\n }\n \n .sm\\:mt-1 {\n margin-top: 0.25rem !important;\n }\n \n .sm\\:mt-2 {\n margin-top: 0.5rem !important;\n }\n \n .sm\\:mt-3 {\n margin-top: 1rem !important;\n }\n \n .sm\\:mt-4 {\n margin-top: 1.5rem !important;\n }\n \n .sm\\:mt-5 {\n margin-top: 2rem !important;\n }\n \n .sm\\:mt-6 {\n margin-top: 3rem !important;\n }\n \n .sm\\:mt-7 {\n margin-top: 4rem !important;\n }\n \n .sm\\:mt-8 {\n margin-top: 5rem !important;\n }\n \n .sm\\:-mt-1 {\n margin-top: -0.25rem !important;\n }\n \n .sm\\:-mt-2 {\n margin-top: -0.5rem !important;\n }\n \n .sm\\:-mt-3 {\n margin-top: -1rem !important;\n }\n \n .sm\\:-mt-4 {\n margin-top: -1.5rem !important;\n }\n \n .sm\\:-mt-5 {\n margin-top: -2rem !important;\n }\n \n .sm\\:-mt-6 {\n margin-top: -3rem !important;\n }\n \n .sm\\:-mt-7 {\n margin-top: -4rem !important;\n }\n \n .sm\\:-mt-8 {\n margin-top: -5rem !important;\n }\n \n .sm\\:mt-auto {\n margin-top: auto !important;\n }\n \n .sm\\:mr-0 {\n margin-right: 0rem !important;\n }\n \n .sm\\:mr-1 {\n margin-right: 0.25rem !important;\n }\n \n .sm\\:mr-2 {\n margin-right: 0.5rem !important;\n }\n \n .sm\\:mr-3 {\n margin-right: 1rem !important;\n }\n \n .sm\\:mr-4 {\n margin-right: 1.5rem !important;\n }\n \n .sm\\:mr-5 {\n margin-right: 2rem !important;\n }\n \n .sm\\:mr-6 {\n margin-right: 3rem !important;\n }\n \n .sm\\:mr-7 {\n margin-right: 4rem !important;\n }\n \n .sm\\:mr-8 {\n margin-right: 5rem !important;\n }\n \n .sm\\:-mr-1 {\n margin-right: -0.25rem !important;\n }\n \n .sm\\:-mr-2 {\n margin-right: -0.5rem !important;\n }\n \n .sm\\:-mr-3 {\n margin-right: -1rem !important;\n }\n \n .sm\\:-mr-4 {\n margin-right: -1.5rem !important;\n }\n \n .sm\\:-mr-5 {\n margin-right: -2rem !important;\n }\n \n .sm\\:-mr-6 {\n margin-right: -3rem !important;\n }\n \n .sm\\:-mr-7 {\n margin-right: -4rem !important;\n }\n \n .sm\\:-mr-8 {\n margin-right: -5rem !important;\n }\n \n .sm\\:mr-auto {\n margin-right: auto !important;\n }\n \n .sm\\:ml-0 {\n margin-left: 0rem !important;\n }\n \n .sm\\:ml-1 {\n margin-left: 0.25rem !important;\n }\n \n .sm\\:ml-2 {\n margin-left: 0.5rem !important;\n }\n \n .sm\\:ml-3 {\n margin-left: 1rem !important;\n }\n \n .sm\\:ml-4 {\n margin-left: 1.5rem !important;\n }\n \n .sm\\:ml-5 {\n margin-left: 2rem !important;\n }\n \n .sm\\:ml-6 {\n margin-left: 3rem !important;\n }\n \n .sm\\:ml-7 {\n margin-left: 4rem !important;\n }\n \n .sm\\:ml-8 {\n margin-left: 5rem !important;\n }\n \n .sm\\:-ml-1 {\n margin-left: -0.25rem !important;\n }\n \n .sm\\:-ml-2 {\n margin-left: -0.5rem !important;\n }\n \n .sm\\:-ml-3 {\n margin-left: -1rem !important;\n }\n \n .sm\\:-ml-4 {\n margin-left: -1.5rem !important;\n }\n \n .sm\\:-ml-5 {\n margin-left: -2rem !important;\n }\n \n .sm\\:-ml-6 {\n margin-left: -3rem !important;\n }\n \n .sm\\:-ml-7 {\n margin-left: -4rem !important;\n }\n \n .sm\\:-ml-8 {\n margin-left: -5rem !important;\n }\n \n .sm\\:ml-auto {\n margin-left: auto !important;\n }\n \n .sm\\:mb-0 {\n margin-bottom: 0rem !important;\n }\n \n .sm\\:mb-1 {\n margin-bottom: 0.25rem !important;\n }\n \n .sm\\:mb-2 {\n margin-bottom: 0.5rem !important;\n }\n \n .sm\\:mb-3 {\n margin-bottom: 1rem !important;\n }\n \n .sm\\:mb-4 {\n margin-bottom: 1.5rem !important;\n }\n \n .sm\\:mb-5 {\n margin-bottom: 2rem !important;\n }\n \n .sm\\:mb-6 {\n margin-bottom: 3rem !important;\n }\n \n .sm\\:mb-7 {\n margin-bottom: 4rem !important;\n }\n \n .sm\\:mb-8 {\n margin-bottom: 5rem !important;\n }\n \n .sm\\:-mb-1 {\n margin-bottom: -0.25rem !important;\n }\n \n .sm\\:-mb-2 {\n margin-bottom: -0.5rem !important;\n }\n \n .sm\\:-mb-3 {\n margin-bottom: -1rem !important;\n }\n \n .sm\\:-mb-4 {\n margin-bottom: -1.5rem !important;\n }\n \n .sm\\:-mb-5 {\n margin-bottom: -2rem !important;\n }\n \n .sm\\:-mb-6 {\n margin-bottom: -3rem !important;\n }\n \n .sm\\:-mb-7 {\n margin-bottom: -4rem !important;\n }\n \n .sm\\:-mb-8 {\n margin-bottom: -5rem !important;\n }\n \n .sm\\:mb-auto {\n margin-bottom: auto !important;\n }\n \n .sm\\:mx-0 {\n margin-left: 0rem !important;\n margin-right: 0rem !important;\n }\n \n .sm\\:mx-1 {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n }\n \n .sm\\:mx-2 {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n }\n \n .sm\\:mx-3 {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n }\n \n .sm\\:mx-4 {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n }\n \n .sm\\:mx-5 {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n }\n \n .sm\\:mx-6 {\n margin-left: 3rem !important;\n margin-right: 3rem !important;\n }\n \n .sm\\:mx-7 {\n margin-left: 4rem !important;\n margin-right: 4rem !important;\n }\n \n .sm\\:mx-8 {\n margin-left: 5rem !important;\n margin-right: 5rem !important;\n }\n \n .sm\\:-mx-1 {\n margin-left: -0.25rem !important;\n margin-right: -0.25rem !important;\n }\n \n .sm\\:-mx-2 {\n margin-left: -0.5rem !important;\n margin-right: -0.5rem !important;\n }\n \n .sm\\:-mx-3 {\n margin-left: -1rem !important;\n margin-right: -1rem !important;\n }\n \n .sm\\:-mx-4 {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n }\n \n .sm\\:-mx-5 {\n margin-left: -2rem !important;\n margin-right: -2rem !important;\n }\n \n .sm\\:-mx-6 {\n margin-left: -3rem !important;\n margin-right: -3rem !important;\n }\n \n .sm\\:-mx-7 {\n margin-left: -4rem !important;\n margin-right: -4rem !important;\n }\n \n .sm\\:-mx-8 {\n margin-left: -5rem !important;\n margin-right: -5rem !important;\n }\n \n .sm\\:mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n \n .sm\\:my-0 {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n }\n \n .sm\\:my-1 {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n }\n \n .sm\\:my-2 {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n }\n \n .sm\\:my-3 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n }\n \n .sm\\:my-4 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n }\n \n .sm\\:my-5 {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n }\n \n .sm\\:my-6 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important;\n }\n \n .sm\\:my-7 {\n margin-top: 4rem !important;\n margin-bottom: 4rem !important;\n }\n \n .sm\\:my-8 {\n margin-top: 5rem !important;\n margin-bottom: 5rem !important;\n }\n \n .sm\\:-my-1 {\n margin-top: -0.25rem !important;\n margin-bottom: -0.25rem !important;\n }\n \n .sm\\:-my-2 {\n margin-top: -0.5rem !important;\n margin-bottom: -0.5rem !important;\n }\n \n .sm\\:-my-3 {\n margin-top: -1rem !important;\n margin-bottom: -1rem !important;\n }\n \n .sm\\:-my-4 {\n margin-top: -1.5rem !important;\n margin-bottom: -1.5rem !important;\n }\n \n .sm\\:-my-5 {\n margin-top: -2rem !important;\n margin-bottom: -2rem !important;\n }\n \n .sm\\:-my-6 {\n margin-top: -3rem !important;\n margin-bottom: -3rem !important;\n }\n \n .sm\\:-my-7 {\n margin-top: -4rem !important;\n margin-bottom: -4rem !important;\n }\n \n .sm\\:-my-8 {\n margin-top: -5rem !important;\n margin-bottom: -5rem !important;\n }\n \n .sm\\:my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:m-0 {\n margin: 0rem !important;\n }\n \n .md\\:m-1 {\n margin: 0.25rem !important;\n }\n \n .md\\:m-2 {\n margin: 0.5rem !important;\n }\n \n .md\\:m-3 {\n margin: 1rem !important;\n }\n \n .md\\:m-4 {\n margin: 1.5rem !important;\n }\n \n .md\\:m-5 {\n margin: 2rem !important;\n }\n \n .md\\:m-6 {\n margin: 3rem !important;\n }\n \n .md\\:m-7 {\n margin: 4rem !important;\n }\n \n .md\\:m-8 {\n margin: 5rem !important;\n }\n \n .md\\:-m-1 {\n margin: -0.25rem !important;\n }\n \n .md\\:-m-2 {\n margin: -0.5rem !important;\n }\n \n .md\\:-m-3 {\n margin: -1rem !important;\n }\n \n .md\\:-m-4 {\n margin: -1.5rem !important;\n }\n \n .md\\:-m-5 {\n margin: -2rem !important;\n }\n \n .md\\:-m-6 {\n margin: -3rem !important;\n }\n \n .md\\:-m-7 {\n margin: -4rem !important;\n }\n \n .md\\:-m-8 {\n margin: -5rem !important;\n }\n \n .md\\:m-auto {\n margin: auto !important;\n }\n \n .md\\:mt-0 {\n margin-top: 0rem !important;\n }\n \n .md\\:mt-1 {\n margin-top: 0.25rem !important;\n }\n \n .md\\:mt-2 {\n margin-top: 0.5rem !important;\n }\n \n .md\\:mt-3 {\n margin-top: 1rem !important;\n }\n \n .md\\:mt-4 {\n margin-top: 1.5rem !important;\n }\n \n .md\\:mt-5 {\n margin-top: 2rem !important;\n }\n \n .md\\:mt-6 {\n margin-top: 3rem !important;\n }\n \n .md\\:mt-7 {\n margin-top: 4rem !important;\n }\n \n .md\\:mt-8 {\n margin-top: 5rem !important;\n }\n \n .md\\:-mt-1 {\n margin-top: -0.25rem !important;\n }\n \n .md\\:-mt-2 {\n margin-top: -0.5rem !important;\n }\n \n .md\\:-mt-3 {\n margin-top: -1rem !important;\n }\n \n .md\\:-mt-4 {\n margin-top: -1.5rem !important;\n }\n \n .md\\:-mt-5 {\n margin-top: -2rem !important;\n }\n \n .md\\:-mt-6 {\n margin-top: -3rem !important;\n }\n \n .md\\:-mt-7 {\n margin-top: -4rem !important;\n }\n \n .md\\:-mt-8 {\n margin-top: -5rem !important;\n }\n \n .md\\:mt-auto {\n margin-top: auto !important;\n }\n \n .md\\:mr-0 {\n margin-right: 0rem !important;\n }\n \n .md\\:mr-1 {\n margin-right: 0.25rem !important;\n }\n \n .md\\:mr-2 {\n margin-right: 0.5rem !important;\n }\n \n .md\\:mr-3 {\n margin-right: 1rem !important;\n }\n \n .md\\:mr-4 {\n margin-right: 1.5rem !important;\n }\n \n .md\\:mr-5 {\n margin-right: 2rem !important;\n }\n \n .md\\:mr-6 {\n margin-right: 3rem !important;\n }\n \n .md\\:mr-7 {\n margin-right: 4rem !important;\n }\n \n .md\\:mr-8 {\n margin-right: 5rem !important;\n }\n \n .md\\:-mr-1 {\n margin-right: -0.25rem !important;\n }\n \n .md\\:-mr-2 {\n margin-right: -0.5rem !important;\n }\n \n .md\\:-mr-3 {\n margin-right: -1rem !important;\n }\n \n .md\\:-mr-4 {\n margin-right: -1.5rem !important;\n }\n \n .md\\:-mr-5 {\n margin-right: -2rem !important;\n }\n \n .md\\:-mr-6 {\n margin-right: -3rem !important;\n }\n \n .md\\:-mr-7 {\n margin-right: -4rem !important;\n }\n \n .md\\:-mr-8 {\n margin-right: -5rem !important;\n }\n \n .md\\:mr-auto {\n margin-right: auto !important;\n }\n \n .md\\:ml-0 {\n margin-left: 0rem !important;\n }\n \n .md\\:ml-1 {\n margin-left: 0.25rem !important;\n }\n \n .md\\:ml-2 {\n margin-left: 0.5rem !important;\n }\n \n .md\\:ml-3 {\n margin-left: 1rem !important;\n }\n \n .md\\:ml-4 {\n margin-left: 1.5rem !important;\n }\n \n .md\\:ml-5 {\n margin-left: 2rem !important;\n }\n \n .md\\:ml-6 {\n margin-left: 3rem !important;\n }\n \n .md\\:ml-7 {\n margin-left: 4rem !important;\n }\n \n .md\\:ml-8 {\n margin-left: 5rem !important;\n }\n \n .md\\:-ml-1 {\n margin-left: -0.25rem !important;\n }\n \n .md\\:-ml-2 {\n margin-left: -0.5rem !important;\n }\n \n .md\\:-ml-3 {\n margin-left: -1rem !important;\n }\n \n .md\\:-ml-4 {\n margin-left: -1.5rem !important;\n }\n \n .md\\:-ml-5 {\n margin-left: -2rem !important;\n }\n \n .md\\:-ml-6 {\n margin-left: -3rem !important;\n }\n \n .md\\:-ml-7 {\n margin-left: -4rem !important;\n }\n \n .md\\:-ml-8 {\n margin-left: -5rem !important;\n }\n \n .md\\:ml-auto {\n margin-left: auto !important;\n }\n \n .md\\:mb-0 {\n margin-bottom: 0rem !important;\n }\n \n .md\\:mb-1 {\n margin-bottom: 0.25rem !important;\n }\n \n .md\\:mb-2 {\n margin-bottom: 0.5rem !important;\n }\n \n .md\\:mb-3 {\n margin-bottom: 1rem !important;\n }\n \n .md\\:mb-4 {\n margin-bottom: 1.5rem !important;\n }\n \n .md\\:mb-5 {\n margin-bottom: 2rem !important;\n }\n \n .md\\:mb-6 {\n margin-bottom: 3rem !important;\n }\n \n .md\\:mb-7 {\n margin-bottom: 4rem !important;\n }\n \n .md\\:mb-8 {\n margin-bottom: 5rem !important;\n }\n \n .md\\:-mb-1 {\n margin-bottom: -0.25rem !important;\n }\n \n .md\\:-mb-2 {\n margin-bottom: -0.5rem !important;\n }\n \n .md\\:-mb-3 {\n margin-bottom: -1rem !important;\n }\n \n .md\\:-mb-4 {\n margin-bottom: -1.5rem !important;\n }\n \n .md\\:-mb-5 {\n margin-bottom: -2rem !important;\n }\n \n .md\\:-mb-6 {\n margin-bottom: -3rem !important;\n }\n \n .md\\:-mb-7 {\n margin-bottom: -4rem !important;\n }\n \n .md\\:-mb-8 {\n margin-bottom: -5rem !important;\n }\n \n .md\\:mb-auto {\n margin-bottom: auto !important;\n }\n \n .md\\:mx-0 {\n margin-left: 0rem !important;\n margin-right: 0rem !important;\n }\n \n .md\\:mx-1 {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n }\n \n .md\\:mx-2 {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n }\n \n .md\\:mx-3 {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n }\n \n .md\\:mx-4 {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n }\n \n .md\\:mx-5 {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n }\n \n .md\\:mx-6 {\n margin-left: 3rem !important;\n margin-right: 3rem !important;\n }\n \n .md\\:mx-7 {\n margin-left: 4rem !important;\n margin-right: 4rem !important;\n }\n \n .md\\:mx-8 {\n margin-left: 5rem !important;\n margin-right: 5rem !important;\n }\n \n .md\\:-mx-1 {\n margin-left: -0.25rem !important;\n margin-right: -0.25rem !important;\n }\n \n .md\\:-mx-2 {\n margin-left: -0.5rem !important;\n margin-right: -0.5rem !important;\n }\n \n .md\\:-mx-3 {\n margin-left: -1rem !important;\n margin-right: -1rem !important;\n }\n \n .md\\:-mx-4 {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n }\n \n .md\\:-mx-5 {\n margin-left: -2rem !important;\n margin-right: -2rem !important;\n }\n \n .md\\:-mx-6 {\n margin-left: -3rem !important;\n margin-right: -3rem !important;\n }\n \n .md\\:-mx-7 {\n margin-left: -4rem !important;\n margin-right: -4rem !important;\n }\n \n .md\\:-mx-8 {\n margin-left: -5rem !important;\n margin-right: -5rem !important;\n }\n \n .md\\:mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n \n .md\\:my-0 {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n }\n \n .md\\:my-1 {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n }\n \n .md\\:my-2 {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n }\n \n .md\\:my-3 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n }\n \n .md\\:my-4 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n }\n \n .md\\:my-5 {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n }\n \n .md\\:my-6 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important;\n }\n \n .md\\:my-7 {\n margin-top: 4rem !important;\n margin-bottom: 4rem !important;\n }\n \n .md\\:my-8 {\n margin-top: 5rem !important;\n margin-bottom: 5rem !important;\n }\n \n .md\\:-my-1 {\n margin-top: -0.25rem !important;\n margin-bottom: -0.25rem !important;\n }\n \n .md\\:-my-2 {\n margin-top: -0.5rem !important;\n margin-bottom: -0.5rem !important;\n }\n \n .md\\:-my-3 {\n margin-top: -1rem !important;\n margin-bottom: -1rem !important;\n }\n \n .md\\:-my-4 {\n margin-top: -1.5rem !important;\n margin-bottom: -1.5rem !important;\n }\n \n .md\\:-my-5 {\n margin-top: -2rem !important;\n margin-bottom: -2rem !important;\n }\n \n .md\\:-my-6 {\n margin-top: -3rem !important;\n margin-bottom: -3rem !important;\n }\n \n .md\\:-my-7 {\n margin-top: -4rem !important;\n margin-bottom: -4rem !important;\n }\n \n .md\\:-my-8 {\n margin-top: -5rem !important;\n margin-bottom: -5rem !important;\n }\n \n .md\\:my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:m-0 {\n margin: 0rem !important;\n }\n \n .lg\\:m-1 {\n margin: 0.25rem !important;\n }\n \n .lg\\:m-2 {\n margin: 0.5rem !important;\n }\n \n .lg\\:m-3 {\n margin: 1rem !important;\n }\n \n .lg\\:m-4 {\n margin: 1.5rem !important;\n }\n \n .lg\\:m-5 {\n margin: 2rem !important;\n }\n \n .lg\\:m-6 {\n margin: 3rem !important;\n }\n \n .lg\\:m-7 {\n margin: 4rem !important;\n }\n \n .lg\\:m-8 {\n margin: 5rem !important;\n }\n \n .lg\\:-m-1 {\n margin: -0.25rem !important;\n }\n \n .lg\\:-m-2 {\n margin: -0.5rem !important;\n }\n \n .lg\\:-m-3 {\n margin: -1rem !important;\n }\n \n .lg\\:-m-4 {\n margin: -1.5rem !important;\n }\n \n .lg\\:-m-5 {\n margin: -2rem !important;\n }\n \n .lg\\:-m-6 {\n margin: -3rem !important;\n }\n \n .lg\\:-m-7 {\n margin: -4rem !important;\n }\n \n .lg\\:-m-8 {\n margin: -5rem !important;\n }\n \n .lg\\:m-auto {\n margin: auto !important;\n }\n \n .lg\\:mt-0 {\n margin-top: 0rem !important;\n }\n \n .lg\\:mt-1 {\n margin-top: 0.25rem !important;\n }\n \n .lg\\:mt-2 {\n margin-top: 0.5rem !important;\n }\n \n .lg\\:mt-3 {\n margin-top: 1rem !important;\n }\n \n .lg\\:mt-4 {\n margin-top: 1.5rem !important;\n }\n \n .lg\\:mt-5 {\n margin-top: 2rem !important;\n }\n \n .lg\\:mt-6 {\n margin-top: 3rem !important;\n }\n \n .lg\\:mt-7 {\n margin-top: 4rem !important;\n }\n \n .lg\\:mt-8 {\n margin-top: 5rem !important;\n }\n \n .lg\\:-mt-1 {\n margin-top: -0.25rem !important;\n }\n \n .lg\\:-mt-2 {\n margin-top: -0.5rem !important;\n }\n \n .lg\\:-mt-3 {\n margin-top: -1rem !important;\n }\n \n .lg\\:-mt-4 {\n margin-top: -1.5rem !important;\n }\n \n .lg\\:-mt-5 {\n margin-top: -2rem !important;\n }\n \n .lg\\:-mt-6 {\n margin-top: -3rem !important;\n }\n \n .lg\\:-mt-7 {\n margin-top: -4rem !important;\n }\n \n .lg\\:-mt-8 {\n margin-top: -5rem !important;\n }\n \n .lg\\:mt-auto {\n margin-top: auto !important;\n }\n \n .lg\\:mr-0 {\n margin-right: 0rem !important;\n }\n \n .lg\\:mr-1 {\n margin-right: 0.25rem !important;\n }\n \n .lg\\:mr-2 {\n margin-right: 0.5rem !important;\n }\n \n .lg\\:mr-3 {\n margin-right: 1rem !important;\n }\n \n .lg\\:mr-4 {\n margin-right: 1.5rem !important;\n }\n \n .lg\\:mr-5 {\n margin-right: 2rem !important;\n }\n \n .lg\\:mr-6 {\n margin-right: 3rem !important;\n }\n \n .lg\\:mr-7 {\n margin-right: 4rem !important;\n }\n \n .lg\\:mr-8 {\n margin-right: 5rem !important;\n }\n \n .lg\\:-mr-1 {\n margin-right: -0.25rem !important;\n }\n \n .lg\\:-mr-2 {\n margin-right: -0.5rem !important;\n }\n \n .lg\\:-mr-3 {\n margin-right: -1rem !important;\n }\n \n .lg\\:-mr-4 {\n margin-right: -1.5rem !important;\n }\n \n .lg\\:-mr-5 {\n margin-right: -2rem !important;\n }\n \n .lg\\:-mr-6 {\n margin-right: -3rem !important;\n }\n \n .lg\\:-mr-7 {\n margin-right: -4rem !important;\n }\n \n .lg\\:-mr-8 {\n margin-right: -5rem !important;\n }\n \n .lg\\:mr-auto {\n margin-right: auto !important;\n }\n \n .lg\\:ml-0 {\n margin-left: 0rem !important;\n }\n \n .lg\\:ml-1 {\n margin-left: 0.25rem !important;\n }\n \n .lg\\:ml-2 {\n margin-left: 0.5rem !important;\n }\n \n .lg\\:ml-3 {\n margin-left: 1rem !important;\n }\n \n .lg\\:ml-4 {\n margin-left: 1.5rem !important;\n }\n \n .lg\\:ml-5 {\n margin-left: 2rem !important;\n }\n \n .lg\\:ml-6 {\n margin-left: 3rem !important;\n }\n \n .lg\\:ml-7 {\n margin-left: 4rem !important;\n }\n \n .lg\\:ml-8 {\n margin-left: 5rem !important;\n }\n \n .lg\\:-ml-1 {\n margin-left: -0.25rem !important;\n }\n \n .lg\\:-ml-2 {\n margin-left: -0.5rem !important;\n }\n \n .lg\\:-ml-3 {\n margin-left: -1rem !important;\n }\n \n .lg\\:-ml-4 {\n margin-left: -1.5rem !important;\n }\n \n .lg\\:-ml-5 {\n margin-left: -2rem !important;\n }\n \n .lg\\:-ml-6 {\n margin-left: -3rem !important;\n }\n \n .lg\\:-ml-7 {\n margin-left: -4rem !important;\n }\n \n .lg\\:-ml-8 {\n margin-left: -5rem !important;\n }\n \n .lg\\:ml-auto {\n margin-left: auto !important;\n }\n \n .lg\\:mb-0 {\n margin-bottom: 0rem !important;\n }\n \n .lg\\:mb-1 {\n margin-bottom: 0.25rem !important;\n }\n \n .lg\\:mb-2 {\n margin-bottom: 0.5rem !important;\n }\n \n .lg\\:mb-3 {\n margin-bottom: 1rem !important;\n }\n \n .lg\\:mb-4 {\n margin-bottom: 1.5rem !important;\n }\n \n .lg\\:mb-5 {\n margin-bottom: 2rem !important;\n }\n \n .lg\\:mb-6 {\n margin-bottom: 3rem !important;\n }\n \n .lg\\:mb-7 {\n margin-bottom: 4rem !important;\n }\n \n .lg\\:mb-8 {\n margin-bottom: 5rem !important;\n }\n \n .lg\\:-mb-1 {\n margin-bottom: -0.25rem !important;\n }\n \n .lg\\:-mb-2 {\n margin-bottom: -0.5rem !important;\n }\n \n .lg\\:-mb-3 {\n margin-bottom: -1rem !important;\n }\n \n .lg\\:-mb-4 {\n margin-bottom: -1.5rem !important;\n }\n \n .lg\\:-mb-5 {\n margin-bottom: -2rem !important;\n }\n \n .lg\\:-mb-6 {\n margin-bottom: -3rem !important;\n }\n \n .lg\\:-mb-7 {\n margin-bottom: -4rem !important;\n }\n \n .lg\\:-mb-8 {\n margin-bottom: -5rem !important;\n }\n \n .lg\\:mb-auto {\n margin-bottom: auto !important;\n }\n \n .lg\\:mx-0 {\n margin-left: 0rem !important;\n margin-right: 0rem !important;\n }\n \n .lg\\:mx-1 {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n }\n \n .lg\\:mx-2 {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n }\n \n .lg\\:mx-3 {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n }\n \n .lg\\:mx-4 {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n }\n \n .lg\\:mx-5 {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n }\n \n .lg\\:mx-6 {\n margin-left: 3rem !important;\n margin-right: 3rem !important;\n }\n \n .lg\\:mx-7 {\n margin-left: 4rem !important;\n margin-right: 4rem !important;\n }\n \n .lg\\:mx-8 {\n margin-left: 5rem !important;\n margin-right: 5rem !important;\n }\n \n .lg\\:-mx-1 {\n margin-left: -0.25rem !important;\n margin-right: -0.25rem !important;\n }\n \n .lg\\:-mx-2 {\n margin-left: -0.5rem !important;\n margin-right: -0.5rem !important;\n }\n \n .lg\\:-mx-3 {\n margin-left: -1rem !important;\n margin-right: -1rem !important;\n }\n \n .lg\\:-mx-4 {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n }\n \n .lg\\:-mx-5 {\n margin-left: -2rem !important;\n margin-right: -2rem !important;\n }\n \n .lg\\:-mx-6 {\n margin-left: -3rem !important;\n margin-right: -3rem !important;\n }\n \n .lg\\:-mx-7 {\n margin-left: -4rem !important;\n margin-right: -4rem !important;\n }\n \n .lg\\:-mx-8 {\n margin-left: -5rem !important;\n margin-right: -5rem !important;\n }\n \n .lg\\:mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n \n .lg\\:my-0 {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n }\n \n .lg\\:my-1 {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n }\n \n .lg\\:my-2 {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n }\n \n .lg\\:my-3 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n }\n \n .lg\\:my-4 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n }\n \n .lg\\:my-5 {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n }\n \n .lg\\:my-6 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important;\n }\n \n .lg\\:my-7 {\n margin-top: 4rem !important;\n margin-bottom: 4rem !important;\n }\n \n .lg\\:my-8 {\n margin-top: 5rem !important;\n margin-bottom: 5rem !important;\n }\n \n .lg\\:-my-1 {\n margin-top: -0.25rem !important;\n margin-bottom: -0.25rem !important;\n }\n \n .lg\\:-my-2 {\n margin-top: -0.5rem !important;\n margin-bottom: -0.5rem !important;\n }\n \n .lg\\:-my-3 {\n margin-top: -1rem !important;\n margin-bottom: -1rem !important;\n }\n \n .lg\\:-my-4 {\n margin-top: -1.5rem !important;\n margin-bottom: -1.5rem !important;\n }\n \n .lg\\:-my-5 {\n margin-top: -2rem !important;\n margin-bottom: -2rem !important;\n }\n \n .lg\\:-my-6 {\n margin-top: -3rem !important;\n margin-bottom: -3rem !important;\n }\n \n .lg\\:-my-7 {\n margin-top: -4rem !important;\n margin-bottom: -4rem !important;\n }\n \n .lg\\:-my-8 {\n margin-top: -5rem !important;\n margin-bottom: -5rem !important;\n }\n \n .lg\\:my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:m-0 {\n margin: 0rem !important;\n }\n \n .xl\\:m-1 {\n margin: 0.25rem !important;\n }\n \n .xl\\:m-2 {\n margin: 0.5rem !important;\n }\n \n .xl\\:m-3 {\n margin: 1rem !important;\n }\n \n .xl\\:m-4 {\n margin: 1.5rem !important;\n }\n \n .xl\\:m-5 {\n margin: 2rem !important;\n }\n \n .xl\\:m-6 {\n margin: 3rem !important;\n }\n \n .xl\\:m-7 {\n margin: 4rem !important;\n }\n \n .xl\\:m-8 {\n margin: 5rem !important;\n }\n \n .xl\\:-m-1 {\n margin: -0.25rem !important;\n }\n \n .xl\\:-m-2 {\n margin: -0.5rem !important;\n }\n \n .xl\\:-m-3 {\n margin: -1rem !important;\n }\n \n .xl\\:-m-4 {\n margin: -1.5rem !important;\n }\n \n .xl\\:-m-5 {\n margin: -2rem !important;\n }\n \n .xl\\:-m-6 {\n margin: -3rem !important;\n }\n \n .xl\\:-m-7 {\n margin: -4rem !important;\n }\n \n .xl\\:-m-8 {\n margin: -5rem !important;\n }\n \n .xl\\:m-auto {\n margin: auto !important;\n }\n \n .xl\\:mt-0 {\n margin-top: 0rem !important;\n }\n \n .xl\\:mt-1 {\n margin-top: 0.25rem !important;\n }\n \n .xl\\:mt-2 {\n margin-top: 0.5rem !important;\n }\n \n .xl\\:mt-3 {\n margin-top: 1rem !important;\n }\n \n .xl\\:mt-4 {\n margin-top: 1.5rem !important;\n }\n \n .xl\\:mt-5 {\n margin-top: 2rem !important;\n }\n \n .xl\\:mt-6 {\n margin-top: 3rem !important;\n }\n \n .xl\\:mt-7 {\n margin-top: 4rem !important;\n }\n \n .xl\\:mt-8 {\n margin-top: 5rem !important;\n }\n \n .xl\\:-mt-1 {\n margin-top: -0.25rem !important;\n }\n \n .xl\\:-mt-2 {\n margin-top: -0.5rem !important;\n }\n \n .xl\\:-mt-3 {\n margin-top: -1rem !important;\n }\n \n .xl\\:-mt-4 {\n margin-top: -1.5rem !important;\n }\n \n .xl\\:-mt-5 {\n margin-top: -2rem !important;\n }\n \n .xl\\:-mt-6 {\n margin-top: -3rem !important;\n }\n \n .xl\\:-mt-7 {\n margin-top: -4rem !important;\n }\n \n .xl\\:-mt-8 {\n margin-top: -5rem !important;\n }\n \n .xl\\:mt-auto {\n margin-top: auto !important;\n }\n \n .xl\\:mr-0 {\n margin-right: 0rem !important;\n }\n \n .xl\\:mr-1 {\n margin-right: 0.25rem !important;\n }\n \n .xl\\:mr-2 {\n margin-right: 0.5rem !important;\n }\n \n .xl\\:mr-3 {\n margin-right: 1rem !important;\n }\n \n .xl\\:mr-4 {\n margin-right: 1.5rem !important;\n }\n \n .xl\\:mr-5 {\n margin-right: 2rem !important;\n }\n \n .xl\\:mr-6 {\n margin-right: 3rem !important;\n }\n \n .xl\\:mr-7 {\n margin-right: 4rem !important;\n }\n \n .xl\\:mr-8 {\n margin-right: 5rem !important;\n }\n \n .xl\\:-mr-1 {\n margin-right: -0.25rem !important;\n }\n \n .xl\\:-mr-2 {\n margin-right: -0.5rem !important;\n }\n \n .xl\\:-mr-3 {\n margin-right: -1rem !important;\n }\n \n .xl\\:-mr-4 {\n margin-right: -1.5rem !important;\n }\n \n .xl\\:-mr-5 {\n margin-right: -2rem !important;\n }\n \n .xl\\:-mr-6 {\n margin-right: -3rem !important;\n }\n \n .xl\\:-mr-7 {\n margin-right: -4rem !important;\n }\n \n .xl\\:-mr-8 {\n margin-right: -5rem !important;\n }\n \n .xl\\:mr-auto {\n margin-right: auto !important;\n }\n \n .xl\\:ml-0 {\n margin-left: 0rem !important;\n }\n \n .xl\\:ml-1 {\n margin-left: 0.25rem !important;\n }\n \n .xl\\:ml-2 {\n margin-left: 0.5rem !important;\n }\n \n .xl\\:ml-3 {\n margin-left: 1rem !important;\n }\n \n .xl\\:ml-4 {\n margin-left: 1.5rem !important;\n }\n \n .xl\\:ml-5 {\n margin-left: 2rem !important;\n }\n \n .xl\\:ml-6 {\n margin-left: 3rem !important;\n }\n \n .xl\\:ml-7 {\n margin-left: 4rem !important;\n }\n \n .xl\\:ml-8 {\n margin-left: 5rem !important;\n }\n \n .xl\\:-ml-1 {\n margin-left: -0.25rem !important;\n }\n \n .xl\\:-ml-2 {\n margin-left: -0.5rem !important;\n }\n \n .xl\\:-ml-3 {\n margin-left: -1rem !important;\n }\n \n .xl\\:-ml-4 {\n margin-left: -1.5rem !important;\n }\n \n .xl\\:-ml-5 {\n margin-left: -2rem !important;\n }\n \n .xl\\:-ml-6 {\n margin-left: -3rem !important;\n }\n \n .xl\\:-ml-7 {\n margin-left: -4rem !important;\n }\n \n .xl\\:-ml-8 {\n margin-left: -5rem !important;\n }\n \n .xl\\:ml-auto {\n margin-left: auto !important;\n }\n \n .xl\\:mb-0 {\n margin-bottom: 0rem !important;\n }\n \n .xl\\:mb-1 {\n margin-bottom: 0.25rem !important;\n }\n \n .xl\\:mb-2 {\n margin-bottom: 0.5rem !important;\n }\n \n .xl\\:mb-3 {\n margin-bottom: 1rem !important;\n }\n \n .xl\\:mb-4 {\n margin-bottom: 1.5rem !important;\n }\n \n .xl\\:mb-5 {\n margin-bottom: 2rem !important;\n }\n \n .xl\\:mb-6 {\n margin-bottom: 3rem !important;\n }\n \n .xl\\:mb-7 {\n margin-bottom: 4rem !important;\n }\n \n .xl\\:mb-8 {\n margin-bottom: 5rem !important;\n }\n \n .xl\\:-mb-1 {\n margin-bottom: -0.25rem !important;\n }\n \n .xl\\:-mb-2 {\n margin-bottom: -0.5rem !important;\n }\n \n .xl\\:-mb-3 {\n margin-bottom: -1rem !important;\n }\n \n .xl\\:-mb-4 {\n margin-bottom: -1.5rem !important;\n }\n \n .xl\\:-mb-5 {\n margin-bottom: -2rem !important;\n }\n \n .xl\\:-mb-6 {\n margin-bottom: -3rem !important;\n }\n \n .xl\\:-mb-7 {\n margin-bottom: -4rem !important;\n }\n \n .xl\\:-mb-8 {\n margin-bottom: -5rem !important;\n }\n \n .xl\\:mb-auto {\n margin-bottom: auto !important;\n }\n \n .xl\\:mx-0 {\n margin-left: 0rem !important;\n margin-right: 0rem !important;\n }\n \n .xl\\:mx-1 {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n }\n \n .xl\\:mx-2 {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n }\n \n .xl\\:mx-3 {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n }\n \n .xl\\:mx-4 {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n }\n \n .xl\\:mx-5 {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n }\n \n .xl\\:mx-6 {\n margin-left: 3rem !important;\n margin-right: 3rem !important;\n }\n \n .xl\\:mx-7 {\n margin-left: 4rem !important;\n margin-right: 4rem !important;\n }\n \n .xl\\:mx-8 {\n margin-left: 5rem !important;\n margin-right: 5rem !important;\n }\n \n .xl\\:-mx-1 {\n margin-left: -0.25rem !important;\n margin-right: -0.25rem !important;\n }\n \n .xl\\:-mx-2 {\n margin-left: -0.5rem !important;\n margin-right: -0.5rem !important;\n }\n \n .xl\\:-mx-3 {\n margin-left: -1rem !important;\n margin-right: -1rem !important;\n }\n \n .xl\\:-mx-4 {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n }\n \n .xl\\:-mx-5 {\n margin-left: -2rem !important;\n margin-right: -2rem !important;\n }\n \n .xl\\:-mx-6 {\n margin-left: -3rem !important;\n margin-right: -3rem !important;\n }\n \n .xl\\:-mx-7 {\n margin-left: -4rem !important;\n margin-right: -4rem !important;\n }\n \n .xl\\:-mx-8 {\n margin-left: -5rem !important;\n margin-right: -5rem !important;\n }\n \n .xl\\:mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n \n .xl\\:my-0 {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n }\n \n .xl\\:my-1 {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n }\n \n .xl\\:my-2 {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n }\n \n .xl\\:my-3 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n }\n \n .xl\\:my-4 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n }\n \n .xl\\:my-5 {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n }\n \n .xl\\:my-6 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important;\n }\n \n .xl\\:my-7 {\n margin-top: 4rem !important;\n margin-bottom: 4rem !important;\n }\n \n .xl\\:my-8 {\n margin-top: 5rem !important;\n margin-bottom: 5rem !important;\n }\n \n .xl\\:-my-1 {\n margin-top: -0.25rem !important;\n margin-bottom: -0.25rem !important;\n }\n \n .xl\\:-my-2 {\n margin-top: -0.5rem !important;\n margin-bottom: -0.5rem !important;\n }\n \n .xl\\:-my-3 {\n margin-top: -1rem !important;\n margin-bottom: -1rem !important;\n }\n \n .xl\\:-my-4 {\n margin-top: -1.5rem !important;\n margin-bottom: -1.5rem !important;\n }\n \n .xl\\:-my-5 {\n margin-top: -2rem !important;\n margin-bottom: -2rem !important;\n }\n \n .xl\\:-my-6 {\n margin-top: -3rem !important;\n margin-bottom: -3rem !important;\n }\n \n .xl\\:-my-7 {\n margin-top: -4rem !important;\n margin-bottom: -4rem !important;\n }\n \n .xl\\:-my-8 {\n margin-top: -5rem !important;\n margin-bottom: -5rem !important;\n }\n \n .xl\\:my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n }\n .shadow-none {\n box-shadow: none !important;\n }\n \n .shadow-1 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n \n .shadow-2 {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n \n .shadow-3 {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n \n .shadow-4 {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n \n .shadow-5 {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n \n .shadow-6 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n \n .shadow-7 {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n \n .shadow-8 {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n \n .focus\\:shadow-none:focus {\n box-shadow: none !important;\n }\n \n .hover\\:shadow-none:hover {\n box-shadow: none !important;\n }\n \n .active\\:shadow-none:active {\n box-shadow: none !important;\n }\n \n .focus\\:shadow-1:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n \n .hover\\:shadow-1:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n \n .active\\:shadow-1:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n \n .focus\\:shadow-2:focus {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n \n .hover\\:shadow-2:hover {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n \n .active\\:shadow-2:active {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n \n .focus\\:shadow-3:focus {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n \n .hover\\:shadow-3:hover {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n \n .active\\:shadow-3:active {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n \n .focus\\:shadow-4:focus {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n \n .hover\\:shadow-4:hover {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n \n .active\\:shadow-4:active {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n \n .focus\\:shadow-5:focus {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n \n .hover\\:shadow-5:hover {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n \n .active\\:shadow-5:active {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n \n .focus\\:shadow-6:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n \n .hover\\:shadow-6:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n \n .active\\:shadow-6:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n \n .focus\\:shadow-7:focus {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n \n .hover\\:shadow-7:hover {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n \n .active\\:shadow-7:active {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n \n .focus\\:shadow-8:focus {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n \n .hover\\:shadow-8:hover {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n \n .active\\:shadow-8:active {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:shadow-none {\n box-shadow: none !important;\n }\n .sm\\:shadow-1 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .sm\\:shadow-2 {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .sm\\:shadow-3 {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .sm\\:shadow-4 {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:shadow-5 {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:shadow-6 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .sm\\:shadow-7 {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .sm\\:shadow-8 {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:focus\\:shadow-none:focus {\n box-shadow: none !important;\n }\n .sm\\:hover\\:shadow-none:hover {\n box-shadow: none !important;\n }\n .sm\\:active\\:shadow-none:active {\n box-shadow: none !important;\n }\n .sm\\:focus\\:shadow-1:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .sm\\:hover\\:shadow-1:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .sm\\:active\\:shadow-1:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .sm\\:focus\\:shadow-2:focus {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .sm\\:hover\\:shadow-2:hover {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .sm\\:active\\:shadow-2:active {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .sm\\:focus\\:shadow-3:focus {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .sm\\:hover\\:shadow-3:hover {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .sm\\:active\\:shadow-3:active {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .sm\\:focus\\:shadow-4:focus {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:hover\\:shadow-4:hover {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:active\\:shadow-4:active {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:focus\\:shadow-5:focus {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:hover\\:shadow-5:hover {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:active\\:shadow-5:active {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:focus\\:shadow-6:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .sm\\:hover\\:shadow-6:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .sm\\:active\\:shadow-6:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .sm\\:focus\\:shadow-7:focus {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .sm\\:hover\\:shadow-7:hover {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .sm\\:active\\:shadow-7:active {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .sm\\:focus\\:shadow-8:focus {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:hover\\:shadow-8:hover {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .sm\\:active\\:shadow-8:active {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:shadow-none {\n box-shadow: none !important;\n }\n .md\\:shadow-1 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .md\\:shadow-2 {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .md\\:shadow-3 {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .md\\:shadow-4 {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:shadow-5 {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:shadow-6 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .md\\:shadow-7 {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .md\\:shadow-8 {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:focus\\:shadow-none:focus {\n box-shadow: none !important;\n }\n .md\\:hover\\:shadow-none:hover {\n box-shadow: none !important;\n }\n .md\\:active\\:shadow-none:active {\n box-shadow: none !important;\n }\n .md\\:focus\\:shadow-1:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .md\\:hover\\:shadow-1:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .md\\:active\\:shadow-1:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .md\\:focus\\:shadow-2:focus {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .md\\:hover\\:shadow-2:hover {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .md\\:active\\:shadow-2:active {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .md\\:focus\\:shadow-3:focus {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .md\\:hover\\:shadow-3:hover {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .md\\:active\\:shadow-3:active {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .md\\:focus\\:shadow-4:focus {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:hover\\:shadow-4:hover {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:active\\:shadow-4:active {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:focus\\:shadow-5:focus {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:hover\\:shadow-5:hover {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:active\\:shadow-5:active {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:focus\\:shadow-6:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .md\\:hover\\:shadow-6:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .md\\:active\\:shadow-6:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .md\\:focus\\:shadow-7:focus {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .md\\:hover\\:shadow-7:hover {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .md\\:active\\:shadow-7:active {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .md\\:focus\\:shadow-8:focus {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:hover\\:shadow-8:hover {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .md\\:active\\:shadow-8:active {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:shadow-none {\n box-shadow: none !important;\n }\n .lg\\:shadow-1 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .lg\\:shadow-2 {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .lg\\:shadow-3 {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .lg\\:shadow-4 {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:shadow-5 {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:shadow-6 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .lg\\:shadow-7 {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .lg\\:shadow-8 {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:focus\\:shadow-none:focus {\n box-shadow: none !important;\n }\n .lg\\:hover\\:shadow-none:hover {\n box-shadow: none !important;\n }\n .lg\\:active\\:shadow-none:active {\n box-shadow: none !important;\n }\n .lg\\:focus\\:shadow-1:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .lg\\:hover\\:shadow-1:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .lg\\:active\\:shadow-1:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .lg\\:focus\\:shadow-2:focus {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .lg\\:hover\\:shadow-2:hover {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .lg\\:active\\:shadow-2:active {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .lg\\:focus\\:shadow-3:focus {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .lg\\:hover\\:shadow-3:hover {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .lg\\:active\\:shadow-3:active {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .lg\\:focus\\:shadow-4:focus {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:hover\\:shadow-4:hover {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:active\\:shadow-4:active {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:focus\\:shadow-5:focus {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:hover\\:shadow-5:hover {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:active\\:shadow-5:active {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:focus\\:shadow-6:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .lg\\:hover\\:shadow-6:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .lg\\:active\\:shadow-6:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .lg\\:focus\\:shadow-7:focus {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .lg\\:hover\\:shadow-7:hover {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .lg\\:active\\:shadow-7:active {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .lg\\:focus\\:shadow-8:focus {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:hover\\:shadow-8:hover {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .lg\\:active\\:shadow-8:active {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:shadow-none {\n box-shadow: none !important;\n }\n .xl\\:shadow-1 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .xl\\:shadow-2 {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .xl\\:shadow-3 {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .xl\\:shadow-4 {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:shadow-5 {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:shadow-6 {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .xl\\:shadow-7 {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .xl\\:shadow-8 {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:focus\\:shadow-none:focus {\n box-shadow: none !important;\n }\n .xl\\:hover\\:shadow-none:hover {\n box-shadow: none !important;\n }\n .xl\\:active\\:shadow-none:active {\n box-shadow: none !important;\n }\n .xl\\:focus\\:shadow-1:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .xl\\:hover\\:shadow-1:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .xl\\:active\\:shadow-1:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;\n }\n .xl\\:focus\\:shadow-2:focus {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .xl\\:hover\\:shadow-2:hover {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .xl\\:active\\:shadow-2:active {\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;\n }\n .xl\\:focus\\:shadow-3:focus {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .xl\\:hover\\:shadow-3:hover {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .xl\\:active\\:shadow-3:active {\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;\n }\n .xl\\:focus\\:shadow-4:focus {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:hover\\:shadow-4:hover {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:active\\:shadow-4:active {\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:focus\\:shadow-5:focus {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:hover\\:shadow-5:hover {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:active\\:shadow-5:active {\n box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:focus\\:shadow-6:focus {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .xl\\:hover\\:shadow-6:hover {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .xl\\:active\\:shadow-6:active {\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;\n }\n .xl\\:focus\\:shadow-7:focus {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .xl\\:hover\\:shadow-7:hover {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .xl\\:active\\:shadow-7:active {\n box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;\n }\n .xl\\:focus\\:shadow-8:focus {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:hover\\:shadow-8:hover {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n .xl\\:active\\:shadow-8:active {\n box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;\n }\n }\n .border-none {\n border-width: 0px !important;\n border-style: none;\n }\n \n .border-1 {\n border-width: 1px !important;\n border-style: solid;\n }\n \n .border-2 {\n border-width: 2px !important;\n border-style: solid;\n }\n \n .border-3 {\n border-width: 3px !important;\n border-style: solid;\n }\n \n .border-top-none {\n border-top-width: 0px !important;\n border-top-style: none;\n }\n \n .border-top-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n }\n \n .border-top-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n }\n \n .border-top-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n }\n \n .border-right-none {\n border-right-width: 0px !important;\n border-right-style: none;\n }\n \n .border-right-1 {\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n \n .border-right-2 {\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n \n .border-right-3 {\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n \n .border-left-none {\n border-left-width: 0px !important;\n border-left-style: none;\n }\n \n .border-left-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n }\n \n .border-left-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n }\n \n .border-left-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n }\n \n .border-bottom-none {\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n \n .border-bottom-1 {\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n \n .border-bottom-2 {\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n \n .border-bottom-3 {\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n \n .border-x-none {\n border-left-width: 0px !important;\n border-left-style: none;\n border-right-width: 0px !important;\n border-right-style: none;\n }\n \n .border-x-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n \n .border-x-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n \n .border-x-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n \n .border-y-none {\n border-top-width: 0px !important;\n border-top-style: none;\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n \n .border-y-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n \n .border-y-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n \n .border-y-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:border-none {\n border-width: 0px !important;\n border-style: none;\n }\n .sm\\:border-1 {\n border-width: 1px !important;\n border-style: solid;\n }\n .sm\\:border-2 {\n border-width: 2px !important;\n border-style: solid;\n }\n .sm\\:border-3 {\n border-width: 3px !important;\n border-style: solid;\n }\n .sm\\:border-top-none {\n border-top-width: 0px !important;\n border-top-style: none;\n }\n .sm\\:border-top-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n }\n .sm\\:border-top-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n }\n .sm\\:border-top-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n }\n .sm\\:border-right-none {\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .sm\\:border-right-1 {\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .sm\\:border-right-2 {\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .sm\\:border-right-3 {\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .sm\\:border-left-none {\n border-left-width: 0px !important;\n border-left-style: none;\n }\n .sm\\:border-left-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n }\n .sm\\:border-left-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n }\n .sm\\:border-left-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n }\n .sm\\:border-bottom-none {\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .sm\\:border-bottom-1 {\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .sm\\:border-bottom-2 {\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .sm\\:border-bottom-3 {\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n .sm\\:border-x-none {\n border-left-width: 0px !important;\n border-left-style: none;\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .sm\\:border-x-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .sm\\:border-x-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .sm\\:border-x-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .sm\\:border-y-none {\n border-top-width: 0px !important;\n border-top-style: none;\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .sm\\:border-y-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .sm\\:border-y-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .sm\\:border-y-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:border-none {\n border-width: 0px !important;\n border-style: none;\n }\n .md\\:border-1 {\n border-width: 1px !important;\n border-style: solid;\n }\n .md\\:border-2 {\n border-width: 2px !important;\n border-style: solid;\n }\n .md\\:border-3 {\n border-width: 3px !important;\n border-style: solid;\n }\n .md\\:border-top-none {\n border-top-width: 0px !important;\n border-top-style: none;\n }\n .md\\:border-top-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n }\n .md\\:border-top-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n }\n .md\\:border-top-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n }\n .md\\:border-right-none {\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .md\\:border-right-1 {\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .md\\:border-right-2 {\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .md\\:border-right-3 {\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .md\\:border-left-none {\n border-left-width: 0px !important;\n border-left-style: none;\n }\n .md\\:border-left-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n }\n .md\\:border-left-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n }\n .md\\:border-left-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n }\n .md\\:border-bottom-none {\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .md\\:border-bottom-1 {\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .md\\:border-bottom-2 {\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .md\\:border-bottom-3 {\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n .md\\:border-x-none {\n border-left-width: 0px !important;\n border-left-style: none;\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .md\\:border-x-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .md\\:border-x-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .md\\:border-x-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .md\\:border-y-none {\n border-top-width: 0px !important;\n border-top-style: none;\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .md\\:border-y-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .md\\:border-y-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .md\\:border-y-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:border-none {\n border-width: 0px !important;\n border-style: none;\n }\n .lg\\:border-1 {\n border-width: 1px !important;\n border-style: solid;\n }\n .lg\\:border-2 {\n border-width: 2px !important;\n border-style: solid;\n }\n .lg\\:border-3 {\n border-width: 3px !important;\n border-style: solid;\n }\n .lg\\:border-top-none {\n border-top-width: 0px !important;\n border-top-style: none;\n }\n .lg\\:border-top-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n }\n .lg\\:border-top-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n }\n .lg\\:border-top-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n }\n .lg\\:border-right-none {\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .lg\\:border-right-1 {\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .lg\\:border-right-2 {\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .lg\\:border-right-3 {\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .lg\\:border-left-none {\n border-left-width: 0px !important;\n border-left-style: none;\n }\n .lg\\:border-left-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n }\n .lg\\:border-left-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n }\n .lg\\:border-left-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n }\n .lg\\:border-bottom-none {\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .lg\\:border-bottom-1 {\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .lg\\:border-bottom-2 {\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .lg\\:border-bottom-3 {\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n .lg\\:border-x-none {\n border-left-width: 0px !important;\n border-left-style: none;\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .lg\\:border-x-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .lg\\:border-x-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .lg\\:border-x-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .lg\\:border-y-none {\n border-top-width: 0px !important;\n border-top-style: none;\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .lg\\:border-y-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .lg\\:border-y-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .lg\\:border-y-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:border-none {\n border-width: 0px !important;\n border-style: none;\n }\n .xl\\:border-1 {\n border-width: 1px !important;\n border-style: solid;\n }\n .xl\\:border-2 {\n border-width: 2px !important;\n border-style: solid;\n }\n .xl\\:border-3 {\n border-width: 3px !important;\n border-style: solid;\n }\n .xl\\:border-top-none {\n border-top-width: 0px !important;\n border-top-style: none;\n }\n .xl\\:border-top-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n }\n .xl\\:border-top-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n }\n .xl\\:border-top-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n }\n .xl\\:border-right-none {\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .xl\\:border-right-1 {\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .xl\\:border-right-2 {\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .xl\\:border-right-3 {\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .xl\\:border-left-none {\n border-left-width: 0px !important;\n border-left-style: none;\n }\n .xl\\:border-left-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n }\n .xl\\:border-left-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n }\n .xl\\:border-left-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n }\n .xl\\:border-bottom-none {\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .xl\\:border-bottom-1 {\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .xl\\:border-bottom-2 {\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .xl\\:border-bottom-3 {\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n .xl\\:border-x-none {\n border-left-width: 0px !important;\n border-left-style: none;\n border-right-width: 0px !important;\n border-right-style: none;\n }\n .xl\\:border-x-1 {\n border-left-width: 1px !important;\n border-left-style: solid;\n border-right-width: 1px !important;\n border-right-style: solid;\n }\n .xl\\:border-x-2 {\n border-left-width: 2px !important;\n border-left-style: solid;\n border-right-width: 2px !important;\n border-right-style: solid;\n }\n .xl\\:border-x-3 {\n border-left-width: 3px !important;\n border-left-style: solid;\n border-right-width: 3px !important;\n border-right-style: solid;\n }\n .xl\\:border-y-none {\n border-top-width: 0px !important;\n border-top-style: none;\n border-bottom-width: 0px !important;\n border-bottom-style: none;\n }\n .xl\\:border-y-1 {\n border-top-width: 1px !important;\n border-top-style: solid;\n border-bottom-width: 1px !important;\n border-bottom-style: solid;\n }\n .xl\\:border-y-2 {\n border-top-width: 2px !important;\n border-top-style: solid;\n border-bottom-width: 2px !important;\n border-bottom-style: solid;\n }\n .xl\\:border-y-3 {\n border-top-width: 3px !important;\n border-top-style: solid;\n border-bottom-width: 3px !important;\n border-bottom-style: solid;\n }\n }\n .border-solid {\n border-style: solid !important;\n }\n \n .border-dashed {\n border-style: dashed !important;\n }\n \n .border-dotted {\n border-style: dotted !important;\n }\n \n .border-double {\n border-style: double !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:border-solid {\n border-style: solid !important;\n }\n .sm\\:border-dashed {\n border-style: dashed !important;\n }\n .sm\\:border-dotted {\n border-style: dotted !important;\n }\n .sm\\:border-double {\n border-style: double !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:border-solid {\n border-style: solid !important;\n }\n .md\\:border-dashed {\n border-style: dashed !important;\n }\n .md\\:border-dotted {\n border-style: dotted !important;\n }\n .md\\:border-double {\n border-style: double !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:border-solid {\n border-style: solid !important;\n }\n .lg\\:border-dashed {\n border-style: dashed !important;\n }\n .lg\\:border-dotted {\n border-style: dotted !important;\n }\n .lg\\:border-double {\n border-style: double !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:border-solid {\n border-style: solid !important;\n }\n .xl\\:border-dashed {\n border-style: dashed !important;\n }\n .xl\\:border-dotted {\n border-style: dotted !important;\n }\n .xl\\:border-double {\n border-style: double !important;\n }\n }\n .border-noround {\n border-radius: 0 !important;\n }\n \n .border-round {\n border-radius: var(--border-radius) !important;\n }\n \n .border-round-xs {\n border-radius: 0.125rem !important;\n }\n \n .border-round-sm {\n border-radius: 0.25rem !important;\n }\n \n .border-round-md {\n border-radius: 0.375rem !important;\n }\n \n .border-round-lg {\n border-radius: 0.5rem !important;\n }\n \n .border-round-xl {\n border-radius: 0.75rem !important;\n }\n \n .border-round-2xl {\n border-radius: 1rem !important;\n }\n \n .border-round-3xl {\n border-radius: 1.5rem !important;\n }\n \n .border-circle {\n border-radius: 50% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:border-noround {\n border-radius: 0 !important;\n }\n .sm\\:border-round {\n border-radius: var(--border-radius) !important;\n }\n .sm\\:border-round-xs {\n border-radius: 0.125rem !important;\n }\n .sm\\:border-round-sm {\n border-radius: 0.25rem !important;\n }\n .sm\\:border-round-md {\n border-radius: 0.375rem !important;\n }\n .sm\\:border-round-lg {\n border-radius: 0.5rem !important;\n }\n .sm\\:border-round-xl {\n border-radius: 0.75rem !important;\n }\n .sm\\:border-round-2xl {\n border-radius: 1rem !important;\n }\n .sm\\:border-round-3xl {\n border-radius: 1.5rem !important;\n }\n .sm\\:border-circle {\n border-radius: 50% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:border-noround {\n border-radius: 0 !important;\n }\n .md\\:border-round {\n border-radius: var(--border-radius) !important;\n }\n .md\\:border-round-xs {\n border-radius: 0.125rem !important;\n }\n .md\\:border-round-sm {\n border-radius: 0.25rem !important;\n }\n .md\\:border-round-md {\n border-radius: 0.375rem !important;\n }\n .md\\:border-round-lg {\n border-radius: 0.5rem !important;\n }\n .md\\:border-round-xl {\n border-radius: 0.75rem !important;\n }\n .md\\:border-round-2xl {\n border-radius: 1rem !important;\n }\n .md\\:border-round-3xl {\n border-radius: 1.5rem !important;\n }\n .md\\:border-circle {\n border-radius: 50% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:border-noround {\n border-radius: 0 !important;\n }\n .lg\\:border-round {\n border-radius: var(--border-radius) !important;\n }\n .lg\\:border-round-xs {\n border-radius: 0.125rem !important;\n }\n .lg\\:border-round-sm {\n border-radius: 0.25rem !important;\n }\n .lg\\:border-round-md {\n border-radius: 0.375rem !important;\n }\n .lg\\:border-round-lg {\n border-radius: 0.5rem !important;\n }\n .lg\\:border-round-xl {\n border-radius: 0.75rem !important;\n }\n .lg\\:border-round-2xl {\n border-radius: 1rem !important;\n }\n .lg\\:border-round-3xl {\n border-radius: 1.5rem !important;\n }\n .lg\\:border-circle {\n border-radius: 50% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:border-noround {\n border-radius: 0 !important;\n }\n .xl\\:border-round {\n border-radius: var(--border-radius) !important;\n }\n .xl\\:border-round-xs {\n border-radius: 0.125rem !important;\n }\n .xl\\:border-round-sm {\n border-radius: 0.25rem !important;\n }\n .xl\\:border-round-md {\n border-radius: 0.375rem !important;\n }\n .xl\\:border-round-lg {\n border-radius: 0.5rem !important;\n }\n .xl\\:border-round-xl {\n border-radius: 0.75rem !important;\n }\n .xl\\:border-round-2xl {\n border-radius: 1rem !important;\n }\n .xl\\:border-round-3xl {\n border-radius: 1.5rem !important;\n }\n .xl\\:border-circle {\n border-radius: 50% !important;\n }\n }\n .border-noround-left {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n \n .border-noround-top {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n \n .border-noround-right {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n \n .border-noround-bottom {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n \n .border-round-left {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n }\n \n .border-round-top {\n border-top-left-radius: var(--border-radius) !important;\n border-top-right-radius: var(--border-radius) !important;\n }\n \n .border-round-right {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n \n .border-round-bottom {\n border-bottom-left-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n \n .border-round-left-xs {\n border-top-left-radius: 0.125rem !important;\n border-bottom-left-radius: 0.125rem !important;\n }\n \n .border-round-top-xs {\n border-top-left-radius: 0.125rem !important;\n border-top-right-radius: 0.125rem !important;\n }\n \n .border-round-right-xs {\n border-top-right-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n \n .border-round-bottom-xs {\n border-bottom-left-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n \n .border-round-left-sm {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n }\n \n .border-round-top-sm {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n }\n \n .border-round-right-sm {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n \n .border-round-bottom-sm {\n border-bottom-left-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n \n .border-round-left-md {\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n }\n \n .border-round-top-md {\n border-top-left-radius: 0.375rem !important;\n border-top-right-radius: 0.375rem !important;\n }\n \n .border-round-right-md {\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n \n .border-round-bottom-md {\n border-bottom-left-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n \n .border-round-left-lg {\n border-top-left-radius: 0.5rem !important;\n border-bottom-left-radius: 0.5rem !important;\n }\n \n .border-round-top-lg {\n border-top-left-radius: 0.5rem !important;\n border-top-right-radius: 0.5rem !important;\n }\n \n .border-round-right-lg {\n border-top-right-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n \n .border-round-bottom-lg {\n border-bottom-left-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n \n .border-round-left-xl {\n border-top-left-radius: 0.75rem !important;\n border-bottom-left-radius: 0.75rem !important;\n }\n \n .border-round-top-xl {\n border-top-left-radius: 0.75rem !important;\n border-top-right-radius: 0.75rem !important;\n }\n \n .border-round-right-xl {\n border-top-right-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n \n .border-round-bottom-xl {\n border-bottom-left-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n \n .border-round-left-2xl {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n \n .border-round-top-2xl {\n border-top-left-radius: 1rem !important;\n border-top-right-radius: 1rem !important;\n }\n \n .border-round-right-2xl {\n border-top-right-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n \n .border-round-bottom-2xl {\n border-bottom-left-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n \n .border-round-left-3xl {\n border-top-left-radius: 1.5rem !important;\n border-bottom-left-radius: 1.5rem !important;\n }\n \n .border-round-top-3xl {\n border-top-left-radius: 1.5rem !important;\n border-top-right-radius: 1.5rem !important;\n }\n \n .border-round-right-3xl {\n border-top-right-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n \n .border-round-bottom-3xl {\n border-bottom-left-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n \n .border-circle-left {\n border-top-left-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n }\n \n .border-circle-top {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n }\n \n .border-circle-right {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n \n .border-circle-bottom {\n border-bottom-left-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:border-noround-left {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n .sm\\:border-noround-top {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n .sm\\:border-noround-right {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .sm\\:border-noround-bottom {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .sm\\:border-round-left {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n }\n .sm\\:border-round-top {\n border-top-left-radius: var(--border-radius) !important;\n border-top-right-radius: var(--border-radius) !important;\n }\n .sm\\:border-round-right {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .sm\\:border-round-bottom {\n border-bottom-left-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .sm\\:border-round-left-xs {\n border-top-left-radius: 0.125rem !important;\n border-bottom-left-radius: 0.125rem !important;\n }\n .sm\\:border-round-top-xs {\n border-top-left-radius: 0.125rem !important;\n border-top-right-radius: 0.125rem !important;\n }\n .sm\\:border-round-right-xs {\n border-top-right-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .sm\\:border-round-bottom-xs {\n border-bottom-left-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .sm\\:border-round-left-sm {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n }\n .sm\\:border-round-top-sm {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n }\n .sm\\:border-round-right-sm {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .sm\\:border-round-bottom-sm {\n border-bottom-left-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .sm\\:border-round-left-md {\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n }\n .sm\\:border-round-top-md {\n border-top-left-radius: 0.375rem !important;\n border-top-right-radius: 0.375rem !important;\n }\n .sm\\:border-round-right-md {\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .sm\\:border-round-bottom-md {\n border-bottom-left-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .sm\\:border-round-left-lg {\n border-top-left-radius: 0.5rem !important;\n border-bottom-left-radius: 0.5rem !important;\n }\n .sm\\:border-round-top-lg {\n border-top-left-radius: 0.5rem !important;\n border-top-right-radius: 0.5rem !important;\n }\n .sm\\:border-round-right-lg {\n border-top-right-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .sm\\:border-round-bottom-lg {\n border-bottom-left-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .sm\\:border-round-left-xl {\n border-top-left-radius: 0.75rem !important;\n border-bottom-left-radius: 0.75rem !important;\n }\n .sm\\:border-round-top-xl {\n border-top-left-radius: 0.75rem !important;\n border-top-right-radius: 0.75rem !important;\n }\n .sm\\:border-round-right-xl {\n border-top-right-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .sm\\:border-round-bottom-xl {\n border-bottom-left-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .sm\\:border-round-left-2xl {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n .sm\\:border-round-top-2xl {\n border-top-left-radius: 1rem !important;\n border-top-right-radius: 1rem !important;\n }\n .sm\\:border-round-right-2xl {\n border-top-right-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .sm\\:border-round-bottom-2xl {\n border-bottom-left-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .sm\\:border-round-left-3xl {\n border-top-left-radius: 1.5rem !important;\n border-bottom-left-radius: 1.5rem !important;\n }\n .sm\\:border-round-top-3xl {\n border-top-left-radius: 1.5rem !important;\n border-top-right-radius: 1.5rem !important;\n }\n .sm\\:border-round-right-3xl {\n border-top-right-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .sm\\:border-round-bottom-3xl {\n border-bottom-left-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .sm\\:border-circle-left {\n border-top-left-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n }\n .sm\\:border-circle-top {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n }\n .sm\\:border-circle-right {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n .sm\\:border-circle-bottom {\n border-bottom-left-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:border-noround-left {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n .md\\:border-noround-top {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n .md\\:border-noround-right {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .md\\:border-noround-bottom {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .md\\:border-round-left {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n }\n .md\\:border-round-top {\n border-top-left-radius: var(--border-radius) !important;\n border-top-right-radius: var(--border-radius) !important;\n }\n .md\\:border-round-right {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .md\\:border-round-bottom {\n border-bottom-left-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .md\\:border-round-left-xs {\n border-top-left-radius: 0.125rem !important;\n border-bottom-left-radius: 0.125rem !important;\n }\n .md\\:border-round-top-xs {\n border-top-left-radius: 0.125rem !important;\n border-top-right-radius: 0.125rem !important;\n }\n .md\\:border-round-right-xs {\n border-top-right-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .md\\:border-round-bottom-xs {\n border-bottom-left-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .md\\:border-round-left-sm {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n }\n .md\\:border-round-top-sm {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n }\n .md\\:border-round-right-sm {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .md\\:border-round-bottom-sm {\n border-bottom-left-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .md\\:border-round-left-md {\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n }\n .md\\:border-round-top-md {\n border-top-left-radius: 0.375rem !important;\n border-top-right-radius: 0.375rem !important;\n }\n .md\\:border-round-right-md {\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .md\\:border-round-bottom-md {\n border-bottom-left-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .md\\:border-round-left-lg {\n border-top-left-radius: 0.5rem !important;\n border-bottom-left-radius: 0.5rem !important;\n }\n .md\\:border-round-top-lg {\n border-top-left-radius: 0.5rem !important;\n border-top-right-radius: 0.5rem !important;\n }\n .md\\:border-round-right-lg {\n border-top-right-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .md\\:border-round-bottom-lg {\n border-bottom-left-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .md\\:border-round-left-xl {\n border-top-left-radius: 0.75rem !important;\n border-bottom-left-radius: 0.75rem !important;\n }\n .md\\:border-round-top-xl {\n border-top-left-radius: 0.75rem !important;\n border-top-right-radius: 0.75rem !important;\n }\n .md\\:border-round-right-xl {\n border-top-right-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .md\\:border-round-bottom-xl {\n border-bottom-left-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .md\\:border-round-left-2xl {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n .md\\:border-round-top-2xl {\n border-top-left-radius: 1rem !important;\n border-top-right-radius: 1rem !important;\n }\n .md\\:border-round-right-2xl {\n border-top-right-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .md\\:border-round-bottom-2xl {\n border-bottom-left-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .md\\:border-round-left-3xl {\n border-top-left-radius: 1.5rem !important;\n border-bottom-left-radius: 1.5rem !important;\n }\n .md\\:border-round-top-3xl {\n border-top-left-radius: 1.5rem !important;\n border-top-right-radius: 1.5rem !important;\n }\n .md\\:border-round-right-3xl {\n border-top-right-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .md\\:border-round-bottom-3xl {\n border-bottom-left-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .md\\:border-circle-left {\n border-top-left-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n }\n .md\\:border-circle-top {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n }\n .md\\:border-circle-right {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n .md\\:border-circle-bottom {\n border-bottom-left-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:border-noround-left {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n .lg\\:border-noround-top {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n .lg\\:border-noround-right {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .lg\\:border-noround-bottom {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .lg\\:border-round-left {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n }\n .lg\\:border-round-top {\n border-top-left-radius: var(--border-radius) !important;\n border-top-right-radius: var(--border-radius) !important;\n }\n .lg\\:border-round-right {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .lg\\:border-round-bottom {\n border-bottom-left-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .lg\\:border-round-left-xs {\n border-top-left-radius: 0.125rem !important;\n border-bottom-left-radius: 0.125rem !important;\n }\n .lg\\:border-round-top-xs {\n border-top-left-radius: 0.125rem !important;\n border-top-right-radius: 0.125rem !important;\n }\n .lg\\:border-round-right-xs {\n border-top-right-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .lg\\:border-round-bottom-xs {\n border-bottom-left-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .lg\\:border-round-left-sm {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n }\n .lg\\:border-round-top-sm {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n }\n .lg\\:border-round-right-sm {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .lg\\:border-round-bottom-sm {\n border-bottom-left-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .lg\\:border-round-left-md {\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n }\n .lg\\:border-round-top-md {\n border-top-left-radius: 0.375rem !important;\n border-top-right-radius: 0.375rem !important;\n }\n .lg\\:border-round-right-md {\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .lg\\:border-round-bottom-md {\n border-bottom-left-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .lg\\:border-round-left-lg {\n border-top-left-radius: 0.5rem !important;\n border-bottom-left-radius: 0.5rem !important;\n }\n .lg\\:border-round-top-lg {\n border-top-left-radius: 0.5rem !important;\n border-top-right-radius: 0.5rem !important;\n }\n .lg\\:border-round-right-lg {\n border-top-right-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .lg\\:border-round-bottom-lg {\n border-bottom-left-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .lg\\:border-round-left-xl {\n border-top-left-radius: 0.75rem !important;\n border-bottom-left-radius: 0.75rem !important;\n }\n .lg\\:border-round-top-xl {\n border-top-left-radius: 0.75rem !important;\n border-top-right-radius: 0.75rem !important;\n }\n .lg\\:border-round-right-xl {\n border-top-right-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .lg\\:border-round-bottom-xl {\n border-bottom-left-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .lg\\:border-round-left-2xl {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n .lg\\:border-round-top-2xl {\n border-top-left-radius: 1rem !important;\n border-top-right-radius: 1rem !important;\n }\n .lg\\:border-round-right-2xl {\n border-top-right-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .lg\\:border-round-bottom-2xl {\n border-bottom-left-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .lg\\:border-round-left-3xl {\n border-top-left-radius: 1.5rem !important;\n border-bottom-left-radius: 1.5rem !important;\n }\n .lg\\:border-round-top-3xl {\n border-top-left-radius: 1.5rem !important;\n border-top-right-radius: 1.5rem !important;\n }\n .lg\\:border-round-right-3xl {\n border-top-right-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .lg\\:border-round-bottom-3xl {\n border-bottom-left-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .lg\\:border-circle-left {\n border-top-left-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n }\n .lg\\:border-circle-top {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n }\n .lg\\:border-circle-right {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n .lg\\:border-circle-bottom {\n border-bottom-left-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:border-noround-left {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n .xl\\:border-noround-top {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n .xl\\:border-noround-right {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .xl\\:border-noround-bottom {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n .xl\\:border-round-left {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n }\n .xl\\:border-round-top {\n border-top-left-radius: var(--border-radius) !important;\n border-top-right-radius: var(--border-radius) !important;\n }\n .xl\\:border-round-right {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .xl\\:border-round-bottom {\n border-bottom-left-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n }\n .xl\\:border-round-left-xs {\n border-top-left-radius: 0.125rem !important;\n border-bottom-left-radius: 0.125rem !important;\n }\n .xl\\:border-round-top-xs {\n border-top-left-radius: 0.125rem !important;\n border-top-right-radius: 0.125rem !important;\n }\n .xl\\:border-round-right-xs {\n border-top-right-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .xl\\:border-round-bottom-xs {\n border-bottom-left-radius: 0.125rem !important;\n border-bottom-right-radius: 0.125rem !important;\n }\n .xl\\:border-round-left-sm {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n }\n .xl\\:border-round-top-sm {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n }\n .xl\\:border-round-right-sm {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .xl\\:border-round-bottom-sm {\n border-bottom-left-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n }\n .xl\\:border-round-left-md {\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n }\n .xl\\:border-round-top-md {\n border-top-left-radius: 0.375rem !important;\n border-top-right-radius: 0.375rem !important;\n }\n .xl\\:border-round-right-md {\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .xl\\:border-round-bottom-md {\n border-bottom-left-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n }\n .xl\\:border-round-left-lg {\n border-top-left-radius: 0.5rem !important;\n border-bottom-left-radius: 0.5rem !important;\n }\n .xl\\:border-round-top-lg {\n border-top-left-radius: 0.5rem !important;\n border-top-right-radius: 0.5rem !important;\n }\n .xl\\:border-round-right-lg {\n border-top-right-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .xl\\:border-round-bottom-lg {\n border-bottom-left-radius: 0.5rem !important;\n border-bottom-right-radius: 0.5rem !important;\n }\n .xl\\:border-round-left-xl {\n border-top-left-radius: 0.75rem !important;\n border-bottom-left-radius: 0.75rem !important;\n }\n .xl\\:border-round-top-xl {\n border-top-left-radius: 0.75rem !important;\n border-top-right-radius: 0.75rem !important;\n }\n .xl\\:border-round-right-xl {\n border-top-right-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .xl\\:border-round-bottom-xl {\n border-bottom-left-radius: 0.75rem !important;\n border-bottom-right-radius: 0.75rem !important;\n }\n .xl\\:border-round-left-2xl {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n .xl\\:border-round-top-2xl {\n border-top-left-radius: 1rem !important;\n border-top-right-radius: 1rem !important;\n }\n .xl\\:border-round-right-2xl {\n border-top-right-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .xl\\:border-round-bottom-2xl {\n border-bottom-left-radius: 1rem !important;\n border-bottom-right-radius: 1rem !important;\n }\n .xl\\:border-round-left-3xl {\n border-top-left-radius: 1.5rem !important;\n border-bottom-left-radius: 1.5rem !important;\n }\n .xl\\:border-round-top-3xl {\n border-top-left-radius: 1.5rem !important;\n border-top-right-radius: 1.5rem !important;\n }\n .xl\\:border-round-right-3xl {\n border-top-right-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .xl\\:border-round-bottom-3xl {\n border-bottom-left-radius: 1.5rem !important;\n border-bottom-right-radius: 1.5rem !important;\n }\n .xl\\:border-circle-left {\n border-top-left-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n }\n .xl\\:border-circle-top {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n }\n .xl\\:border-circle-right {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n .xl\\:border-circle-bottom {\n border-bottom-left-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n }\n }\n .w-full {\n width: 100% !important;\n }\n \n .w-screen {\n width: 100vw !important;\n }\n \n .w-auto {\n width: auto !important;\n }\n \n .w-1 {\n width: 8.3333% !important;\n }\n \n .w-2 {\n width: 16.6667% !important;\n }\n \n .w-3 {\n width: 25% !important;\n }\n \n .w-4 {\n width: 33.3333% !important;\n }\n \n .w-5 {\n width: 41.6667% !important;\n }\n \n .w-6 {\n width: 50% !important;\n }\n \n .w-7 {\n width: 58.3333% !important;\n }\n \n .w-8 {\n width: 66.6667% !important;\n }\n \n .w-9 {\n width: 75% !important;\n }\n \n .w-10 {\n width: 83.3333% !important;\n }\n \n .w-11 {\n width: 91.6667% !important;\n }\n \n .w-12 {\n width: 100% !important;\n }\n \n .w-min {\n width: min-content !important;\n }\n \n .w-max {\n width: max-content !important;\n }\n \n .w-fit {\n width: fit-content !important;\n }\n \n .w-1rem {\n width: 1rem !important;\n }\n \n .w-2rem {\n width: 2rem !important;\n }\n \n .w-3rem {\n width: 3rem !important;\n }\n \n .w-4rem {\n width: 4rem !important;\n }\n \n .w-5rem {\n width: 5rem !important;\n }\n \n .w-6rem {\n width: 6rem !important;\n }\n \n .w-7rem {\n width: 7rem !important;\n }\n \n .w-8rem {\n width: 8rem !important;\n }\n \n .w-9rem {\n width: 9rem !important;\n }\n \n .w-10rem {\n width: 10rem !important;\n }\n \n .w-11rem {\n width: 11rem !important;\n }\n \n .w-12rem {\n width: 12rem !important;\n }\n \n .w-13rem {\n width: 13rem !important;\n }\n \n .w-14rem {\n width: 14rem !important;\n }\n \n .w-15rem {\n width: 15rem !important;\n }\n \n .w-16rem {\n width: 16rem !important;\n }\n \n .w-17rem {\n width: 17rem !important;\n }\n \n .w-18rem {\n width: 18rem !important;\n }\n \n .w-19rem {\n width: 19rem !important;\n }\n \n .w-20rem {\n width: 20rem !important;\n }\n \n .w-21rem {\n width: 21rem !important;\n }\n \n .w-22rem {\n width: 22rem !important;\n }\n \n .w-23rem {\n width: 23rem !important;\n }\n \n .w-24rem {\n width: 24rem !important;\n }\n \n .w-25rem {\n width: 25rem !important;\n }\n \n .w-26rem {\n width: 26rem !important;\n }\n \n .w-27rem {\n width: 27rem !important;\n }\n \n .w-28rem {\n width: 28rem !important;\n }\n \n .w-29rem {\n width: 29rem !important;\n }\n \n .w-30rem {\n width: 30rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:w-full {\n width: 100% !important;\n }\n .sm\\:w-screen {\n width: 100vw !important;\n }\n .sm\\:w-auto {\n width: auto !important;\n }\n .sm\\:w-1 {\n width: 8.3333% !important;\n }\n .sm\\:w-2 {\n width: 16.6667% !important;\n }\n .sm\\:w-3 {\n width: 25% !important;\n }\n .sm\\:w-4 {\n width: 33.3333% !important;\n }\n .sm\\:w-5 {\n width: 41.6667% !important;\n }\n .sm\\:w-6 {\n width: 50% !important;\n }\n .sm\\:w-7 {\n width: 58.3333% !important;\n }\n .sm\\:w-8 {\n width: 66.6667% !important;\n }\n .sm\\:w-9 {\n width: 75% !important;\n }\n .sm\\:w-10 {\n width: 83.3333% !important;\n }\n .sm\\:w-11 {\n width: 91.6667% !important;\n }\n .sm\\:w-12 {\n width: 100% !important;\n }\n .sm\\:w-min {\n width: min-content !important;\n }\n .sm\\:w-max {\n width: max-content !important;\n }\n .sm\\:w-fit {\n width: fit-content !important;\n }\n .sm\\:w-1rem {\n width: 1rem !important;\n }\n .sm\\:w-2rem {\n width: 2rem !important;\n }\n .sm\\:w-3rem {\n width: 3rem !important;\n }\n .sm\\:w-4rem {\n width: 4rem !important;\n }\n .sm\\:w-5rem {\n width: 5rem !important;\n }\n .sm\\:w-6rem {\n width: 6rem !important;\n }\n .sm\\:w-7rem {\n width: 7rem !important;\n }\n .sm\\:w-8rem {\n width: 8rem !important;\n }\n .sm\\:w-9rem {\n width: 9rem !important;\n }\n .sm\\:w-10rem {\n width: 10rem !important;\n }\n .sm\\:w-11rem {\n width: 11rem !important;\n }\n .sm\\:w-12rem {\n width: 12rem !important;\n }\n .sm\\:w-13rem {\n width: 13rem !important;\n }\n .sm\\:w-14rem {\n width: 14rem !important;\n }\n .sm\\:w-15rem {\n width: 15rem !important;\n }\n .sm\\:w-16rem {\n width: 16rem !important;\n }\n .sm\\:w-17rem {\n width: 17rem !important;\n }\n .sm\\:w-18rem {\n width: 18rem !important;\n }\n .sm\\:w-19rem {\n width: 19rem !important;\n }\n .sm\\:w-20rem {\n width: 20rem !important;\n }\n .sm\\:w-21rem {\n width: 21rem !important;\n }\n .sm\\:w-22rem {\n width: 22rem !important;\n }\n .sm\\:w-23rem {\n width: 23rem !important;\n }\n .sm\\:w-24rem {\n width: 24rem !important;\n }\n .sm\\:w-25rem {\n width: 25rem !important;\n }\n .sm\\:w-26rem {\n width: 26rem !important;\n }\n .sm\\:w-27rem {\n width: 27rem !important;\n }\n .sm\\:w-28rem {\n width: 28rem !important;\n }\n .sm\\:w-29rem {\n width: 29rem !important;\n }\n .sm\\:w-30rem {\n width: 30rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:w-full {\n width: 100% !important;\n }\n .md\\:w-screen {\n width: 100vw !important;\n }\n .md\\:w-auto {\n width: auto !important;\n }\n .md\\:w-1 {\n width: 8.3333% !important;\n }\n .md\\:w-2 {\n width: 16.6667% !important;\n }\n .md\\:w-3 {\n width: 25% !important;\n }\n .md\\:w-4 {\n width: 33.3333% !important;\n }\n .md\\:w-5 {\n width: 41.6667% !important;\n }\n .md\\:w-6 {\n width: 50% !important;\n }\n .md\\:w-7 {\n width: 58.3333% !important;\n }\n .md\\:w-8 {\n width: 66.6667% !important;\n }\n .md\\:w-9 {\n width: 75% !important;\n }\n .md\\:w-10 {\n width: 83.3333% !important;\n }\n .md\\:w-11 {\n width: 91.6667% !important;\n }\n .md\\:w-12 {\n width: 100% !important;\n }\n .md\\:w-min {\n width: min-content !important;\n }\n .md\\:w-max {\n width: max-content !important;\n }\n .md\\:w-fit {\n width: fit-content !important;\n }\n .md\\:w-1rem {\n width: 1rem !important;\n }\n .md\\:w-2rem {\n width: 2rem !important;\n }\n .md\\:w-3rem {\n width: 3rem !important;\n }\n .md\\:w-4rem {\n width: 4rem !important;\n }\n .md\\:w-5rem {\n width: 5rem !important;\n }\n .md\\:w-6rem {\n width: 6rem !important;\n }\n .md\\:w-7rem {\n width: 7rem !important;\n }\n .md\\:w-8rem {\n width: 8rem !important;\n }\n .md\\:w-9rem {\n width: 9rem !important;\n }\n .md\\:w-10rem {\n width: 10rem !important;\n }\n .md\\:w-11rem {\n width: 11rem !important;\n }\n .md\\:w-12rem {\n width: 12rem !important;\n }\n .md\\:w-13rem {\n width: 13rem !important;\n }\n .md\\:w-14rem {\n width: 14rem !important;\n }\n .md\\:w-15rem {\n width: 15rem !important;\n }\n .md\\:w-16rem {\n width: 16rem !important;\n }\n .md\\:w-17rem {\n width: 17rem !important;\n }\n .md\\:w-18rem {\n width: 18rem !important;\n }\n .md\\:w-19rem {\n width: 19rem !important;\n }\n .md\\:w-20rem {\n width: 20rem !important;\n }\n .md\\:w-21rem {\n width: 21rem !important;\n }\n .md\\:w-22rem {\n width: 22rem !important;\n }\n .md\\:w-23rem {\n width: 23rem !important;\n }\n .md\\:w-24rem {\n width: 24rem !important;\n }\n .md\\:w-25rem {\n width: 25rem !important;\n }\n .md\\:w-26rem {\n width: 26rem !important;\n }\n .md\\:w-27rem {\n width: 27rem !important;\n }\n .md\\:w-28rem {\n width: 28rem !important;\n }\n .md\\:w-29rem {\n width: 29rem !important;\n }\n .md\\:w-30rem {\n width: 30rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:w-full {\n width: 100% !important;\n }\n .lg\\:w-screen {\n width: 100vw !important;\n }\n .lg\\:w-auto {\n width: auto !important;\n }\n .lg\\:w-1 {\n width: 8.3333% !important;\n }\n .lg\\:w-2 {\n width: 16.6667% !important;\n }\n .lg\\:w-3 {\n width: 25% !important;\n }\n .lg\\:w-4 {\n width: 33.3333% !important;\n }\n .lg\\:w-5 {\n width: 41.6667% !important;\n }\n .lg\\:w-6 {\n width: 50% !important;\n }\n .lg\\:w-7 {\n width: 58.3333% !important;\n }\n .lg\\:w-8 {\n width: 66.6667% !important;\n }\n .lg\\:w-9 {\n width: 75% !important;\n }\n .lg\\:w-10 {\n width: 83.3333% !important;\n }\n .lg\\:w-11 {\n width: 91.6667% !important;\n }\n .lg\\:w-12 {\n width: 100% !important;\n }\n .lg\\:w-min {\n width: min-content !important;\n }\n .lg\\:w-max {\n width: max-content !important;\n }\n .lg\\:w-fit {\n width: fit-content !important;\n }\n .lg\\:w-1rem {\n width: 1rem !important;\n }\n .lg\\:w-2rem {\n width: 2rem !important;\n }\n .lg\\:w-3rem {\n width: 3rem !important;\n }\n .lg\\:w-4rem {\n width: 4rem !important;\n }\n .lg\\:w-5rem {\n width: 5rem !important;\n }\n .lg\\:w-6rem {\n width: 6rem !important;\n }\n .lg\\:w-7rem {\n width: 7rem !important;\n }\n .lg\\:w-8rem {\n width: 8rem !important;\n }\n .lg\\:w-9rem {\n width: 9rem !important;\n }\n .lg\\:w-10rem {\n width: 10rem !important;\n }\n .lg\\:w-11rem {\n width: 11rem !important;\n }\n .lg\\:w-12rem {\n width: 12rem !important;\n }\n .lg\\:w-13rem {\n width: 13rem !important;\n }\n .lg\\:w-14rem {\n width: 14rem !important;\n }\n .lg\\:w-15rem {\n width: 15rem !important;\n }\n .lg\\:w-16rem {\n width: 16rem !important;\n }\n .lg\\:w-17rem {\n width: 17rem !important;\n }\n .lg\\:w-18rem {\n width: 18rem !important;\n }\n .lg\\:w-19rem {\n width: 19rem !important;\n }\n .lg\\:w-20rem {\n width: 20rem !important;\n }\n .lg\\:w-21rem {\n width: 21rem !important;\n }\n .lg\\:w-22rem {\n width: 22rem !important;\n }\n .lg\\:w-23rem {\n width: 23rem !important;\n }\n .lg\\:w-24rem {\n width: 24rem !important;\n }\n .lg\\:w-25rem {\n width: 25rem !important;\n }\n .lg\\:w-26rem {\n width: 26rem !important;\n }\n .lg\\:w-27rem {\n width: 27rem !important;\n }\n .lg\\:w-28rem {\n width: 28rem !important;\n }\n .lg\\:w-29rem {\n width: 29rem !important;\n }\n .lg\\:w-30rem {\n width: 30rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:w-full {\n width: 100% !important;\n }\n .xl\\:w-screen {\n width: 100vw !important;\n }\n .xl\\:w-auto {\n width: auto !important;\n }\n .xl\\:w-1 {\n width: 8.3333% !important;\n }\n .xl\\:w-2 {\n width: 16.6667% !important;\n }\n .xl\\:w-3 {\n width: 25% !important;\n }\n .xl\\:w-4 {\n width: 33.3333% !important;\n }\n .xl\\:w-5 {\n width: 41.6667% !important;\n }\n .xl\\:w-6 {\n width: 50% !important;\n }\n .xl\\:w-7 {\n width: 58.3333% !important;\n }\n .xl\\:w-8 {\n width: 66.6667% !important;\n }\n .xl\\:w-9 {\n width: 75% !important;\n }\n .xl\\:w-10 {\n width: 83.3333% !important;\n }\n .xl\\:w-11 {\n width: 91.6667% !important;\n }\n .xl\\:w-12 {\n width: 100% !important;\n }\n .xl\\:w-min {\n width: min-content !important;\n }\n .xl\\:w-max {\n width: max-content !important;\n }\n .xl\\:w-fit {\n width: fit-content !important;\n }\n .xl\\:w-1rem {\n width: 1rem !important;\n }\n .xl\\:w-2rem {\n width: 2rem !important;\n }\n .xl\\:w-3rem {\n width: 3rem !important;\n }\n .xl\\:w-4rem {\n width: 4rem !important;\n }\n .xl\\:w-5rem {\n width: 5rem !important;\n }\n .xl\\:w-6rem {\n width: 6rem !important;\n }\n .xl\\:w-7rem {\n width: 7rem !important;\n }\n .xl\\:w-8rem {\n width: 8rem !important;\n }\n .xl\\:w-9rem {\n width: 9rem !important;\n }\n .xl\\:w-10rem {\n width: 10rem !important;\n }\n .xl\\:w-11rem {\n width: 11rem !important;\n }\n .xl\\:w-12rem {\n width: 12rem !important;\n }\n .xl\\:w-13rem {\n width: 13rem !important;\n }\n .xl\\:w-14rem {\n width: 14rem !important;\n }\n .xl\\:w-15rem {\n width: 15rem !important;\n }\n .xl\\:w-16rem {\n width: 16rem !important;\n }\n .xl\\:w-17rem {\n width: 17rem !important;\n }\n .xl\\:w-18rem {\n width: 18rem !important;\n }\n .xl\\:w-19rem {\n width: 19rem !important;\n }\n .xl\\:w-20rem {\n width: 20rem !important;\n }\n .xl\\:w-21rem {\n width: 21rem !important;\n }\n .xl\\:w-22rem {\n width: 22rem !important;\n }\n .xl\\:w-23rem {\n width: 23rem !important;\n }\n .xl\\:w-24rem {\n width: 24rem !important;\n }\n .xl\\:w-25rem {\n width: 25rem !important;\n }\n .xl\\:w-26rem {\n width: 26rem !important;\n }\n .xl\\:w-27rem {\n width: 27rem !important;\n }\n .xl\\:w-28rem {\n width: 28rem !important;\n }\n .xl\\:w-29rem {\n width: 29rem !important;\n }\n .xl\\:w-30rem {\n width: 30rem !important;\n }\n }\n .h-full {\n height: 100% !important;\n }\n \n .h-screen {\n height: 100vh !important;\n }\n \n .h-auto {\n height: auto !important;\n }\n \n .h-min {\n height: min-content !important;\n }\n \n .h-max {\n height: max-content !important;\n }\n \n .h-fit {\n height: fit-content !important;\n }\n \n .h-1rem {\n height: 1rem !important;\n }\n \n .h-2rem {\n height: 2rem !important;\n }\n \n .h-3rem {\n height: 3rem !important;\n }\n \n .h-4rem {\n height: 4rem !important;\n }\n \n .h-5rem {\n height: 5rem !important;\n }\n \n .h-6rem {\n height: 6rem !important;\n }\n \n .h-7rem {\n height: 7rem !important;\n }\n \n .h-8rem {\n height: 8rem !important;\n }\n \n .h-9rem {\n height: 9rem !important;\n }\n \n .h-10rem {\n height: 10rem !important;\n }\n \n .h-11rem {\n height: 11rem !important;\n }\n \n .h-12rem {\n height: 12rem !important;\n }\n \n .h-13rem {\n height: 13rem !important;\n }\n \n .h-14rem {\n height: 14rem !important;\n }\n \n .h-15rem {\n height: 15rem !important;\n }\n \n .h-16rem {\n height: 16rem !important;\n }\n \n .h-17rem {\n height: 17rem !important;\n }\n \n .h-18rem {\n height: 18rem !important;\n }\n \n .h-19rem {\n height: 19rem !important;\n }\n \n .h-20rem {\n height: 20rem !important;\n }\n \n .h-21rem {\n height: 21rem !important;\n }\n \n .h-22rem {\n height: 22rem !important;\n }\n \n .h-23rem {\n height: 23rem !important;\n }\n \n .h-24rem {\n height: 24rem !important;\n }\n \n .h-25rem {\n height: 25rem !important;\n }\n \n .h-26rem {\n height: 26rem !important;\n }\n \n .h-27rem {\n height: 27rem !important;\n }\n \n .h-28rem {\n height: 28rem !important;\n }\n \n .h-29rem {\n height: 29rem !important;\n }\n \n .h-30rem {\n height: 30rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:h-full {\n height: 100% !important;\n }\n .sm\\:h-screen {\n height: 100vh !important;\n }\n .sm\\:h-auto {\n height: auto !important;\n }\n .sm\\:h-min {\n height: min-content !important;\n }\n .sm\\:h-max {\n height: max-content !important;\n }\n .sm\\:h-fit {\n height: fit-content !important;\n }\n .sm\\:h-1rem {\n height: 1rem !important;\n }\n .sm\\:h-2rem {\n height: 2rem !important;\n }\n .sm\\:h-3rem {\n height: 3rem !important;\n }\n .sm\\:h-4rem {\n height: 4rem !important;\n }\n .sm\\:h-5rem {\n height: 5rem !important;\n }\n .sm\\:h-6rem {\n height: 6rem !important;\n }\n .sm\\:h-7rem {\n height: 7rem !important;\n }\n .sm\\:h-8rem {\n height: 8rem !important;\n }\n .sm\\:h-9rem {\n height: 9rem !important;\n }\n .sm\\:h-10rem {\n height: 10rem !important;\n }\n .sm\\:h-11rem {\n height: 11rem !important;\n }\n .sm\\:h-12rem {\n height: 12rem !important;\n }\n .sm\\:h-13rem {\n height: 13rem !important;\n }\n .sm\\:h-14rem {\n height: 14rem !important;\n }\n .sm\\:h-15rem {\n height: 15rem !important;\n }\n .sm\\:h-16rem {\n height: 16rem !important;\n }\n .sm\\:h-17rem {\n height: 17rem !important;\n }\n .sm\\:h-18rem {\n height: 18rem !important;\n }\n .sm\\:h-19rem {\n height: 19rem !important;\n }\n .sm\\:h-20rem {\n height: 20rem !important;\n }\n .sm\\:h-21rem {\n height: 21rem !important;\n }\n .sm\\:h-22rem {\n height: 22rem !important;\n }\n .sm\\:h-23rem {\n height: 23rem !important;\n }\n .sm\\:h-24rem {\n height: 24rem !important;\n }\n .sm\\:h-25rem {\n height: 25rem !important;\n }\n .sm\\:h-26rem {\n height: 26rem !important;\n }\n .sm\\:h-27rem {\n height: 27rem !important;\n }\n .sm\\:h-28rem {\n height: 28rem !important;\n }\n .sm\\:h-29rem {\n height: 29rem !important;\n }\n .sm\\:h-30rem {\n height: 30rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:h-full {\n height: 100% !important;\n }\n .md\\:h-screen {\n height: 100vh !important;\n }\n .md\\:h-auto {\n height: auto !important;\n }\n .md\\:h-min {\n height: min-content !important;\n }\n .md\\:h-max {\n height: max-content !important;\n }\n .md\\:h-fit {\n height: fit-content !important;\n }\n .md\\:h-1rem {\n height: 1rem !important;\n }\n .md\\:h-2rem {\n height: 2rem !important;\n }\n .md\\:h-3rem {\n height: 3rem !important;\n }\n .md\\:h-4rem {\n height: 4rem !important;\n }\n .md\\:h-5rem {\n height: 5rem !important;\n }\n .md\\:h-6rem {\n height: 6rem !important;\n }\n .md\\:h-7rem {\n height: 7rem !important;\n }\n .md\\:h-8rem {\n height: 8rem !important;\n }\n .md\\:h-9rem {\n height: 9rem !important;\n }\n .md\\:h-10rem {\n height: 10rem !important;\n }\n .md\\:h-11rem {\n height: 11rem !important;\n }\n .md\\:h-12rem {\n height: 12rem !important;\n }\n .md\\:h-13rem {\n height: 13rem !important;\n }\n .md\\:h-14rem {\n height: 14rem !important;\n }\n .md\\:h-15rem {\n height: 15rem !important;\n }\n .md\\:h-16rem {\n height: 16rem !important;\n }\n .md\\:h-17rem {\n height: 17rem !important;\n }\n .md\\:h-18rem {\n height: 18rem !important;\n }\n .md\\:h-19rem {\n height: 19rem !important;\n }\n .md\\:h-20rem {\n height: 20rem !important;\n }\n .md\\:h-21rem {\n height: 21rem !important;\n }\n .md\\:h-22rem {\n height: 22rem !important;\n }\n .md\\:h-23rem {\n height: 23rem !important;\n }\n .md\\:h-24rem {\n height: 24rem !important;\n }\n .md\\:h-25rem {\n height: 25rem !important;\n }\n .md\\:h-26rem {\n height: 26rem !important;\n }\n .md\\:h-27rem {\n height: 27rem !important;\n }\n .md\\:h-28rem {\n height: 28rem !important;\n }\n .md\\:h-29rem {\n height: 29rem !important;\n }\n .md\\:h-30rem {\n height: 30rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:h-full {\n height: 100% !important;\n }\n .lg\\:h-screen {\n height: 100vh !important;\n }\n .lg\\:h-auto {\n height: auto !important;\n }\n .lg\\:h-min {\n height: min-content !important;\n }\n .lg\\:h-max {\n height: max-content !important;\n }\n .lg\\:h-fit {\n height: fit-content !important;\n }\n .lg\\:h-1rem {\n height: 1rem !important;\n }\n .lg\\:h-2rem {\n height: 2rem !important;\n }\n .lg\\:h-3rem {\n height: 3rem !important;\n }\n .lg\\:h-4rem {\n height: 4rem !important;\n }\n .lg\\:h-5rem {\n height: 5rem !important;\n }\n .lg\\:h-6rem {\n height: 6rem !important;\n }\n .lg\\:h-7rem {\n height: 7rem !important;\n }\n .lg\\:h-8rem {\n height: 8rem !important;\n }\n .lg\\:h-9rem {\n height: 9rem !important;\n }\n .lg\\:h-10rem {\n height: 10rem !important;\n }\n .lg\\:h-11rem {\n height: 11rem !important;\n }\n .lg\\:h-12rem {\n height: 12rem !important;\n }\n .lg\\:h-13rem {\n height: 13rem !important;\n }\n .lg\\:h-14rem {\n height: 14rem !important;\n }\n .lg\\:h-15rem {\n height: 15rem !important;\n }\n .lg\\:h-16rem {\n height: 16rem !important;\n }\n .lg\\:h-17rem {\n height: 17rem !important;\n }\n .lg\\:h-18rem {\n height: 18rem !important;\n }\n .lg\\:h-19rem {\n height: 19rem !important;\n }\n .lg\\:h-20rem {\n height: 20rem !important;\n }\n .lg\\:h-21rem {\n height: 21rem !important;\n }\n .lg\\:h-22rem {\n height: 22rem !important;\n }\n .lg\\:h-23rem {\n height: 23rem !important;\n }\n .lg\\:h-24rem {\n height: 24rem !important;\n }\n .lg\\:h-25rem {\n height: 25rem !important;\n }\n .lg\\:h-26rem {\n height: 26rem !important;\n }\n .lg\\:h-27rem {\n height: 27rem !important;\n }\n .lg\\:h-28rem {\n height: 28rem !important;\n }\n .lg\\:h-29rem {\n height: 29rem !important;\n }\n .lg\\:h-30rem {\n height: 30rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:h-full {\n height: 100% !important;\n }\n .xl\\:h-screen {\n height: 100vh !important;\n }\n .xl\\:h-auto {\n height: auto !important;\n }\n .xl\\:h-min {\n height: min-content !important;\n }\n .xl\\:h-max {\n height: max-content !important;\n }\n .xl\\:h-fit {\n height: fit-content !important;\n }\n .xl\\:h-1rem {\n height: 1rem !important;\n }\n .xl\\:h-2rem {\n height: 2rem !important;\n }\n .xl\\:h-3rem {\n height: 3rem !important;\n }\n .xl\\:h-4rem {\n height: 4rem !important;\n }\n .xl\\:h-5rem {\n height: 5rem !important;\n }\n .xl\\:h-6rem {\n height: 6rem !important;\n }\n .xl\\:h-7rem {\n height: 7rem !important;\n }\n .xl\\:h-8rem {\n height: 8rem !important;\n }\n .xl\\:h-9rem {\n height: 9rem !important;\n }\n .xl\\:h-10rem {\n height: 10rem !important;\n }\n .xl\\:h-11rem {\n height: 11rem !important;\n }\n .xl\\:h-12rem {\n height: 12rem !important;\n }\n .xl\\:h-13rem {\n height: 13rem !important;\n }\n .xl\\:h-14rem {\n height: 14rem !important;\n }\n .xl\\:h-15rem {\n height: 15rem !important;\n }\n .xl\\:h-16rem {\n height: 16rem !important;\n }\n .xl\\:h-17rem {\n height: 17rem !important;\n }\n .xl\\:h-18rem {\n height: 18rem !important;\n }\n .xl\\:h-19rem {\n height: 19rem !important;\n }\n .xl\\:h-20rem {\n height: 20rem !important;\n }\n .xl\\:h-21rem {\n height: 21rem !important;\n }\n .xl\\:h-22rem {\n height: 22rem !important;\n }\n .xl\\:h-23rem {\n height: 23rem !important;\n }\n .xl\\:h-24rem {\n height: 24rem !important;\n }\n .xl\\:h-25rem {\n height: 25rem !important;\n }\n .xl\\:h-26rem {\n height: 26rem !important;\n }\n .xl\\:h-27rem {\n height: 27rem !important;\n }\n .xl\\:h-28rem {\n height: 28rem !important;\n }\n .xl\\:h-29rem {\n height: 29rem !important;\n }\n .xl\\:h-30rem {\n height: 30rem !important;\n }\n }\n .min-w-0 {\n min-width: 0px !important;\n }\n \n .min-w-full {\n min-width: 100% !important;\n }\n \n .min-w-screen {\n min-width: 100vw !important;\n }\n \n .min-w-min {\n min-width: min-content !important;\n }\n \n .min-w-max {\n min-width: max-content !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:min-w-0 {\n min-width: 0px !important;\n }\n .sm\\:min-w-full {\n min-width: 100% !important;\n }\n .sm\\:min-w-screen {\n min-width: 100vw !important;\n }\n .sm\\:min-w-min {\n min-width: min-content !important;\n }\n .sm\\:min-w-max {\n min-width: max-content !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:min-w-0 {\n min-width: 0px !important;\n }\n .md\\:min-w-full {\n min-width: 100% !important;\n }\n .md\\:min-w-screen {\n min-width: 100vw !important;\n }\n .md\\:min-w-min {\n min-width: min-content !important;\n }\n .md\\:min-w-max {\n min-width: max-content !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:min-w-0 {\n min-width: 0px !important;\n }\n .lg\\:min-w-full {\n min-width: 100% !important;\n }\n .lg\\:min-w-screen {\n min-width: 100vw !important;\n }\n .lg\\:min-w-min {\n min-width: min-content !important;\n }\n .lg\\:min-w-max {\n min-width: max-content !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:min-w-0 {\n min-width: 0px !important;\n }\n .xl\\:min-w-full {\n min-width: 100% !important;\n }\n .xl\\:min-w-screen {\n min-width: 100vw !important;\n }\n .xl\\:min-w-min {\n min-width: min-content !important;\n }\n .xl\\:min-w-max {\n min-width: max-content !important;\n }\n }\n .max-w-0 {\n max-width: 0px !important;\n }\n \n .max-w-full {\n max-width: 100% !important;\n }\n \n .max-w-screen {\n max-width: 100vw !important;\n }\n \n .max-w-min {\n max-width: min-content !important;\n }\n \n .max-w-max {\n max-width: max-content !important;\n }\n \n .max-w-fit {\n max-width: fit-content !important;\n }\n \n .max-w-1rem {\n max-width: 1rem !important;\n }\n \n .max-w-2rem {\n max-width: 2rem !important;\n }\n \n .max-w-3rem {\n max-width: 3rem !important;\n }\n \n .max-w-4rem {\n max-width: 4rem !important;\n }\n \n .max-w-5rem {\n max-width: 5rem !important;\n }\n \n .max-w-6rem {\n max-width: 6rem !important;\n }\n \n .max-w-7rem {\n max-width: 7rem !important;\n }\n \n .max-w-8rem {\n max-width: 8rem !important;\n }\n \n .max-w-9rem {\n max-width: 9rem !important;\n }\n \n .max-w-10rem {\n max-width: 10rem !important;\n }\n \n .max-w-11rem {\n max-width: 11rem !important;\n }\n \n .max-w-12rem {\n max-width: 12rem !important;\n }\n \n .max-w-13rem {\n max-width: 13rem !important;\n }\n \n .max-w-14rem {\n max-width: 14rem !important;\n }\n \n .max-w-15rem {\n max-width: 15rem !important;\n }\n \n .max-w-16rem {\n max-width: 16rem !important;\n }\n \n .max-w-17rem {\n max-width: 17rem !important;\n }\n \n .max-w-18rem {\n max-width: 18rem !important;\n }\n \n .max-w-19rem {\n max-width: 19rem !important;\n }\n \n .max-w-20rem {\n max-width: 20rem !important;\n }\n \n .max-w-21rem {\n max-width: 21rem !important;\n }\n \n .max-w-22rem {\n max-width: 22rem !important;\n }\n \n .max-w-23rem {\n max-width: 23rem !important;\n }\n \n .max-w-24rem {\n max-width: 24rem !important;\n }\n \n .max-w-25rem {\n max-width: 25rem !important;\n }\n \n .max-w-26rem {\n max-width: 26rem !important;\n }\n \n .max-w-27rem {\n max-width: 27rem !important;\n }\n \n .max-w-28rem {\n max-width: 28rem !important;\n }\n \n .max-w-29rem {\n max-width: 29rem !important;\n }\n \n .max-w-30rem {\n max-width: 30rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:max-w-0 {\n max-width: 0px !important;\n }\n .sm\\:max-w-full {\n max-width: 100% !important;\n }\n .sm\\:max-w-screen {\n max-width: 100vw !important;\n }\n .sm\\:max-w-min {\n max-width: min-content !important;\n }\n .sm\\:max-w-max {\n max-width: max-content !important;\n }\n .sm\\:max-w-fit {\n max-width: fit-content !important;\n }\n .sm\\:max-w-1rem {\n max-width: 1rem !important;\n }\n .sm\\:max-w-2rem {\n max-width: 2rem !important;\n }\n .sm\\:max-w-3rem {\n max-width: 3rem !important;\n }\n .sm\\:max-w-4rem {\n max-width: 4rem !important;\n }\n .sm\\:max-w-5rem {\n max-width: 5rem !important;\n }\n .sm\\:max-w-6rem {\n max-width: 6rem !important;\n }\n .sm\\:max-w-7rem {\n max-width: 7rem !important;\n }\n .sm\\:max-w-8rem {\n max-width: 8rem !important;\n }\n .sm\\:max-w-9rem {\n max-width: 9rem !important;\n }\n .sm\\:max-w-10rem {\n max-width: 10rem !important;\n }\n .sm\\:max-w-11rem {\n max-width: 11rem !important;\n }\n .sm\\:max-w-12rem {\n max-width: 12rem !important;\n }\n .sm\\:max-w-13rem {\n max-width: 13rem !important;\n }\n .sm\\:max-w-14rem {\n max-width: 14rem !important;\n }\n .sm\\:max-w-15rem {\n max-width: 15rem !important;\n }\n .sm\\:max-w-16rem {\n max-width: 16rem !important;\n }\n .sm\\:max-w-17rem {\n max-width: 17rem !important;\n }\n .sm\\:max-w-18rem {\n max-width: 18rem !important;\n }\n .sm\\:max-w-19rem {\n max-width: 19rem !important;\n }\n .sm\\:max-w-20rem {\n max-width: 20rem !important;\n }\n .sm\\:max-w-21rem {\n max-width: 21rem !important;\n }\n .sm\\:max-w-22rem {\n max-width: 22rem !important;\n }\n .sm\\:max-w-23rem {\n max-width: 23rem !important;\n }\n .sm\\:max-w-24rem {\n max-width: 24rem !important;\n }\n .sm\\:max-w-25rem {\n max-width: 25rem !important;\n }\n .sm\\:max-w-26rem {\n max-width: 26rem !important;\n }\n .sm\\:max-w-27rem {\n max-width: 27rem !important;\n }\n .sm\\:max-w-28rem {\n max-width: 28rem !important;\n }\n .sm\\:max-w-29rem {\n max-width: 29rem !important;\n }\n .sm\\:max-w-30rem {\n max-width: 30rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:max-w-0 {\n max-width: 0px !important;\n }\n .md\\:max-w-full {\n max-width: 100% !important;\n }\n .md\\:max-w-screen {\n max-width: 100vw !important;\n }\n .md\\:max-w-min {\n max-width: min-content !important;\n }\n .md\\:max-w-max {\n max-width: max-content !important;\n }\n .md\\:max-w-fit {\n max-width: fit-content !important;\n }\n .md\\:max-w-1rem {\n max-width: 1rem !important;\n }\n .md\\:max-w-2rem {\n max-width: 2rem !important;\n }\n .md\\:max-w-3rem {\n max-width: 3rem !important;\n }\n .md\\:max-w-4rem {\n max-width: 4rem !important;\n }\n .md\\:max-w-5rem {\n max-width: 5rem !important;\n }\n .md\\:max-w-6rem {\n max-width: 6rem !important;\n }\n .md\\:max-w-7rem {\n max-width: 7rem !important;\n }\n .md\\:max-w-8rem {\n max-width: 8rem !important;\n }\n .md\\:max-w-9rem {\n max-width: 9rem !important;\n }\n .md\\:max-w-10rem {\n max-width: 10rem !important;\n }\n .md\\:max-w-11rem {\n max-width: 11rem !important;\n }\n .md\\:max-w-12rem {\n max-width: 12rem !important;\n }\n .md\\:max-w-13rem {\n max-width: 13rem !important;\n }\n .md\\:max-w-14rem {\n max-width: 14rem !important;\n }\n .md\\:max-w-15rem {\n max-width: 15rem !important;\n }\n .md\\:max-w-16rem {\n max-width: 16rem !important;\n }\n .md\\:max-w-17rem {\n max-width: 17rem !important;\n }\n .md\\:max-w-18rem {\n max-width: 18rem !important;\n }\n .md\\:max-w-19rem {\n max-width: 19rem !important;\n }\n .md\\:max-w-20rem {\n max-width: 20rem !important;\n }\n .md\\:max-w-21rem {\n max-width: 21rem !important;\n }\n .md\\:max-w-22rem {\n max-width: 22rem !important;\n }\n .md\\:max-w-23rem {\n max-width: 23rem !important;\n }\n .md\\:max-w-24rem {\n max-width: 24rem !important;\n }\n .md\\:max-w-25rem {\n max-width: 25rem !important;\n }\n .md\\:max-w-26rem {\n max-width: 26rem !important;\n }\n .md\\:max-w-27rem {\n max-width: 27rem !important;\n }\n .md\\:max-w-28rem {\n max-width: 28rem !important;\n }\n .md\\:max-w-29rem {\n max-width: 29rem !important;\n }\n .md\\:max-w-30rem {\n max-width: 30rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:max-w-0 {\n max-width: 0px !important;\n }\n .lg\\:max-w-full {\n max-width: 100% !important;\n }\n .lg\\:max-w-screen {\n max-width: 100vw !important;\n }\n .lg\\:max-w-min {\n max-width: min-content !important;\n }\n .lg\\:max-w-max {\n max-width: max-content !important;\n }\n .lg\\:max-w-fit {\n max-width: fit-content !important;\n }\n .lg\\:max-w-1rem {\n max-width: 1rem !important;\n }\n .lg\\:max-w-2rem {\n max-width: 2rem !important;\n }\n .lg\\:max-w-3rem {\n max-width: 3rem !important;\n }\n .lg\\:max-w-4rem {\n max-width: 4rem !important;\n }\n .lg\\:max-w-5rem {\n max-width: 5rem !important;\n }\n .lg\\:max-w-6rem {\n max-width: 6rem !important;\n }\n .lg\\:max-w-7rem {\n max-width: 7rem !important;\n }\n .lg\\:max-w-8rem {\n max-width: 8rem !important;\n }\n .lg\\:max-w-9rem {\n max-width: 9rem !important;\n }\n .lg\\:max-w-10rem {\n max-width: 10rem !important;\n }\n .lg\\:max-w-11rem {\n max-width: 11rem !important;\n }\n .lg\\:max-w-12rem {\n max-width: 12rem !important;\n }\n .lg\\:max-w-13rem {\n max-width: 13rem !important;\n }\n .lg\\:max-w-14rem {\n max-width: 14rem !important;\n }\n .lg\\:max-w-15rem {\n max-width: 15rem !important;\n }\n .lg\\:max-w-16rem {\n max-width: 16rem !important;\n }\n .lg\\:max-w-17rem {\n max-width: 17rem !important;\n }\n .lg\\:max-w-18rem {\n max-width: 18rem !important;\n }\n .lg\\:max-w-19rem {\n max-width: 19rem !important;\n }\n .lg\\:max-w-20rem {\n max-width: 20rem !important;\n }\n .lg\\:max-w-21rem {\n max-width: 21rem !important;\n }\n .lg\\:max-w-22rem {\n max-width: 22rem !important;\n }\n .lg\\:max-w-23rem {\n max-width: 23rem !important;\n }\n .lg\\:max-w-24rem {\n max-width: 24rem !important;\n }\n .lg\\:max-w-25rem {\n max-width: 25rem !important;\n }\n .lg\\:max-w-26rem {\n max-width: 26rem !important;\n }\n .lg\\:max-w-27rem {\n max-width: 27rem !important;\n }\n .lg\\:max-w-28rem {\n max-width: 28rem !important;\n }\n .lg\\:max-w-29rem {\n max-width: 29rem !important;\n }\n .lg\\:max-w-30rem {\n max-width: 30rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:max-w-0 {\n max-width: 0px !important;\n }\n .xl\\:max-w-full {\n max-width: 100% !important;\n }\n .xl\\:max-w-screen {\n max-width: 100vw !important;\n }\n .xl\\:max-w-min {\n max-width: min-content !important;\n }\n .xl\\:max-w-max {\n max-width: max-content !important;\n }\n .xl\\:max-w-fit {\n max-width: fit-content !important;\n }\n .xl\\:max-w-1rem {\n max-width: 1rem !important;\n }\n .xl\\:max-w-2rem {\n max-width: 2rem !important;\n }\n .xl\\:max-w-3rem {\n max-width: 3rem !important;\n }\n .xl\\:max-w-4rem {\n max-width: 4rem !important;\n }\n .xl\\:max-w-5rem {\n max-width: 5rem !important;\n }\n .xl\\:max-w-6rem {\n max-width: 6rem !important;\n }\n .xl\\:max-w-7rem {\n max-width: 7rem !important;\n }\n .xl\\:max-w-8rem {\n max-width: 8rem !important;\n }\n .xl\\:max-w-9rem {\n max-width: 9rem !important;\n }\n .xl\\:max-w-10rem {\n max-width: 10rem !important;\n }\n .xl\\:max-w-11rem {\n max-width: 11rem !important;\n }\n .xl\\:max-w-12rem {\n max-width: 12rem !important;\n }\n .xl\\:max-w-13rem {\n max-width: 13rem !important;\n }\n .xl\\:max-w-14rem {\n max-width: 14rem !important;\n }\n .xl\\:max-w-15rem {\n max-width: 15rem !important;\n }\n .xl\\:max-w-16rem {\n max-width: 16rem !important;\n }\n .xl\\:max-w-17rem {\n max-width: 17rem !important;\n }\n .xl\\:max-w-18rem {\n max-width: 18rem !important;\n }\n .xl\\:max-w-19rem {\n max-width: 19rem !important;\n }\n .xl\\:max-w-20rem {\n max-width: 20rem !important;\n }\n .xl\\:max-w-21rem {\n max-width: 21rem !important;\n }\n .xl\\:max-w-22rem {\n max-width: 22rem !important;\n }\n .xl\\:max-w-23rem {\n max-width: 23rem !important;\n }\n .xl\\:max-w-24rem {\n max-width: 24rem !important;\n }\n .xl\\:max-w-25rem {\n max-width: 25rem !important;\n }\n .xl\\:max-w-26rem {\n max-width: 26rem !important;\n }\n .xl\\:max-w-27rem {\n max-width: 27rem !important;\n }\n .xl\\:max-w-28rem {\n max-width: 28rem !important;\n }\n .xl\\:max-w-29rem {\n max-width: 29rem !important;\n }\n .xl\\:max-w-30rem {\n max-width: 30rem !important;\n }\n }\n .min-h-0 {\n min-height: 0px !important;\n }\n \n .min-h-full {\n min-height: 100% !important;\n }\n \n .min-h-screen {\n min-height: 100vh !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:min-h-0 {\n min-height: 0px !important;\n }\n .sm\\:min-h-full {\n min-height: 100% !important;\n }\n .sm\\:min-h-screen {\n min-height: 100vh !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:min-h-0 {\n min-height: 0px !important;\n }\n .md\\:min-h-full {\n min-height: 100% !important;\n }\n .md\\:min-h-screen {\n min-height: 100vh !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:min-h-0 {\n min-height: 0px !important;\n }\n .lg\\:min-h-full {\n min-height: 100% !important;\n }\n .lg\\:min-h-screen {\n min-height: 100vh !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:min-h-0 {\n min-height: 0px !important;\n }\n .xl\\:min-h-full {\n min-height: 100% !important;\n }\n .xl\\:min-h-screen {\n min-height: 100vh !important;\n }\n }\n .max-h-0 {\n max-height: 0px !important;\n }\n \n .max-h-full {\n max-height: 100% !important;\n }\n \n .max-h-screen {\n max-height: 100vh !important;\n }\n \n .max-h-min {\n max-height: min-content !important;\n }\n \n .max-h-max {\n max-height: max-content !important;\n }\n \n .max-h-fit {\n max-height: fit-content !important;\n }\n \n .max-h-1rem {\n max-height: 1rem !important;\n }\n \n .max-h-2rem {\n max-height: 2rem !important;\n }\n \n .max-h-3rem {\n max-height: 3rem !important;\n }\n \n .max-h-4rem {\n max-height: 4rem !important;\n }\n \n .max-h-5rem {\n max-height: 5rem !important;\n }\n \n .max-h-6rem {\n max-height: 6rem !important;\n }\n \n .max-h-7rem {\n max-height: 7rem !important;\n }\n \n .max-h-8rem {\n max-height: 8rem !important;\n }\n \n .max-h-9rem {\n max-height: 9rem !important;\n }\n \n .max-h-10rem {\n max-height: 10rem !important;\n }\n \n .max-h-11rem {\n max-height: 11rem !important;\n }\n \n .max-h-12rem {\n max-height: 12rem !important;\n }\n \n .max-h-13rem {\n max-height: 13rem !important;\n }\n \n .max-h-14rem {\n max-height: 14rem !important;\n }\n \n .max-h-15rem {\n max-height: 15rem !important;\n }\n \n .max-h-16rem {\n max-height: 16rem !important;\n }\n \n .max-h-17rem {\n max-height: 17rem !important;\n }\n \n .max-h-18rem {\n max-height: 18rem !important;\n }\n \n .max-h-19rem {\n max-height: 19rem !important;\n }\n \n .max-h-20rem {\n max-height: 20rem !important;\n }\n \n .max-h-21rem {\n max-height: 21rem !important;\n }\n \n .max-h-22rem {\n max-height: 22rem !important;\n }\n \n .max-h-23rem {\n max-height: 23rem !important;\n }\n \n .max-h-24rem {\n max-height: 24rem !important;\n }\n \n .max-h-25rem {\n max-height: 25rem !important;\n }\n \n .max-h-26rem {\n max-height: 26rem !important;\n }\n \n .max-h-27rem {\n max-height: 27rem !important;\n }\n \n .max-h-28rem {\n max-height: 28rem !important;\n }\n \n .max-h-29rem {\n max-height: 29rem !important;\n }\n \n .max-h-30rem {\n max-height: 30rem !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:max-h-0 {\n max-height: 0px !important;\n }\n .sm\\:max-h-full {\n max-height: 100% !important;\n }\n .sm\\:max-h-screen {\n max-height: 100vh !important;\n }\n .sm\\:max-h-min {\n max-height: min-content !important;\n }\n .sm\\:max-h-max {\n max-height: max-content !important;\n }\n .sm\\:max-h-fit {\n max-height: fit-content !important;\n }\n .sm\\:max-h-1rem {\n max-height: 1rem !important;\n }\n .sm\\:max-h-2rem {\n max-height: 2rem !important;\n }\n .sm\\:max-h-3rem {\n max-height: 3rem !important;\n }\n .sm\\:max-h-4rem {\n max-height: 4rem !important;\n }\n .sm\\:max-h-5rem {\n max-height: 5rem !important;\n }\n .sm\\:max-h-6rem {\n max-height: 6rem !important;\n }\n .sm\\:max-h-7rem {\n max-height: 7rem !important;\n }\n .sm\\:max-h-8rem {\n max-height: 8rem !important;\n }\n .sm\\:max-h-9rem {\n max-height: 9rem !important;\n }\n .sm\\:max-h-10rem {\n max-height: 10rem !important;\n }\n .sm\\:max-h-11rem {\n max-height: 11rem !important;\n }\n .sm\\:max-h-12rem {\n max-height: 12rem !important;\n }\n .sm\\:max-h-13rem {\n max-height: 13rem !important;\n }\n .sm\\:max-h-14rem {\n max-height: 14rem !important;\n }\n .sm\\:max-h-15rem {\n max-height: 15rem !important;\n }\n .sm\\:max-h-16rem {\n max-height: 16rem !important;\n }\n .sm\\:max-h-17rem {\n max-height: 17rem !important;\n }\n .sm\\:max-h-18rem {\n max-height: 18rem !important;\n }\n .sm\\:max-h-19rem {\n max-height: 19rem !important;\n }\n .sm\\:max-h-20rem {\n max-height: 20rem !important;\n }\n .sm\\:max-h-21rem {\n max-height: 21rem !important;\n }\n .sm\\:max-h-22rem {\n max-height: 22rem !important;\n }\n .sm\\:max-h-23rem {\n max-height: 23rem !important;\n }\n .sm\\:max-h-24rem {\n max-height: 24rem !important;\n }\n .sm\\:max-h-25rem {\n max-height: 25rem !important;\n }\n .sm\\:max-h-26rem {\n max-height: 26rem !important;\n }\n .sm\\:max-h-27rem {\n max-height: 27rem !important;\n }\n .sm\\:max-h-28rem {\n max-height: 28rem !important;\n }\n .sm\\:max-h-29rem {\n max-height: 29rem !important;\n }\n .sm\\:max-h-30rem {\n max-height: 30rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:max-h-0 {\n max-height: 0px !important;\n }\n .md\\:max-h-full {\n max-height: 100% !important;\n }\n .md\\:max-h-screen {\n max-height: 100vh !important;\n }\n .md\\:max-h-min {\n max-height: min-content !important;\n }\n .md\\:max-h-max {\n max-height: max-content !important;\n }\n .md\\:max-h-fit {\n max-height: fit-content !important;\n }\n .md\\:max-h-1rem {\n max-height: 1rem !important;\n }\n .md\\:max-h-2rem {\n max-height: 2rem !important;\n }\n .md\\:max-h-3rem {\n max-height: 3rem !important;\n }\n .md\\:max-h-4rem {\n max-height: 4rem !important;\n }\n .md\\:max-h-5rem {\n max-height: 5rem !important;\n }\n .md\\:max-h-6rem {\n max-height: 6rem !important;\n }\n .md\\:max-h-7rem {\n max-height: 7rem !important;\n }\n .md\\:max-h-8rem {\n max-height: 8rem !important;\n }\n .md\\:max-h-9rem {\n max-height: 9rem !important;\n }\n .md\\:max-h-10rem {\n max-height: 10rem !important;\n }\n .md\\:max-h-11rem {\n max-height: 11rem !important;\n }\n .md\\:max-h-12rem {\n max-height: 12rem !important;\n }\n .md\\:max-h-13rem {\n max-height: 13rem !important;\n }\n .md\\:max-h-14rem {\n max-height: 14rem !important;\n }\n .md\\:max-h-15rem {\n max-height: 15rem !important;\n }\n .md\\:max-h-16rem {\n max-height: 16rem !important;\n }\n .md\\:max-h-17rem {\n max-height: 17rem !important;\n }\n .md\\:max-h-18rem {\n max-height: 18rem !important;\n }\n .md\\:max-h-19rem {\n max-height: 19rem !important;\n }\n .md\\:max-h-20rem {\n max-height: 20rem !important;\n }\n .md\\:max-h-21rem {\n max-height: 21rem !important;\n }\n .md\\:max-h-22rem {\n max-height: 22rem !important;\n }\n .md\\:max-h-23rem {\n max-height: 23rem !important;\n }\n .md\\:max-h-24rem {\n max-height: 24rem !important;\n }\n .md\\:max-h-25rem {\n max-height: 25rem !important;\n }\n .md\\:max-h-26rem {\n max-height: 26rem !important;\n }\n .md\\:max-h-27rem {\n max-height: 27rem !important;\n }\n .md\\:max-h-28rem {\n max-height: 28rem !important;\n }\n .md\\:max-h-29rem {\n max-height: 29rem !important;\n }\n .md\\:max-h-30rem {\n max-height: 30rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:max-h-0 {\n max-height: 0px !important;\n }\n .lg\\:max-h-full {\n max-height: 100% !important;\n }\n .lg\\:max-h-screen {\n max-height: 100vh !important;\n }\n .lg\\:max-h-min {\n max-height: min-content !important;\n }\n .lg\\:max-h-max {\n max-height: max-content !important;\n }\n .lg\\:max-h-fit {\n max-height: fit-content !important;\n }\n .lg\\:max-h-1rem {\n max-height: 1rem !important;\n }\n .lg\\:max-h-2rem {\n max-height: 2rem !important;\n }\n .lg\\:max-h-3rem {\n max-height: 3rem !important;\n }\n .lg\\:max-h-4rem {\n max-height: 4rem !important;\n }\n .lg\\:max-h-5rem {\n max-height: 5rem !important;\n }\n .lg\\:max-h-6rem {\n max-height: 6rem !important;\n }\n .lg\\:max-h-7rem {\n max-height: 7rem !important;\n }\n .lg\\:max-h-8rem {\n max-height: 8rem !important;\n }\n .lg\\:max-h-9rem {\n max-height: 9rem !important;\n }\n .lg\\:max-h-10rem {\n max-height: 10rem !important;\n }\n .lg\\:max-h-11rem {\n max-height: 11rem !important;\n }\n .lg\\:max-h-12rem {\n max-height: 12rem !important;\n }\n .lg\\:max-h-13rem {\n max-height: 13rem !important;\n }\n .lg\\:max-h-14rem {\n max-height: 14rem !important;\n }\n .lg\\:max-h-15rem {\n max-height: 15rem !important;\n }\n .lg\\:max-h-16rem {\n max-height: 16rem !important;\n }\n .lg\\:max-h-17rem {\n max-height: 17rem !important;\n }\n .lg\\:max-h-18rem {\n max-height: 18rem !important;\n }\n .lg\\:max-h-19rem {\n max-height: 19rem !important;\n }\n .lg\\:max-h-20rem {\n max-height: 20rem !important;\n }\n .lg\\:max-h-21rem {\n max-height: 21rem !important;\n }\n .lg\\:max-h-22rem {\n max-height: 22rem !important;\n }\n .lg\\:max-h-23rem {\n max-height: 23rem !important;\n }\n .lg\\:max-h-24rem {\n max-height: 24rem !important;\n }\n .lg\\:max-h-25rem {\n max-height: 25rem !important;\n }\n .lg\\:max-h-26rem {\n max-height: 26rem !important;\n }\n .lg\\:max-h-27rem {\n max-height: 27rem !important;\n }\n .lg\\:max-h-28rem {\n max-height: 28rem !important;\n }\n .lg\\:max-h-29rem {\n max-height: 29rem !important;\n }\n .lg\\:max-h-30rem {\n max-height: 30rem !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:max-h-0 {\n max-height: 0px !important;\n }\n .xl\\:max-h-full {\n max-height: 100% !important;\n }\n .xl\\:max-h-screen {\n max-height: 100vh !important;\n }\n .xl\\:max-h-min {\n max-height: min-content !important;\n }\n .xl\\:max-h-max {\n max-height: max-content !important;\n }\n .xl\\:max-h-fit {\n max-height: fit-content !important;\n }\n .xl\\:max-h-1rem {\n max-height: 1rem !important;\n }\n .xl\\:max-h-2rem {\n max-height: 2rem !important;\n }\n .xl\\:max-h-3rem {\n max-height: 3rem !important;\n }\n .xl\\:max-h-4rem {\n max-height: 4rem !important;\n }\n .xl\\:max-h-5rem {\n max-height: 5rem !important;\n }\n .xl\\:max-h-6rem {\n max-height: 6rem !important;\n }\n .xl\\:max-h-7rem {\n max-height: 7rem !important;\n }\n .xl\\:max-h-8rem {\n max-height: 8rem !important;\n }\n .xl\\:max-h-9rem {\n max-height: 9rem !important;\n }\n .xl\\:max-h-10rem {\n max-height: 10rem !important;\n }\n .xl\\:max-h-11rem {\n max-height: 11rem !important;\n }\n .xl\\:max-h-12rem {\n max-height: 12rem !important;\n }\n .xl\\:max-h-13rem {\n max-height: 13rem !important;\n }\n .xl\\:max-h-14rem {\n max-height: 14rem !important;\n }\n .xl\\:max-h-15rem {\n max-height: 15rem !important;\n }\n .xl\\:max-h-16rem {\n max-height: 16rem !important;\n }\n .xl\\:max-h-17rem {\n max-height: 17rem !important;\n }\n .xl\\:max-h-18rem {\n max-height: 18rem !important;\n }\n .xl\\:max-h-19rem {\n max-height: 19rem !important;\n }\n .xl\\:max-h-20rem {\n max-height: 20rem !important;\n }\n .xl\\:max-h-21rem {\n max-height: 21rem !important;\n }\n .xl\\:max-h-22rem {\n max-height: 22rem !important;\n }\n .xl\\:max-h-23rem {\n max-height: 23rem !important;\n }\n .xl\\:max-h-24rem {\n max-height: 24rem !important;\n }\n .xl\\:max-h-25rem {\n max-height: 25rem !important;\n }\n .xl\\:max-h-26rem {\n max-height: 26rem !important;\n }\n .xl\\:max-h-27rem {\n max-height: 27rem !important;\n }\n .xl\\:max-h-28rem {\n max-height: 28rem !important;\n }\n .xl\\:max-h-29rem {\n max-height: 29rem !important;\n }\n .xl\\:max-h-30rem {\n max-height: 30rem !important;\n }\n }\n .static {\n position: static !important;\n }\n \n .fixed {\n position: fixed !important;\n }\n \n .absolute {\n position: absolute !important;\n }\n \n .relative {\n position: relative !important;\n }\n \n .sticky {\n position: sticky !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:static {\n position: static !important;\n }\n .sm\\:fixed {\n position: fixed !important;\n }\n .sm\\:absolute {\n position: absolute !important;\n }\n .sm\\:relative {\n position: relative !important;\n }\n .sm\\:sticky {\n position: sticky !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:static {\n position: static !important;\n }\n .md\\:fixed {\n position: fixed !important;\n }\n .md\\:absolute {\n position: absolute !important;\n }\n .md\\:relative {\n position: relative !important;\n }\n .md\\:sticky {\n position: sticky !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:static {\n position: static !important;\n }\n .lg\\:fixed {\n position: fixed !important;\n }\n .lg\\:absolute {\n position: absolute !important;\n }\n .lg\\:relative {\n position: relative !important;\n }\n .lg\\:sticky {\n position: sticky !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:static {\n position: static !important;\n }\n .xl\\:fixed {\n position: fixed !important;\n }\n .xl\\:absolute {\n position: absolute !important;\n }\n .xl\\:relative {\n position: relative !important;\n }\n .xl\\:sticky {\n position: sticky !important;\n }\n }\n .top-auto {\n top: auto !important;\n }\n \n .top-0 {\n top: 0px !important;\n }\n \n .top-50 {\n top: 50% !important;\n }\n \n .top-100 {\n top: 100% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:top-auto {\n top: auto !important;\n }\n .sm\\:top-0 {\n top: 0px !important;\n }\n .sm\\:top-50 {\n top: 50% !important;\n }\n .sm\\:top-100 {\n top: 100% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:top-auto {\n top: auto !important;\n }\n .md\\:top-0 {\n top: 0px !important;\n }\n .md\\:top-50 {\n top: 50% !important;\n }\n .md\\:top-100 {\n top: 100% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:top-auto {\n top: auto !important;\n }\n .lg\\:top-0 {\n top: 0px !important;\n }\n .lg\\:top-50 {\n top: 50% !important;\n }\n .lg\\:top-100 {\n top: 100% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:top-auto {\n top: auto !important;\n }\n .xl\\:top-0 {\n top: 0px !important;\n }\n .xl\\:top-50 {\n top: 50% !important;\n }\n .xl\\:top-100 {\n top: 100% !important;\n }\n }\n .left-auto {\n left: auto !important;\n }\n \n .left-0 {\n left: 0px !important;\n }\n \n .left-50 {\n left: 50% !important;\n }\n \n .left-100 {\n left: 100% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:left-auto {\n left: auto !important;\n }\n .sm\\:left-0 {\n left: 0px !important;\n }\n .sm\\:left-50 {\n left: 50% !important;\n }\n .sm\\:left-100 {\n left: 100% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:left-auto {\n left: auto !important;\n }\n .md\\:left-0 {\n left: 0px !important;\n }\n .md\\:left-50 {\n left: 50% !important;\n }\n .md\\:left-100 {\n left: 100% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:left-auto {\n left: auto !important;\n }\n .lg\\:left-0 {\n left: 0px !important;\n }\n .lg\\:left-50 {\n left: 50% !important;\n }\n .lg\\:left-100 {\n left: 100% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:left-auto {\n left: auto !important;\n }\n .xl\\:left-0 {\n left: 0px !important;\n }\n .xl\\:left-50 {\n left: 50% !important;\n }\n .xl\\:left-100 {\n left: 100% !important;\n }\n }\n .right-auto {\n right: auto !important;\n }\n \n .right-0 {\n right: 0px !important;\n }\n \n .right-50 {\n right: 50% !important;\n }\n \n .right-100 {\n right: 100% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:right-auto {\n right: auto !important;\n }\n .sm\\:right-0 {\n right: 0px !important;\n }\n .sm\\:right-50 {\n right: 50% !important;\n }\n .sm\\:right-100 {\n right: 100% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:right-auto {\n right: auto !important;\n }\n .md\\:right-0 {\n right: 0px !important;\n }\n .md\\:right-50 {\n right: 50% !important;\n }\n .md\\:right-100 {\n right: 100% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:right-auto {\n right: auto !important;\n }\n .lg\\:right-0 {\n right: 0px !important;\n }\n .lg\\:right-50 {\n right: 50% !important;\n }\n .lg\\:right-100 {\n right: 100% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:right-auto {\n right: auto !important;\n }\n .xl\\:right-0 {\n right: 0px !important;\n }\n .xl\\:right-50 {\n right: 50% !important;\n }\n .xl\\:right-100 {\n right: 100% !important;\n }\n }\n .bottom-auto {\n bottom: auto !important;\n }\n \n .bottom-0 {\n bottom: 0px !important;\n }\n \n .bottom-50 {\n bottom: 50% !important;\n }\n \n .bottom-100 {\n bottom: 100% !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:bottom-auto {\n bottom: auto !important;\n }\n .sm\\:bottom-0 {\n bottom: 0px !important;\n }\n .sm\\:bottom-50 {\n bottom: 50% !important;\n }\n .sm\\:bottom-100 {\n bottom: 100% !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:bottom-auto {\n bottom: auto !important;\n }\n .md\\:bottom-0 {\n bottom: 0px !important;\n }\n .md\\:bottom-50 {\n bottom: 50% !important;\n }\n .md\\:bottom-100 {\n bottom: 100% !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:bottom-auto {\n bottom: auto !important;\n }\n .lg\\:bottom-0 {\n bottom: 0px !important;\n }\n .lg\\:bottom-50 {\n bottom: 50% !important;\n }\n .lg\\:bottom-100 {\n bottom: 100% !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:bottom-auto {\n bottom: auto !important;\n }\n .xl\\:bottom-0 {\n bottom: 0px !important;\n }\n .xl\\:bottom-50 {\n bottom: 50% !important;\n }\n .xl\\:bottom-100 {\n bottom: 100% !important;\n }\n }\n .overflow-auto {\n overflow: auto !important;\n }\n \n .overflow-hidden {\n overflow: hidden !important;\n }\n \n .overflow-visible {\n overflow: visible !important;\n }\n \n .overflow-scroll {\n overflow: scroll !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:overflow-auto {\n overflow: auto !important;\n }\n .sm\\:overflow-hidden {\n overflow: hidden !important;\n }\n .sm\\:overflow-visible {\n overflow: visible !important;\n }\n .sm\\:overflow-scroll {\n overflow: scroll !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:overflow-auto {\n overflow: auto !important;\n }\n .md\\:overflow-hidden {\n overflow: hidden !important;\n }\n .md\\:overflow-visible {\n overflow: visible !important;\n }\n .md\\:overflow-scroll {\n overflow: scroll !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:overflow-auto {\n overflow: auto !important;\n }\n .lg\\:overflow-hidden {\n overflow: hidden !important;\n }\n .lg\\:overflow-visible {\n overflow: visible !important;\n }\n .lg\\:overflow-scroll {\n overflow: scroll !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:overflow-auto {\n overflow: auto !important;\n }\n .xl\\:overflow-hidden {\n overflow: hidden !important;\n }\n .xl\\:overflow-visible {\n overflow: visible !important;\n }\n .xl\\:overflow-scroll {\n overflow: scroll !important;\n }\n }\n .overflow-x-auto {\n overflow-x: auto !important;\n }\n \n .overflow-x-hidden {\n overflow-x: hidden !important;\n }\n \n .overflow-x-visible {\n overflow-x: visible !important;\n }\n \n .overflow-x-scroll {\n overflow-x: scroll !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .sm\\:overflow-x-hidden {\n overflow-x: hidden !important;\n }\n .sm\\:overflow-x-visible {\n overflow-x: visible !important;\n }\n .sm\\:overflow-x-scroll {\n overflow-x: scroll !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .md\\:overflow-x-hidden {\n overflow-x: hidden !important;\n }\n .md\\:overflow-x-visible {\n overflow-x: visible !important;\n }\n .md\\:overflow-x-scroll {\n overflow-x: scroll !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .lg\\:overflow-x-hidden {\n overflow-x: hidden !important;\n }\n .lg\\:overflow-x-visible {\n overflow-x: visible !important;\n }\n .lg\\:overflow-x-scroll {\n overflow-x: scroll !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .xl\\:overflow-x-hidden {\n overflow-x: hidden !important;\n }\n .xl\\:overflow-x-visible {\n overflow-x: visible !important;\n }\n .xl\\:overflow-x-scroll {\n overflow-x: scroll !important;\n }\n }\n .overflow-y-auto {\n overflow-y: auto !important;\n }\n \n .overflow-y-hidden {\n overflow-y: hidden !important;\n }\n \n .overflow-y-visible {\n overflow-y: visible !important;\n }\n \n .overflow-y-scroll {\n overflow-y: scroll !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .sm\\:overflow-y-hidden {\n overflow-y: hidden !important;\n }\n .sm\\:overflow-y-visible {\n overflow-y: visible !important;\n }\n .sm\\:overflow-y-scroll {\n overflow-y: scroll !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .md\\:overflow-y-hidden {\n overflow-y: hidden !important;\n }\n .md\\:overflow-y-visible {\n overflow-y: visible !important;\n }\n .md\\:overflow-y-scroll {\n overflow-y: scroll !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .lg\\:overflow-y-hidden {\n overflow-y: hidden !important;\n }\n .lg\\:overflow-y-visible {\n overflow-y: visible !important;\n }\n .lg\\:overflow-y-scroll {\n overflow-y: scroll !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .xl\\:overflow-y-hidden {\n overflow-y: hidden !important;\n }\n .xl\\:overflow-y-visible {\n overflow-y: visible !important;\n }\n .xl\\:overflow-y-scroll {\n overflow-y: scroll !important;\n }\n }\n .z-auto {\n z-index: auto !important;\n }\n \n .z-0 {\n z-index: 0 !important;\n }\n \n .z-1 {\n z-index: 1 !important;\n }\n \n .z-2 {\n z-index: 2 !important;\n }\n \n .z-3 {\n z-index: 3 !important;\n }\n \n .z-4 {\n z-index: 4 !important;\n }\n \n .z-5 {\n z-index: 5 !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:z-auto {\n z-index: auto !important;\n }\n .sm\\:z-0 {\n z-index: 0 !important;\n }\n .sm\\:z-1 {\n z-index: 1 !important;\n }\n .sm\\:z-2 {\n z-index: 2 !important;\n }\n .sm\\:z-3 {\n z-index: 3 !important;\n }\n .sm\\:z-4 {\n z-index: 4 !important;\n }\n .sm\\:z-5 {\n z-index: 5 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:z-auto {\n z-index: auto !important;\n }\n .md\\:z-0 {\n z-index: 0 !important;\n }\n .md\\:z-1 {\n z-index: 1 !important;\n }\n .md\\:z-2 {\n z-index: 2 !important;\n }\n .md\\:z-3 {\n z-index: 3 !important;\n }\n .md\\:z-4 {\n z-index: 4 !important;\n }\n .md\\:z-5 {\n z-index: 5 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:z-auto {\n z-index: auto !important;\n }\n .lg\\:z-0 {\n z-index: 0 !important;\n }\n .lg\\:z-1 {\n z-index: 1 !important;\n }\n .lg\\:z-2 {\n z-index: 2 !important;\n }\n .lg\\:z-3 {\n z-index: 3 !important;\n }\n .lg\\:z-4 {\n z-index: 4 !important;\n }\n .lg\\:z-5 {\n z-index: 5 !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:z-auto {\n z-index: auto !important;\n }\n .xl\\:z-0 {\n z-index: 0 !important;\n }\n .xl\\:z-1 {\n z-index: 1 !important;\n }\n .xl\\:z-2 {\n z-index: 2 !important;\n }\n .xl\\:z-3 {\n z-index: 3 !important;\n }\n .xl\\:z-4 {\n z-index: 4 !important;\n }\n .xl\\:z-5 {\n z-index: 5 !important;\n }\n }\n .bg-repeat {\n background-repeat: repeat !important;\n }\n \n .bg-no-repeat {\n background-repeat: no-repeat !important;\n }\n \n .bg-repeat-x {\n background-repeat: repeat-x !important;\n }\n \n .bg-repeat-y {\n background-repeat: repeat-y !important;\n }\n \n .bg-repeat-round {\n background-repeat: round !important;\n }\n \n .bg-repeat-space {\n background-repeat: space !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:bg-repeat {\n background-repeat: repeat !important;\n }\n .sm\\:bg-no-repeat {\n background-repeat: no-repeat !important;\n }\n .sm\\:bg-repeat-x {\n background-repeat: repeat-x !important;\n }\n .sm\\:bg-repeat-y {\n background-repeat: repeat-y !important;\n }\n .sm\\:bg-repeat-round {\n background-repeat: round !important;\n }\n .sm\\:bg-repeat-space {\n background-repeat: space !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:bg-repeat {\n background-repeat: repeat !important;\n }\n .md\\:bg-no-repeat {\n background-repeat: no-repeat !important;\n }\n .md\\:bg-repeat-x {\n background-repeat: repeat-x !important;\n }\n .md\\:bg-repeat-y {\n background-repeat: repeat-y !important;\n }\n .md\\:bg-repeat-round {\n background-repeat: round !important;\n }\n .md\\:bg-repeat-space {\n background-repeat: space !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:bg-repeat {\n background-repeat: repeat !important;\n }\n .lg\\:bg-no-repeat {\n background-repeat: no-repeat !important;\n }\n .lg\\:bg-repeat-x {\n background-repeat: repeat-x !important;\n }\n .lg\\:bg-repeat-y {\n background-repeat: repeat-y !important;\n }\n .lg\\:bg-repeat-round {\n background-repeat: round !important;\n }\n .lg\\:bg-repeat-space {\n background-repeat: space !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:bg-repeat {\n background-repeat: repeat !important;\n }\n .xl\\:bg-no-repeat {\n background-repeat: no-repeat !important;\n }\n .xl\\:bg-repeat-x {\n background-repeat: repeat-x !important;\n }\n .xl\\:bg-repeat-y {\n background-repeat: repeat-y !important;\n }\n .xl\\:bg-repeat-round {\n background-repeat: round !important;\n }\n .xl\\:bg-repeat-space {\n background-repeat: space !important;\n }\n }\n .bg-auto {\n background-size: auto !important;\n }\n \n .bg-cover {\n background-size: cover !important;\n }\n \n .bg-contain {\n background-size: contain !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:bg-auto {\n background-size: auto !important;\n }\n .sm\\:bg-cover {\n background-size: cover !important;\n }\n .sm\\:bg-contain {\n background-size: contain !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:bg-auto {\n background-size: auto !important;\n }\n .md\\:bg-cover {\n background-size: cover !important;\n }\n .md\\:bg-contain {\n background-size: contain !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:bg-auto {\n background-size: auto !important;\n }\n .lg\\:bg-cover {\n background-size: cover !important;\n }\n .lg\\:bg-contain {\n background-size: contain !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:bg-auto {\n background-size: auto !important;\n }\n .xl\\:bg-cover {\n background-size: cover !important;\n }\n .xl\\:bg-contain {\n background-size: contain !important;\n }\n }\n .bg-bottom {\n background-position: bottom !important;\n }\n \n .bg-center {\n background-position: center !important;\n }\n \n .bg-left {\n background-position: left !important;\n }\n \n .bg-left-bottom {\n background-position: left bottom !important;\n }\n \n .bg-left-top {\n background-position: left top !important;\n }\n \n .bg-right {\n background-position: right !important;\n }\n \n .bg-right-bottom {\n background-position: right bottom !important;\n }\n \n .bg-right-top {\n background-position: right top !important;\n }\n \n .bg-top {\n background-position: top !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:bg-bottom {\n background-position: bottom !important;\n }\n .sm\\:bg-center {\n background-position: center !important;\n }\n .sm\\:bg-left {\n background-position: left !important;\n }\n .sm\\:bg-left-bottom {\n background-position: left bottom !important;\n }\n .sm\\:bg-left-top {\n background-position: left top !important;\n }\n .sm\\:bg-right {\n background-position: right !important;\n }\n .sm\\:bg-right-bottom {\n background-position: right bottom !important;\n }\n .sm\\:bg-right-top {\n background-position: right top !important;\n }\n .sm\\:bg-top {\n background-position: top !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:bg-bottom {\n background-position: bottom !important;\n }\n .md\\:bg-center {\n background-position: center !important;\n }\n .md\\:bg-left {\n background-position: left !important;\n }\n .md\\:bg-left-bottom {\n background-position: left bottom !important;\n }\n .md\\:bg-left-top {\n background-position: left top !important;\n }\n .md\\:bg-right {\n background-position: right !important;\n }\n .md\\:bg-right-bottom {\n background-position: right bottom !important;\n }\n .md\\:bg-right-top {\n background-position: right top !important;\n }\n .md\\:bg-top {\n background-position: top !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:bg-bottom {\n background-position: bottom !important;\n }\n .lg\\:bg-center {\n background-position: center !important;\n }\n .lg\\:bg-left {\n background-position: left !important;\n }\n .lg\\:bg-left-bottom {\n background-position: left bottom !important;\n }\n .lg\\:bg-left-top {\n background-position: left top !important;\n }\n .lg\\:bg-right {\n background-position: right !important;\n }\n .lg\\:bg-right-bottom {\n background-position: right bottom !important;\n }\n .lg\\:bg-right-top {\n background-position: right top !important;\n }\n .lg\\:bg-top {\n background-position: top !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:bg-bottom {\n background-position: bottom !important;\n }\n .xl\\:bg-center {\n background-position: center !important;\n }\n .xl\\:bg-left {\n background-position: left !important;\n }\n .xl\\:bg-left-bottom {\n background-position: left bottom !important;\n }\n .xl\\:bg-left-top {\n background-position: left top !important;\n }\n .xl\\:bg-right {\n background-position: right !important;\n }\n .xl\\:bg-right-bottom {\n background-position: right bottom !important;\n }\n .xl\\:bg-right-top {\n background-position: right top !important;\n }\n .xl\\:bg-top {\n background-position: top !important;\n }\n }\n .select-none {\n user-select: none !important;\n }\n \n .select-text {\n user-select: text !important;\n }\n \n .select-all {\n user-select: all !important;\n }\n \n .select-auto {\n user-select: auto !important;\n }\n \n .list-none {\n list-style: none !important;\n }\n \n .list-disc {\n list-style: disc !important;\n }\n \n .list-decimal {\n list-style: decimal !important;\n }\n \n .appearance-none {\n appearance: none !important;\n }\n \n .outline-none {\n outline: none !important;\n }\n \n .pointer-events-none {\n pointer-events: none !important;\n }\n \n .pointer-events-auto {\n pointer-events: auto !important;\n }\n \n .cursor-auto {\n cursor: auto !important;\n }\n \n .cursor-pointer {\n cursor: pointer !important;\n }\n \n .cursor-wait {\n cursor: wait !important;\n }\n \n .cursor-move {\n cursor: move !important;\n }\n \n .select-none {\n user-select: none !important;\n }\n \n .select-text {\n user-select: text !important;\n }\n \n .select-all {\n user-select: all !important;\n }\n \n .select-auto {\n user-select: auto !important;\n }\n \n .opacity-0 {\n opacity: 0 !important;\n }\n \n .opacity-10 {\n opacity: .1 !important;\n }\n \n .opacity-20 {\n opacity: .2 !important;\n }\n \n .opacity-30 {\n opacity: .3 !important;\n }\n \n .opacity-40 {\n opacity: .4 !important;\n }\n \n .opacity-50 {\n opacity: .5 !important;\n }\n \n .opacity-60 {\n opacity: .6 !important;\n }\n \n .opacity-70 {\n opacity: .7 !important;\n }\n \n .opacity-80 {\n opacity: .8 !important;\n }\n \n .opacity-90 {\n opacity: .9 !important;\n }\n \n .opacity-100 {\n opacity: 1 !important;\n }\n \n .reset {\n all: unset;\n }\n \n .transition-none {\n transition-property: none !important;\n }\n \n .transition-all {\n transition-property: all !important;\n }\n \n .transition-colors {\n transition-property: background-color,border-color,color !important;\n }\n \n .transition-transform {\n transition-property: transform !important;\n }\n \n .transition-duration-100 {\n transition-duration: 100ms !important;\n }\n \n .transition-duration-150 {\n transition-duration: 150ms !important;\n }\n \n .transition-duration-200 {\n transition-duration: 200ms !important;\n }\n \n .transition-duration-300 {\n transition-duration: 300ms !important;\n }\n \n .transition-duration-400 {\n transition-duration: 400ms !important;\n }\n \n .transition-duration-500 {\n transition-duration: 500ms !important;\n }\n \n .transition-duration-1000 {\n transition-duration: 1000ms !important;\n }\n \n .transition-duration-2000 {\n transition-duration: 2000ms !important;\n }\n \n .transition-duration-3000 {\n transition-duration: 3000ms !important;\n }\n \n .transition-linear {\n transition-timing-function: linear !important;\n }\n \n .transition-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;\n }\n \n .transition-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;\n }\n \n .transition-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n \n .transition-delay-100 {\n transition-delay: 100ms !important;\n }\n \n .transition-delay-150 {\n transition-delay: 150ms !important;\n }\n \n .transition-delay-200 {\n transition-delay: 200ms !important;\n }\n \n .transition-delay-300 {\n transition-delay: 300ms !important;\n }\n \n .transition-delay-400 {\n transition-delay: 400ms !important;\n }\n \n .transition-delay-500 {\n transition-delay: 500ms !important;\n }\n \n .transition-delay-1000 {\n transition-delay: 1000ms !important;\n }\n \n .translate-x-0 {\n transform: translateX(0%) !important;\n }\n \n .translate-x-100 {\n transform: translateX(100%) !important;\n }\n \n .-translate-x-100 {\n transform: translateX(-100%) !important;\n }\n \n .translate-y-0 {\n transform: translateY(0%) !important;\n }\n \n .translate-y-100 {\n transform: translateY(100%) !important;\n }\n \n .-translate-y-100 {\n transform: translateY(-100%) !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:translate-x-0 {\n transform: translateX(0%) !important;\n }\n .sm\\:translate-x-100 {\n transform: translateX(100%) !important;\n }\n .sm\\:-translate-x-100 {\n transform: translateX(-100%) !important;\n }\n .sm\\:translate-y-0 {\n transform: translateY(0%) !important;\n }\n .sm\\:translate-y-100 {\n transform: translateY(100%) !important;\n }\n .sm\\:-translate-y-100 {\n transform: translateY(-100%) !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:translate-x-0 {\n transform: translateX(0%) !important;\n }\n .md\\:translate-x-100 {\n transform: translateX(100%) !important;\n }\n .md\\:-translate-x-100 {\n transform: translateX(-100%) !important;\n }\n .md\\:translate-y-0 {\n transform: translateY(0%) !important;\n }\n .md\\:translate-y-100 {\n transform: translateY(100%) !important;\n }\n .md\\:-translate-y-100 {\n transform: translateY(-100%) !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:translate-x-0 {\n transform: translateX(0%) !important;\n }\n .lg\\:translate-x-100 {\n transform: translateX(100%) !important;\n }\n .lg\\:-translate-x-100 {\n transform: translateX(-100%) !important;\n }\n .lg\\:translate-y-0 {\n transform: translateY(0%) !important;\n }\n .lg\\:translate-y-100 {\n transform: translateY(100%) !important;\n }\n .lg\\:-translate-y-100 {\n transform: translateY(-100%) !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:translate-x-0 {\n transform: translateX(0%) !important;\n }\n .xl\\:translate-x-100 {\n transform: translateX(100%) !important;\n }\n .xl\\:-translate-x-100 {\n transform: translateX(-100%) !important;\n }\n .xl\\:translate-y-0 {\n transform: translateY(0%) !important;\n }\n .xl\\:translate-y-100 {\n transform: translateY(100%) !important;\n }\n .xl\\:-translate-y-100 {\n transform: translateY(-100%) !important;\n }\n }\n .rotate-45 {\n transform: rotate(45deg) !important;\n }\n \n .-rotate-45 {\n transform: rotate(-45deg) !important;\n }\n \n .rotate-90 {\n transform: rotate(90deg) !important;\n }\n \n .-rotate-90 {\n transform: rotate(-90deg) !important;\n }\n \n .rotate-180 {\n transform: rotate(180deg) !important;\n }\n \n .-rotate-180 {\n transform: rotate(-180deg) !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:rotate-45 {\n transform: rotate(45deg) !important;\n }\n .sm\\:-rotate-45 {\n transform: rotate(-45deg) !important;\n }\n .sm\\:rotate-90 {\n transform: rotate(90deg) !important;\n }\n .sm\\:-rotate-90 {\n transform: rotate(-90deg) !important;\n }\n .sm\\:rotate-180 {\n transform: rotate(180deg) !important;\n }\n .sm\\:-rotate-180 {\n transform: rotate(-180deg) !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:rotate-45 {\n transform: rotate(45deg) !important;\n }\n .md\\:-rotate-45 {\n transform: rotate(-45deg) !important;\n }\n .md\\:rotate-90 {\n transform: rotate(90deg) !important;\n }\n .md\\:-rotate-90 {\n transform: rotate(-90deg) !important;\n }\n .md\\:rotate-180 {\n transform: rotate(180deg) !important;\n }\n .md\\:-rotate-180 {\n transform: rotate(-180deg) !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:rotate-45 {\n transform: rotate(45deg) !important;\n }\n .lg\\:-rotate-45 {\n transform: rotate(-45deg) !important;\n }\n .lg\\:rotate-90 {\n transform: rotate(90deg) !important;\n }\n .lg\\:-rotate-90 {\n transform: rotate(-90deg) !important;\n }\n .lg\\:rotate-180 {\n transform: rotate(180deg) !important;\n }\n .lg\\:-rotate-180 {\n transform: rotate(-180deg) !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:rotate-45 {\n transform: rotate(45deg) !important;\n }\n .xl\\:-rotate-45 {\n transform: rotate(-45deg) !important;\n }\n .xl\\:rotate-90 {\n transform: rotate(90deg) !important;\n }\n .xl\\:-rotate-90 {\n transform: rotate(-90deg) !important;\n }\n .xl\\:rotate-180 {\n transform: rotate(180deg) !important;\n }\n .xl\\:-rotate-180 {\n transform: rotate(-180deg) !important;\n }\n }\n .origin-center {\n transform-origin: center !important;\n }\n \n .origin-top {\n transform-origin: top !important;\n }\n \n .origin-top-right {\n transform-origin: top right !important;\n }\n \n .origin-right {\n transform-origin: right !important;\n }\n \n .origin-bottom-right {\n transform-origin: bottom right !important;\n }\n \n .origin-bottom {\n transform-origin: bottom !important;\n }\n \n .origin-bottom-left {\n transform-origin: bottom left !important;\n }\n \n .origin-left {\n transform-origin: left !important;\n }\n \n .origin-top-left {\n transform-origin: top-left !important;\n }\n \n @media screen and (min-width: 576px) {\n .sm\\:origin-center {\n transform-origin: center !important;\n }\n .sm\\:origin-top {\n transform-origin: top !important;\n }\n .sm\\:origin-top-right {\n transform-origin: top right !important;\n }\n .sm\\:origin-right {\n transform-origin: right !important;\n }\n .sm\\:origin-bottom-right {\n transform-origin: bottom right !important;\n }\n .sm\\:origin-bottom {\n transform-origin: bottom !important;\n }\n .sm\\:origin-bottom-left {\n transform-origin: bottom left !important;\n }\n .sm\\:origin-left {\n transform-origin: left !important;\n }\n .sm\\:origin-top-left {\n transform-origin: top-left !important;\n }\n }\n @media screen and (min-width: 768px) {\n .md\\:origin-center {\n transform-origin: center !important;\n }\n .md\\:origin-top {\n transform-origin: top !important;\n }\n .md\\:origin-top-right {\n transform-origin: top right !important;\n }\n .md\\:origin-right {\n transform-origin: right !important;\n }\n .md\\:origin-bottom-right {\n transform-origin: bottom right !important;\n }\n .md\\:origin-bottom {\n transform-origin: bottom !important;\n }\n .md\\:origin-bottom-left {\n transform-origin: bottom left !important;\n }\n .md\\:origin-left {\n transform-origin: left !important;\n }\n .md\\:origin-top-left {\n transform-origin: top-left !important;\n }\n }\n @media screen and (min-width: 992px) {\n .lg\\:origin-center {\n transform-origin: center !important;\n }\n .lg\\:origin-top {\n transform-origin: top !important;\n }\n .lg\\:origin-top-right {\n transform-origin: top right !important;\n }\n .lg\\:origin-right {\n transform-origin: right !important;\n }\n .lg\\:origin-bottom-right {\n transform-origin: bottom right !important;\n }\n .lg\\:origin-bottom {\n transform-origin: bottom !important;\n }\n .lg\\:origin-bottom-left {\n transform-origin: bottom left !important;\n }\n .lg\\:origin-left {\n transform-origin: left !important;\n }\n .lg\\:origin-top-left {\n transform-origin: top-left !important;\n }\n }\n @media screen and (min-width: 1200px) {\n .xl\\:origin-center {\n transform-origin: center !important;\n }\n .xl\\:origin-top {\n transform-origin: top !important;\n }\n .xl\\:origin-top-right {\n transform-origin: top right !important;\n }\n .xl\\:origin-right {\n transform-origin: right !important;\n }\n .xl\\:origin-bottom-right {\n transform-origin: bottom right !important;\n }\n .xl\\:origin-bottom {\n transform-origin: bottom !important;\n }\n .xl\\:origin-bottom-left {\n transform-origin: bottom left !important;\n }\n .xl\\:origin-left {\n transform-origin: left !important;\n }\n .xl\\:origin-top-left {\n transform-origin: top-left !important;\n }\n }\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n @keyframes fadeout {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n @keyframes scalein {\n 0% {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 1;\n transform: scaleY(1);\n }\n }\n @keyframes slidedown {\n 0% {\n max-height: 0;\n }\n 100% {\n max-height: auto;\n }\n }\n @keyframes slideup {\n 0% {\n max-height: 1000px;\n }\n 100% {\n max-height: 0;\n }\n }\n @keyframes fadeinleft {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 1;\n transform: translateX(0%);\n }\n }\n @keyframes fadeoutleft {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n }\n @keyframes fadeinright {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 1;\n transform: translateX(0%);\n }\n }\n @keyframes fadeoutright {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 0;\n transform: translateX(100%);\n }\n }\n @keyframes fadeinup {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n }\n @keyframes fadeoutup {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n }\n @keyframes fadeindown {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n }\n @keyframes fadeoutdown {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n }\n @keyframes animate-width {\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n }\n @keyframes flip {\n from {\n transform: perspective(2000px) rotateX(-100deg);\n }\n to {\n transform: perspective(2000px) rotateX(0);\n }\n }\n @keyframes flipleft {\n from {\n transform: perspective(2000px) rotateY(-100deg);\n opacity: 0;\n }\n to {\n transform: perspective(2000px) rotateY(0);\n opacity: 1;\n }\n }\n @keyframes flipright {\n from {\n transform: perspective(2000px) rotateY(100deg);\n opacity: 0;\n }\n to {\n transform: perspective(2000px) rotateY(0);\n opacity: 1;\n }\n }\n @keyframes flipup {\n from {\n transform: perspective(2000px) rotateX(-100deg);\n opacity: 0;\n }\n to {\n transform: perspective(2000px) rotateX(0);\n opacity: 1;\n }\n }\n @keyframes zoomin {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes zoomindown {\n from {\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n }\n 60% {\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n }\n }\n @keyframes zoominleft {\n from {\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n }\n }\n @keyframes zoominright {\n from {\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n }\n }\n @keyframes zoominup {\n from {\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n }\n 60% {\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n }\n }\n .fadein {\n animation: fadein 0.15s linear;\n }\n \n .fadeout {\n animation: fadeout 0.15s linear;\n }\n \n .slidedown {\n animation: slidedown 0.45s ease-in-out;\n }\n \n .slideup {\n animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);\n }\n \n .scalein {\n animation: scalein 0.15s linear;\n }\n \n .fadeinleft {\n animation: fadeinleft 0.15s linear;\n }\n \n .fadeoutleft {\n animation: fadeoutleft 0.15s linear;\n }\n \n .fadeinright {\n animation: fadeinright 0.15s linear;\n }\n \n .fadeoutright {\n animation: fadeoutright 0.15s linear;\n }\n \n .fadeinup {\n animation: fadeinup 0.15s linear;\n }\n \n .fadeoutup {\n animation: fadeoutup 0.15s linear;\n }\n \n .fadeindown {\n animation: fadeindown 0.15s linear;\n }\n \n .fadeoutdown {\n animation: fadeoutdown 0.15s linear;\n }\n \n .animate-width {\n animation: animate-width 1000ms linear;\n }\n \n .flip {\n backface-visibility: visible;\n animation: flip 0.15s linear;\n }\n \n .flipup {\n backface-visibility: visible;\n animation: flipup 0.15s linear;\n }\n \n .flipleft {\n backface-visibility: visible;\n animation: flipleft 0.15s linear;\n }\n \n .flipright {\n backface-visibility: visible;\n animation: flipright 0.15s linear;\n }\n \n .zoomin {\n animation: zoomin 0.15s linear;\n }\n \n .zoomindown {\n animation: zoomindown 0.15s linear;\n }\n \n .zoominleft {\n animation: zoominleft 0.15s linear;\n }\n \n .zoominright {\n animation: zoominright 0.15s linear;\n }\n \n .zoominup {\n animation: zoominup 0.15s linear;\n }\n \n .animation-duration-100 {\n animation-duration: 100ms !important;\n }\n \n .animation-duration-150 {\n animation-duration: 150ms !important;\n }\n \n .animation-duration-200 {\n animation-duration: 200ms !important;\n }\n \n .animation-duration-300 {\n animation-duration: 300ms !important;\n }\n \n .animation-duration-400 {\n animation-duration: 400ms !important;\n }\n \n .animation-duration-500 {\n animation-duration: 500ms !important;\n }\n \n .animation-duration-1000 {\n animation-duration: 1000ms !important;\n }\n \n .animation-duration-2000 {\n animation-duration: 2000ms !important;\n }\n \n .animation-duration-3000 {\n animation-duration: 3000ms !important;\n }\n \n .animation-delay-100 {\n animation-delay: 100ms !important;\n }\n \n .animation-delay-150 {\n animation-delay: 150ms !important;\n }\n \n .animation-delay-200 {\n animation-delay: 200ms !important;\n }\n \n .animation-delay-300 {\n animation-delay: 300ms !important;\n }\n \n .animation-delay-400 {\n animation-delay: 400ms !important;\n }\n \n .animation-delay-500 {\n animation-delay: 500ms !important;\n }\n \n .animation-delay-1000 {\n animation-delay: 1000ms !important;\n }\n \n .animation-iteration-1 {\n animation-iteration-count: 1 !important;\n }\n \n .animation-iteration-2 {\n animation-iteration-count: 2 !important;\n }\n \n .animation-iteration-infinite {\n animation-iteration-count: infinite !important;\n }\n \n .animation-linear {\n animation-timing-function: linear !important;\n }\n \n .animation-ease-in {\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;\n }\n \n .animation-ease-out {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;\n }\n \n .animation-ease-in-out {\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n \n .animation-fill-none {\n animation-fill-mode: none !important;\n }\n \n .animation-fill-forwards {\n animation-fill-mode: forwards !important;\n }\n \n .animation-fill-backwards {\n animation-fill-mode: backwards !important;\n }\n \n .animation-fill-both {\n animation-fill-mode: both !important;\n }\n ";
|
|
19122
19122
|
styleInject(css_248z$3);
|
|
19123
19123
|
|
|
19124
|
-
function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLabel, listItems, isDisabled, maxListItems, textButtonClear, textBusca }) {
|
|
19124
|
+
function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLabel, listItems, isDisabled, maxListItems, textButtonClear, textBusca, valueSelect = [] }) {
|
|
19125
19125
|
const [lazyItems, setLazyItems] = React.useState([]);
|
|
19126
19126
|
const [lazyLoading, setLazyLoading] = React.useState(false);
|
|
19127
19127
|
const [onClickFilter, setOnClickFilter] = React.useState(false);
|
|
19128
|
-
const [selectedListItems, setSelectedListItems] = React.useState(
|
|
19128
|
+
const [selectedListItems, setSelectedListItems] = React.useState(valueSelect);
|
|
19129
19129
|
const [textFilter, setTextFilter] = React.useState('');
|
|
19130
19130
|
const [listItemsFilter, setListItemsFilter] = React.useState(listItems);
|
|
19131
19131
|
React.useEffect(() => {
|
|
19132
19132
|
setLazyItems(Array.from({ length: 100000 }));
|
|
19133
19133
|
setLazyLoading(false);
|
|
19134
19134
|
}, []);
|
|
19135
|
+
React.useEffect(() => {
|
|
19136
|
+
setSelectedListItems(valueSelect);
|
|
19137
|
+
handleValueSelect(valueSelect);
|
|
19138
|
+
}, [valueSelect]);
|
|
19135
19139
|
const handleSelectItems = (items) => {
|
|
19136
19140
|
setSelectedListItems(items);
|
|
19137
19141
|
return handleValueSelect(items);
|
|
@@ -19146,8 +19150,10 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
|
|
|
19146
19150
|
setTextFilter(e.target.value);
|
|
19147
19151
|
} }) }), lengthList >= 1 ? (jsxRuntime.jsx(Button$4, { variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
|
|
19148
19152
|
setSelectedListItems(null);
|
|
19153
|
+
handleValueSelect([]);
|
|
19149
19154
|
} })) : (jsxRuntime.jsx("div", {}))] })) : lengthList >= 1 ? (jsxRuntime.jsx(searchAndButton$1, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
|
|
19150
19155
|
setSelectedListItems(null);
|
|
19156
|
+
handleValueSelect([]);
|
|
19151
19157
|
} }) })) : (jsxRuntime.jsx("div", {}));
|
|
19152
19158
|
};
|
|
19153
19159
|
const handleDropdownIcon = () => {
|