frst-components 0.21.2 → 0.21.3
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.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +478 -210
- package/dist/src/components/DS/admButton/admButton.styles.d.ts +6 -0
- package/dist/src/components/DS/admButton/admButton.styles.d.ts.map +1 -0
- package/dist/src/components/DS/admButton/index.d.ts +4 -0
- package/dist/src/components/DS/admButton/index.d.ts.map +1 -0
- package/dist/src/components/DS/groups-table/groupTableStyles.d.ts +8 -0
- package/dist/src/components/DS/groups-table/groupTableStyles.d.ts.map +1 -0
- package/dist/src/components/DS/groups-table/index.d.ts +4 -0
- package/dist/src/components/DS/groups-table/index.d.ts.map +1 -0
- 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/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/LXP/accordionTrack/accordionTrack.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts.map +1 -1
- package/dist/src/components/LXP/extraContent/richTextEditor/components.d.ts.map +1 -1
- package/dist/src/components/LXP/extraContent/richTextEditor/index.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.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.map +1 -1
- package/dist/src/components/form-elements/checkbox/checkboxStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/checkbox/index.d.ts +2 -1
- package/dist/src/components/form-elements/checkbox/index.d.ts.map +1 -1
- package/dist/src/components/global-menu/components/customMenu/index.d.ts.map +1 -1
- package/dist/src/shared/icons.d.ts +2 -1
- package/dist/src/shared/icons.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -167,8 +167,11 @@ function ExitArrow({ fill, width, height }) {
|
|
|
167
167
|
function BackArrow({ fill, width, height }) {
|
|
168
168
|
return (jsxRuntime.jsx("svg", { width: width ? width : '17', height: height ? height : '14', viewBox: "0 0 17 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.332 8C15.8843 8 16.332 7.55228 16.332 7C16.332 6.44772 15.8843 6 15.332 6L3.40622 6L7.68046 1.70543C8.07006 1.31398 8.06856 0.680815 7.67711 0.291218C7.28566 -0.098379 6.65249 -0.0968769 6.2629 0.294573L0.291298 6.29457C0.175179 6.41124 0.0937843 6.54942 0.0471172 6.69624C0.0298405 6.75049 0.017067 6.80676 0.00923729 6.86459C-0.00297165 6.95442 -0.00297165 7.04558 0.00923729 7.13541C0.0170536 7.19315 0.0298004 7.24933 0.0470371 7.30351C0.0936909 7.45042 0.175112 7.58869 0.291298 7.70543L6.2629 13.7054C6.65249 14.0969 7.28566 14.0984 7.67711 13.7088C8.06856 13.3192 8.07006 12.686 7.68046 12.2946L3.40622 8H15.332Z", fill: fill ?? '#0645AD' }) }));
|
|
169
169
|
}
|
|
170
|
-
function
|
|
171
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '
|
|
170
|
+
function EmptyAvatar({ fill, width, height }) {
|
|
171
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '22', height: height ? height : '20', viewBox: "0 0 23 25", fill: fill ?? '#BDBDBD', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M23 18C23 20 17.5 24.5 11 24.5C5.5 24.5 0 21 0 18C0 17 3.8203 12 11 12C18.1797 12 23 17 23 18Z", fill: "current" }), jsxRuntime.jsx("circle", { cx: "11", cy: "5", r: "5", fill: "current" })] }));
|
|
172
|
+
}
|
|
173
|
+
function CheckboxChecked({ fill, stroke, width, height }) {
|
|
174
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 16 16", fill: fill || '#F35F24', stroke: stroke || '#F35F24', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "1.5", fill: "current", stroke: "current" }), jsxRuntime.jsx("path", { d: "M13 4L6.125 11L3 7.81818", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
172
175
|
}
|
|
173
176
|
function CheckboxEmpty({ fill, stroke, width, height, active }) {
|
|
174
177
|
return (jsxRuntime.jsx("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { x: "0.6", y: "0.6", width: "14.8", height: "14.8", rx: "1.4", fill: fill ?? 'white', stroke: stroke ?? '#A6A6A6', strokeWidth: "1.2" }) }));
|
|
@@ -177,7 +180,7 @@ function Trash({ fill, width, height }) {
|
|
|
177
180
|
return (jsxRuntime.jsx("svg", { width: width ? width : '14', height: height ? height : '16', viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.43064 2.09763C5.49315 2.03512 5.57794 2 5.66634 2H8.33301C8.42141 2 8.5062 2.03512 8.56871 2.09763C8.63122 2.16014 8.66634 2.24493 8.66634 2.33333V2.66667H5.33301V2.33333C5.33301 2.24493 5.36813 2.16014 5.43064 2.09763ZM10.6663 2.33333V2.66667H11.6663C11.6674 2.66667 11.6685 2.66667 11.6695 2.66667H13C13.5523 2.66667 14 3.11439 14 3.66667C14 4.21896 13.5523 4.66667 13 4.66667H12.6663V13C12.6663 13.6188 12.4205 14.2123 11.9829 14.6499C11.5453 15.0875 10.9518 15.3333 10.333 15.3333H3.66634C3.0475 15.3333 2.45401 15.0875 2.01643 14.6499C1.57884 14.2123 1.33301 13.6188 1.33301 13V4.66667H1C0.447715 4.66667 0 4.21896 0 3.66667C0 3.11439 0.447715 2.66667 1 2.66667H2.32981C2.33087 2.66667 2.33194 2.66667 2.33301 2.66667H3.33301V2.33333C3.33301 1.71449 3.57884 1.121 4.01643 0.683417C4.45401 0.245833 5.0475 0 5.66634 0H8.33301C8.95185 0 9.54534 0.245833 9.98292 0.683417C10.4205 1.121 10.6663 1.71449 10.6663 2.33333ZM3.33301 4.66667V13C3.33301 13.0884 3.36813 13.1732 3.43064 13.2357C3.49315 13.2982 3.57794 13.3333 3.66634 13.3333H10.333C10.4214 13.3333 10.5062 13.2982 10.5687 13.2357C10.6312 13.1732 10.6663 13.0884 10.6663 13V4.66667L3.33301 4.66667Z", fill: fill ? fill : '#0645AD' }) }));
|
|
178
181
|
}
|
|
179
182
|
function TrashDelete({ fill, width, height }) {
|
|
180
|
-
return (jsxRuntime.jsxs("svg", { width: width ?? '
|
|
183
|
+
return (jsxRuntime.jsxs("svg", { width: width ?? '24', height: height ?? '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4.36035 7.33398H6.13813H20.3604", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M18.9054 7.5V18.4C18.9054 18.8243 18.7083 19.2313 18.3576 19.5314C18.0069 19.8314 17.5312 20 17.0352 20H7.68458C7.18859 20 6.71292 19.8314 6.3622 19.5314C6.01148 19.2313 5.81445 18.8243 5.81445 18.4V7.5M8.61965 7.2V5.6C8.61965 5.17565 8.81668 4.76869 9.1674 4.46863C9.51811 4.16857 9.99379 4 10.4898 4H14.23C14.726 4 15.2017 4.16857 15.5524 4.46863C15.9031 4.76869 16.1002 5.17565 16.1002 5.6V7.2", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
181
184
|
}
|
|
182
185
|
function AlertCicle({ fill, width, height }) {
|
|
183
186
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 8V12", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 16H12.01", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -555,8 +558,8 @@ function styleInject(css, ref) {
|
|
|
555
558
|
}
|
|
556
559
|
}
|
|
557
560
|
|
|
558
|
-
var css_248z$
|
|
559
|
-
styleInject(css_248z$
|
|
561
|
+
var css_248z$m = "/* DEFAULTS */\n@import url('https://fonts.googleapis.com/css?family=Work+Sans:regular,bold,italic&subset=latin,latin-ext');\n@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\nhtml,\nbody {\n padding: 0;\n margin: 0;\n font-family: Work Sans !important;\n font-weight: 500 !important;\n}\n\np {\n margin: 0px;\n}\n\nbr {\n display: block;\n margin: 8px 0;\n}\n\n* {\n box-sizing: border-box;\n outline: none;\n}\n\n.avatar {\n vertical-align: middle;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n}\n\n.ellipsis {\n overflow: hidden !important;\n white-space: nowrap !important;\n text-overflow: ellipsis !important;\n display: inline-block !important;\n}\n\n.tag {\n border-radius: 13px;\n min-height: 24px;\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n display: inline-block;\n}\n\n.content {\n padding: 24px !important;\n border-radius: inherit;\n}\n\n.fixedBottom {\n position: absolute !important;\n bottom: 0px !important;\n right: 0px !important;\n}\n\n.innerContent {\n padding: 0px 24px 0px 24px !important;\n border-radius: inherit;\n}\n\n.centeredVertically {\n display: inline-flex;\n align-items: center;\n}\n\n.cardContent {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n padding: 24px !important;\n}\n\n.cardContentNoMargin {\n position: relative;\n height: 100%;\n width: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n}\n\n.cardTopRightConner {\n float: right;\n border-radius: 0px 8px;\n}\n\n.frstButton {\n color: #fff;\n font-weight: bold !important;\n background-color: #ff4d0d;\n border-color: #ff4d0d;\n height: 48px !important;\n font-size: 16px !important;\n padding-left: 16px !important;\n padding-right: 16px !important;\n padding-top: 18px !important;\n padding-bottom: 18px !important;\n text-transform: none !important;\n border-radius: 5px 5px 5px 5px !important;\n box-shadow: 0 2px 0 rgb(0 0 0 / 2%) !important;\n}\n\n.blue {\n border: 1px solid #e8e8e8 !important;\n background-color: #fff !important;\n color: #0645ad !important;\n}\n\n.shimmer {\n background: #f6f7f8;\n background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #c4c4c4 40%, #c4c4c4 100%);\n background-repeat: no-repeat;\n background-size: 100% 100%;\n position: relative;\n color: transparent;\n\n -webkit-animation-duration: 1s;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: placeholderShimmer;\n -webkit-animation-timing-function: linear;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n}\n";
|
|
562
|
+
styleInject(css_248z$m);
|
|
560
563
|
|
|
561
564
|
function Tag(props) {
|
|
562
565
|
function getBG() {
|
|
@@ -1776,9 +1779,9 @@ function CalendarCard(props) {
|
|
|
1776
1779
|
jsxRuntime.jsx(FRSTButton, { style: { marginLeft: 'auto' }, variant: "contained", onClick: props.trails[module]?.joinEventAction, children: t('calendar.card.joinEvent') })] })] }) }) }));
|
|
1777
1780
|
}
|
|
1778
1781
|
|
|
1779
|
-
var css_248z$
|
|
1782
|
+
var css_248z$l = ".TextIcon-module_container__c5xjY {\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n}\n";
|
|
1780
1783
|
var style$h = {"container":"TextIcon-module_container__c5xjY"};
|
|
1781
|
-
styleInject(css_248z$
|
|
1784
|
+
styleInject(css_248z$l);
|
|
1782
1785
|
|
|
1783
1786
|
///-----------------------------------------
|
|
1784
1787
|
/// Componente
|
|
@@ -1790,9 +1793,9 @@ function TextIcon(props) {
|
|
|
1790
1793
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: style$h.container, style: { ...props.style }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 30, height: 30, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: props.svg }), jsxRuntime.jsx("div", { style: { display: 'inline-flex', marginLeft: 8, whiteSpace: 'pre-wrap' }, children: props.description })] }) }) }));
|
|
1791
1794
|
}
|
|
1792
1795
|
|
|
1793
|
-
var css_248z$
|
|
1796
|
+
var css_248z$k = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Rating-module_container__yehpg {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n\n.Rating-module_titulo__mPtNy{\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 16px;\n font-weight: 600px;\n}\n\n.Rating-module_content__fqIyW{\n display: flex;\n width: 100%;\n justify-content: flex-start;\n align-items: flex-start;\n \n}\n\n.Rating-module_star__Wzye9{\n display: inline-flex;\n width: 35px; \n height: 35px; \n position: relative; \n justify-content: center; \n align-items: center;\n}\n\n.Rating-module_avaliacao__AOld-{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100px;\n height: 100%;\n margin-left: 4px;\n}\n";
|
|
1794
1797
|
var style$g = {"container":"Rating-module_container__yehpg","titulo":"Rating-module_titulo__mPtNy","content":"Rating-module_content__fqIyW","star":"Rating-module_star__Wzye9","avaliacao":"Rating-module_avaliacao__AOld-"};
|
|
1795
|
-
styleInject(css_248z$
|
|
1798
|
+
styleInject(css_248z$k);
|
|
1796
1799
|
|
|
1797
1800
|
///-----------------------------------------
|
|
1798
1801
|
/// Componente
|
|
@@ -1825,9 +1828,9 @@ function Rating$1(props) {
|
|
|
1825
1828
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$g.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { className: style$g.titulo, style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { className: style$g.content, style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsxs("div", { className: style$g.star, style: { display: 'inline-flex', width: 35, height: 35, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsx(StarIcon, { color: MapColorStar[props.tipoVisualizacao - 1] }), jsxRuntime.jsx("span", { style: { position: 'absolute', fontSize: 10, color: MapColorNumberStar[props.tipoVisualizacao - 1], fontWeight: 'bold', top: 12, textAlign: 'center' }, children: props.nota })] }), jsxRuntime.jsxs("div", { className: style$g.avaliacao, style: { justifyContent: props.descricaoAvaliacao ? 'flex-start' : 'center' }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.descricaoAvaliacao }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: `${props.qtdeAvaliacao} ${props.qtdeAvaliacao > 1 ? props.nomeAvaliacao : props.nomeAvaliacao}` })] })] })] }) }));
|
|
1826
1829
|
}
|
|
1827
1830
|
|
|
1828
|
-
var css_248z$
|
|
1831
|
+
var css_248z$j = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.RatingCurtidas-module_container__Ns11t {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n";
|
|
1829
1832
|
var style$f = {"container":"RatingCurtidas-module_container__Ns11t"};
|
|
1830
|
-
styleInject(css_248z$
|
|
1833
|
+
styleInject(css_248z$j);
|
|
1831
1834
|
|
|
1832
1835
|
///-----------------------------------------
|
|
1833
1836
|
/// Componente
|
|
@@ -1965,9 +1968,9 @@ function StepItem({ index, name, action, step, variant }) {
|
|
|
1965
1968
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsx(CicleStep, { variant: variant }), jsxRuntime.jsx(CicleStepChar, { variant: variant, onClick: () => variant != 'disabled' ? action() : () => { }, children: step }), jsxRuntime.jsx(CicleStepName, { variant: variant, onClick: () => variant != 'disabled' ? action() : () => { }, children: name })] }, index) }));
|
|
1966
1969
|
}
|
|
1967
1970
|
|
|
1968
|
-
var css_248z$
|
|
1971
|
+
var css_248z$i = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.avatarWithInfo-module_container__Y-yUf {\n /* width: 100%; */\n height: fit-content;\n padding: 4px 16px 4px 4px;\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n \n border: 1px solid #BDBDBD;\n border-radius: 25px;\n background-color: #FFF;\n font-size: 16px;\n \n flex-direction: row;\n flex-wrap: nowrap;\n font-family: 'Work Sans';\n flex-wrap: wrap;\n}";
|
|
1969
1972
|
var style$e = {"container":"avatarWithInfo-module_container__Y-yUf"};
|
|
1970
|
-
styleInject(css_248z$
|
|
1973
|
+
styleInject(css_248z$i);
|
|
1971
1974
|
|
|
1972
1975
|
const AvatarImg$1 = styled__default["default"].img `
|
|
1973
1976
|
width: ${props => props.size || '120px'};
|
|
@@ -2373,9 +2376,9 @@ function Button$5({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2373
2376
|
jsxRuntime.jsx(Button$6, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2374
2377
|
}
|
|
2375
2378
|
|
|
2376
|
-
var css_248z$
|
|
2379
|
+
var css_248z$h = ".BannerProblem-module_container__iitVU {\n padding: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n\n}\n\n.BannerProblem-module_titleProblem__BeJIN{\n font-weight: 700;\n font-size: 18px;\n word-wrap: break-word;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n font-size: 12px;\n\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n /* identical to box height, or 117% */\n\n display: flex;\n align-items: center;\n letter-spacing: -0.02em;\n\n color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n font-style: normal;\n font-weight: 600;\n font-size: 32px;\n text-align: left;\n display: flex;\n margin-top: 8px;\n width: 100%;\n color: #FF4D0D;\n margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n .BannerProblem-module_description__olZ05{\n word-wrap: break-word;\n }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n \n color: #0645AD;\n}\n\nh2{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 16;\n margin-bottom: 0;\n}\n\nh3{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n margin: 0;\n word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n background-color: #F2F2F2; \n border-width: 1px; \n border-radius: 4px;\n padding: 24px 16px 24px 16px;\n border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n width: 100% !important;\n margin: 4px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid #BDBDBD;\n background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n max-width: none;\n max-height: none !important;\n}\n";
|
|
2377
2380
|
var style$d = {"container":"BannerProblem-module_container__iitVU","titleProblem":"BannerProblem-module_titleProblem__BeJIN","created":"BannerProblem-module_created__OrSsa","description":"BannerProblem-module_description__olZ05","missaoTitle":"BannerProblem-module_missaoTitle__300kZ","contentInput":"BannerProblem-module_contentInput__YXpxk","goal_invite":"BannerProblem-module_goal_invite__B0T5N"};
|
|
2378
|
-
styleInject(css_248z$
|
|
2381
|
+
styleInject(css_248z$h);
|
|
2379
2382
|
|
|
2380
2383
|
const SpanHeaderTag = styled__default["default"].span `
|
|
2381
2384
|
display: flex;
|
|
@@ -2654,9 +2657,9 @@ function getTranslateBtnNextPrevSteps() {
|
|
|
2654
2657
|
};
|
|
2655
2658
|
}
|
|
2656
2659
|
|
|
2657
|
-
var css_248z$
|
|
2660
|
+
var css_248z$g = ".MessageBox-module_container__6oBFw {\n min-width: 200px;\n padding: 8px;\n min-height: 30px;\n margin-top: 8px;\n font-size: 14px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n \n}\n\n.MessageBox-module_square__bUGB6{\n height: 20px;\n width: 20px;\n display: inline-flex; \n justify-content: center; \n align-items: center;\n margin-right: 8px;\n}\n\n.MessageBox-module_success__OT-qh{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_success__OT-qh:hover{\n background-color: #2CA92A !important;\n color: white;\n}\n\n.MessageBox-module_successNoHover__0-hv8{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV:hover{\n background-color: #FFC200 !important;\n color: white;\n}\n\n.MessageBox-module_warningNoHover__9REga{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_errorNoHover__wBfkm{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacao__TIUt0{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacao__TIUt0:hover{\n background-color: #F2F2F2 !important;\n \n}\n\n.MessageBox-module_notificacao__TIUt0 span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoErro__-Daph{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacaoErro__-Daph:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_notificacaoErroNoHover__kW518{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}";
|
|
2658
2661
|
var style$c = {"container":"MessageBox-module_container__6oBFw","square":"MessageBox-module_square__bUGB6","success":"MessageBox-module_success__OT-qh","successNoHover":"MessageBox-module_successNoHover__0-hv8","warning":"MessageBox-module_warning__WFHrV","warningNoHover":"MessageBox-module_warningNoHover__9REga","error":"MessageBox-module_error__PzfdG","errorNoHover":"MessageBox-module_errorNoHover__wBfkm","notificacao":"MessageBox-module_notificacao__TIUt0","notificacaoNoHover":"MessageBox-module_notificacaoNoHover__NHKEm","notificacaoErro":"MessageBox-module_notificacaoErro__-Daph","notificacaoErroNoHover":"MessageBox-module_notificacaoErroNoHover__kW518"};
|
|
2659
|
-
styleInject(css_248z$
|
|
2662
|
+
styleInject(css_248z$g);
|
|
2660
2663
|
|
|
2661
2664
|
///-----------------------------------------
|
|
2662
2665
|
/// Componente
|
|
@@ -4511,6 +4514,264 @@ function Modal({ children, width, headerContent, open = false, mobileFullPage =
|
|
|
4511
4514
|
(showCloseButton === true && (jsxRuntime.jsx(ModalHeader, { children: showCloseButton === true && (jsxRuntime.jsxs(ModalCloseButton, { onClick: (e) => handleClose(e), children: [headerContent && headerContent, jsxRuntime.jsx("span", { onClick: (e) => (handleCloseOnIcon ? handleCloseOnIcon() : handleClose(e)), children: jsxRuntime.jsx(CloseIcon, {}) })] })) }))), children && children] }) }));
|
|
4512
4515
|
}
|
|
4513
4516
|
|
|
4517
|
+
const ContainerSelected = styled__default["default"].div `
|
|
4518
|
+
display:flex;
|
|
4519
|
+
margin-bottom: 15px;
|
|
4520
|
+
div{
|
|
4521
|
+
font-family: 'PT Sans';
|
|
4522
|
+
font-weight: 700;
|
|
4523
|
+
line-height: 17.6px;
|
|
4524
|
+
}
|
|
4525
|
+
span{
|
|
4526
|
+
display: flex;
|
|
4527
|
+
justify-content: center;
|
|
4528
|
+
align-items: center;
|
|
4529
|
+
gap: 4px;
|
|
4530
|
+
font-family: 'PT Sans';
|
|
4531
|
+
padding-left: 24px;
|
|
4532
|
+
font-weight: 700;
|
|
4533
|
+
color:rgba(165, 0, 0, 1);
|
|
4534
|
+
line-height: 17.6px;
|
|
4535
|
+
}
|
|
4536
|
+
`;
|
|
4537
|
+
const TableContainer = styled__default["default"].div `
|
|
4538
|
+
width: 100%;
|
|
4539
|
+
`;
|
|
4540
|
+
const Table = styled__default["default"].table `
|
|
4541
|
+
border-collapse: collapse;
|
|
4542
|
+
width:100%;
|
|
4543
|
+
background:${({ theme }) => theme.colors.shadeWhite};
|
|
4544
|
+
tbody{
|
|
4545
|
+
tr:nth-child(even){
|
|
4546
|
+
background:${({ theme }) => theme.colors.neutralsGrey8};
|
|
4547
|
+
:hover{
|
|
4548
|
+
background: rgba(223, 226, 226, 1);
|
|
4549
|
+
}
|
|
4550
|
+
}
|
|
4551
|
+
}
|
|
4552
|
+
`;
|
|
4553
|
+
const TableHeader = styled__default["default"].th `
|
|
4554
|
+
background-color: rgba(69, 160, 160, 0.4);
|
|
4555
|
+
height:54px;
|
|
4556
|
+
font-family: PT Sans;
|
|
4557
|
+
font-weight: 700;
|
|
4558
|
+
`;
|
|
4559
|
+
const TableRow = styled__default["default"].tr `
|
|
4560
|
+
height: 54px;
|
|
4561
|
+
border-top: 1px solid rgba(189, 189, 189, 1);
|
|
4562
|
+
border-bottom: 1px solid rgba(189, 189, 189, 1);
|
|
4563
|
+
text-align: center;
|
|
4564
|
+
&:hover {
|
|
4565
|
+
background-color:rgba(248, 248, 248, 1)
|
|
4566
|
+
}
|
|
4567
|
+
`;
|
|
4568
|
+
const TableChecked = styled__default["default"].td `
|
|
4569
|
+
vertical-align:middle;
|
|
4570
|
+
padding-left: 18px;
|
|
4571
|
+
text-align: left;
|
|
4572
|
+
width: 40%;
|
|
4573
|
+
span{
|
|
4574
|
+
font-family:'PT Sans';
|
|
4575
|
+
color:'rgba(34, 34, 34, 1)';
|
|
4576
|
+
}
|
|
4577
|
+
`;
|
|
4578
|
+
const TableAdm = styled__default["default"].td `
|
|
4579
|
+
align-items: center;
|
|
4580
|
+
justify-content: center;
|
|
4581
|
+
display: flex;
|
|
4582
|
+
margin-top: 11px;
|
|
4583
|
+
div{
|
|
4584
|
+
flex-direction: row-reverse;
|
|
4585
|
+
display: flex;
|
|
4586
|
+
:nth-child(1n){
|
|
4587
|
+
margin-left: -4px;
|
|
4588
|
+
}
|
|
4589
|
+
}
|
|
4590
|
+
|
|
4591
|
+
`;
|
|
4592
|
+
|
|
4593
|
+
const AvatarContent = styled__default["default"].div `
|
|
4594
|
+
width: 32px;
|
|
4595
|
+
height: 32px;
|
|
4596
|
+
border-radius: 16px;
|
|
4597
|
+
background-color: ${props => props.background};
|
|
4598
|
+
color: rgba(255, 255, 255, 1);
|
|
4599
|
+
font-weight:700;
|
|
4600
|
+
border: 2px solid ${({ theme }) => theme.colors.shadeWhite};
|
|
4601
|
+
display: flex;
|
|
4602
|
+
justify-content: end;
|
|
4603
|
+
align-items: center;
|
|
4604
|
+
position: relative;
|
|
4605
|
+
font-size: 10px;
|
|
4606
|
+
font-family:'PT Sans';
|
|
4607
|
+
box-sizing: border-box;
|
|
4608
|
+
cursor: pointer;
|
|
4609
|
+
`;
|
|
4610
|
+
const PlusButton = styled__default["default"].div `
|
|
4611
|
+
width: 12px;
|
|
4612
|
+
height: 12px;
|
|
4613
|
+
border-radius: 6px;
|
|
4614
|
+
display: flex;
|
|
4615
|
+
justify-content: center;
|
|
4616
|
+
vertical-align: center;
|
|
4617
|
+
font-size: 13px;
|
|
4618
|
+
background-color: rgba(242, 104, 24, 1);
|
|
4619
|
+
position: absolute;
|
|
4620
|
+
bottom: -2px;
|
|
4621
|
+
right: 0px;
|
|
4622
|
+
line-height: 13px;
|
|
4623
|
+
`;
|
|
4624
|
+
const ImageAvatarContent = styled__default["default"].div `
|
|
4625
|
+
position: absolute;
|
|
4626
|
+
bottom: -3px;
|
|
4627
|
+
right: 3px;
|
|
4628
|
+
`;
|
|
4629
|
+
const ImageContent = styled__default["default"].div `
|
|
4630
|
+
width:32px;
|
|
4631
|
+
height: 32px;
|
|
4632
|
+
border-radius: 50%;
|
|
4633
|
+
overflow: hidden;
|
|
4634
|
+
img{
|
|
4635
|
+
width: 100%;
|
|
4636
|
+
height: 100%;
|
|
4637
|
+
object-fit: cover;
|
|
4638
|
+
}
|
|
4639
|
+
|
|
4640
|
+
`;
|
|
4641
|
+
|
|
4642
|
+
function AdmButton({ variant, count, image, onClick }) {
|
|
4643
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(AvatarContent, { onClick: onClick, background: variant != 'count' ? '#E0E0E0' :
|
|
4644
|
+
'rgba(68, 68, 68, 1)', children: [variant == 'count' && jsxRuntime.jsxs("div", { style: { paddingRight: '6px' }, children: ["+", count] }), variant == 'add' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }), jsxRuntime.jsx(PlusButton, { children: "+" })] })), " ", variant == 'image' && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: image ? jsxRuntime.jsx(ImageContent, { children: jsxRuntime.jsx("img", { src: image, alt: "" }) }) : jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }) }))] }) }));
|
|
4645
|
+
}
|
|
4646
|
+
|
|
4647
|
+
const CheckBoxWrapper = styled__default["default"].div `
|
|
4648
|
+
min-height: 16px;
|
|
4649
|
+
display: flex;
|
|
4650
|
+
flex-direction: row;
|
|
4651
|
+
cursor: pointer;
|
|
4652
|
+
transition: all 0.2s ease-in-out;
|
|
4653
|
+
|
|
4654
|
+
width: fit-content;
|
|
4655
|
+
align-items: center;
|
|
4656
|
+
`;
|
|
4657
|
+
const CheckButton = styled__default["default"].button `
|
|
4658
|
+
min-height: 16px;
|
|
4659
|
+
min-width: 16px;
|
|
4660
|
+
padding: 0.3rem;
|
|
4661
|
+
display: flex;
|
|
4662
|
+
align-items: center;
|
|
4663
|
+
background-color: transparent;
|
|
4664
|
+
border-width: 0px;
|
|
4665
|
+
cursor:pointer;
|
|
4666
|
+
/* :focus {
|
|
4667
|
+
background-color: ${({ theme }) => theme.colors.selectItens};
|
|
4668
|
+
} */
|
|
4669
|
+
`;
|
|
4670
|
+
const Label$1 = styled__default["default"].div `
|
|
4671
|
+
font-family: 'PT Sans';
|
|
4672
|
+
font-style: normal;
|
|
4673
|
+
font-weight: ${({ isChecked }) => (isChecked ? 700 : 400)};
|
|
4674
|
+
font-size: 16px;
|
|
4675
|
+
line-height: 21px;
|
|
4676
|
+
|
|
4677
|
+
padding-left: 8px;
|
|
4678
|
+
`;
|
|
4679
|
+
|
|
4680
|
+
function Checkbox({ label, isChecked, handleCheck, color = FRSTTheme['colors'].primary1 }) {
|
|
4681
|
+
const [actionAreaCheckIcon, setActionAreaCheckIcon] = React.useState(false);
|
|
4682
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(CheckBoxWrapper, { onClick: handleCheck, onMouseOver: () => setActionAreaCheckIcon(true), onMouseOut: () => setActionAreaCheckIcon(false), children: [jsxRuntime.jsx(CheckButton, { children: isChecked ? (jsxRuntime.jsx(CheckboxChecked, { fill: color, stroke: color })) : (actionAreaCheckIcon ?
|
|
4683
|
+
jsxRuntime.jsx(CheckboxEmpty, { stroke: color }) :
|
|
4684
|
+
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label$1, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4685
|
+
}
|
|
4686
|
+
|
|
4687
|
+
const TdTrashButton = ({ onClick }) => {
|
|
4688
|
+
const [isHover, setIsHover] = React.useState(false);
|
|
4689
|
+
return (jsxRuntime.jsx("div", { onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsxRuntime.jsx(TrashDelete, { width: "24px", height: "24px", fill: isHover ? 'rgba(165, 0, 0, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
4690
|
+
};
|
|
4691
|
+
const TdEditButtom = ({ onClick }) => {
|
|
4692
|
+
const [isHover, setIsHover] = React.useState(false);
|
|
4693
|
+
return (jsxRuntime.jsx("div", { onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsxRuntime.jsx(EditIcon, { width: "18px", height: "18px", fill: isHover ? 'rgba(6, 69, 173, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
4694
|
+
};
|
|
4695
|
+
function GroupsTable(props) {
|
|
4696
|
+
const { textHeader, textHeader2, textHeader3, textHeader4, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected } = props;
|
|
4697
|
+
const [isAllChecked, setIsAllChecked] = React.useState(false);
|
|
4698
|
+
const [internalItems, setInternalItems] = React.useState([]);
|
|
4699
|
+
React.useEffect(() => {
|
|
4700
|
+
onSelected(internalItems.filter((i) => i.checked));
|
|
4701
|
+
}, [internalItems]);
|
|
4702
|
+
function handleToggleSelectAll() {
|
|
4703
|
+
const value = !isAllChecked;
|
|
4704
|
+
setIsAllChecked(value);
|
|
4705
|
+
setInternalItems((prev) => {
|
|
4706
|
+
return prev.map((i) => ({ ...i, checked: value }));
|
|
4707
|
+
});
|
|
4708
|
+
}
|
|
4709
|
+
function handleToggleSelectRow(index) {
|
|
4710
|
+
setInternalItems((prev) => {
|
|
4711
|
+
const newData = [...prev];
|
|
4712
|
+
newData[index].checked = !newData[index].checked;
|
|
4713
|
+
return newData;
|
|
4714
|
+
});
|
|
4715
|
+
setIsAllChecked(false);
|
|
4716
|
+
}
|
|
4717
|
+
function handleDeleteAllSelected() {
|
|
4718
|
+
onDeleteAllSelected(internalItems.filter((i) => i.checked).map((i) => i.id));
|
|
4719
|
+
}
|
|
4720
|
+
React.useEffect(() => {
|
|
4721
|
+
setInternalItems(items.map((i) => ({ ...i, checked: false })));
|
|
4722
|
+
}, [items]);
|
|
4723
|
+
const selectedItems = React.useMemo(() => {
|
|
4724
|
+
return internalItems.filter((i) => i.checked).length;
|
|
4725
|
+
}, [internalItems]);
|
|
4726
|
+
const maxAdmToShow = 3;
|
|
4727
|
+
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(ContainerSelected, { children: [' ', jsxRuntime.jsxs("div", { children: [selected, " ", selectedItems] }), selectedItems > 1 && (jsxRuntime.jsxs("span", { onClick: handleDeleteAllSelected, style: { cursor: 'pointer' }, children: [jsxRuntime.jsx(Trash, { fill: "rgba(165, 0, 0, 1)" }), deleted] }))] }), jsxRuntime.jsx(TableContainer, { children: jsxRuntime.jsxs(Table, { children: [jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsxs(TableHeader, { style: { textAlign: 'start', paddingLeft: '18px', display: 'flex', alignItems: 'center' }, children: [jsxRuntime.jsx(Tooltip$2, { style: {
|
|
4728
|
+
width: '116px',
|
|
4729
|
+
height: '31px',
|
|
4730
|
+
top: '8px',
|
|
4731
|
+
left: '8px',
|
|
4732
|
+
display: 'flex',
|
|
4733
|
+
justifyContent: 'center',
|
|
4734
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4735
|
+
}, direction: 'bottom', content: textTooltipAllSelected, delay: 500, children: jsxRuntime.jsx(Checkbox, { isChecked: isAllChecked, label: "", handleCheck: handleToggleSelectAll, color: "rgba(67, 159, 159, 1)" }) }), jsxRuntime.jsx("span", { children: textHeader })] }), jsxRuntime.jsx(TableHeader, {}), jsxRuntime.jsx(TableHeader, { style: { width: '180px' }, children: textHeader2 }), jsxRuntime.jsx(TableHeader, { style: { paddingRight: '52px', paddingLeft: '44px', width: '220px' }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '44px' }, children: [jsxRuntime.jsx("div", { children: textHeader3 }), jsxRuntime.jsx("div", { children: textHeader4 })] }) })] }), jsxRuntime.jsx("tbody", { children: internalItems.map((i, index) => (jsxRuntime.jsxs(TableRow, { children: [jsxRuntime.jsx(TableChecked, { children: jsxRuntime.jsx(Checkbox, { label: i.group, handleCheck: () => handleToggleSelectRow(index), isChecked: i.checked }) }), jsxRuntime.jsx("td", {}), jsxRuntime.jsx(TableAdm, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Tooltip$2, { content: textTooltipAdd, delay: 500, direction: 'bottom', style: {
|
|
4736
|
+
fontFamily: 'PT Sans',
|
|
4737
|
+
fontWeight: 400,
|
|
4738
|
+
fontSize: '14px',
|
|
4739
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4740
|
+
width: '73px',
|
|
4741
|
+
height: '31px',
|
|
4742
|
+
top: '8px',
|
|
4743
|
+
left: '4px',
|
|
4744
|
+
display: 'flex',
|
|
4745
|
+
justifyContent: 'center',
|
|
4746
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4747
|
+
}, children: jsxRuntime.jsx(AdmButton, { variant: 'add', onClick: () => AdmMoreClick(i.id) }) }), i.adms.length > maxAdmToShow && (jsxRuntime.jsx(Tooltip$2, { content: textTooltipCount, delay: 500, direction: 'bottom', style: {
|
|
4748
|
+
fontFamily: 'PT Sans',
|
|
4749
|
+
fontWeight: 400,
|
|
4750
|
+
fontSize: '14px',
|
|
4751
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4752
|
+
width: '73px',
|
|
4753
|
+
height: '31px',
|
|
4754
|
+
top: '8px',
|
|
4755
|
+
left: '4px',
|
|
4756
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4757
|
+
}, children: jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'count', count: i.adms.length - maxAdmToShow }) })), i.adms
|
|
4758
|
+
.filter((a, aIndex) => aIndex < maxAdmToShow)
|
|
4759
|
+
.map((adm) => {
|
|
4760
|
+
return jsxRuntime.jsx(Tooltip$2, { content: adm.name, direction: 'bottom', delay: 500, style: {
|
|
4761
|
+
fontFamily: 'PT Sans',
|
|
4762
|
+
fontWeight: 400,
|
|
4763
|
+
fontSize: '14px',
|
|
4764
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
4765
|
+
width: 'fit-content',
|
|
4766
|
+
height: '31px',
|
|
4767
|
+
top: '8px',
|
|
4768
|
+
left: '4px',
|
|
4769
|
+
whiteSpace: 'nowrap',
|
|
4770
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
4771
|
+
}, children: jsxRuntime.jsx(AdmButton, { image: adm.image, variant: 'image' }, adm.id) });
|
|
4772
|
+
})] }) }), jsxRuntime.jsx("td", { children: jsxRuntime.jsxs("div", { style: { display: 'flex', width: 'fit-content', alignItems: 'center', gap: '64px', paddingLeft: '54px' }, children: [jsxRuntime.jsx(TdEditButtom, { onClick: () => onEditClick(i.id) }), jsxRuntime.jsx(TdTrashButton, { onClick: () => onDeleteClick(i.id, index) })] }) })] }, index))) })] }) })] }));
|
|
4773
|
+
}
|
|
4774
|
+
|
|
4514
4775
|
const container = styled__default["default"].div `
|
|
4515
4776
|
display: flex;
|
|
4516
4777
|
justify-content: center;
|
|
@@ -4899,45 +5160,6 @@ function AccordionTabs({ titleAccordion, typeAccordion, typeButtonTab, titleTabs
|
|
|
4899
5160
|
jsxRuntime.jsxs(ContainerCleanAction, { onClick: () => handleActionClean('limpar'), children: [jsxRuntime.jsx(TrashIcon, { width: '14px', height: '17px' }), jsxRuntime.jsxs(TextClean, { children: [" ", textCleanButton, " "] })] })] })) : null] }), jsxRuntime.jsx(WrapperContent$3, { status: activeTabID != '-1', children: jsxRuntime.jsxs("div", { style: { width: '100%', ...style }, children: [getCurrentTabOpened() && jsxRuntime.jsxs(TitleCurrentTabOpened, { children: [" ", getCurrentTabOpened(), " "] }), children] }) })] }));
|
|
4900
5161
|
}
|
|
4901
5162
|
|
|
4902
|
-
const CheckBoxWrapper = styled__default["default"].div `
|
|
4903
|
-
min-height: 16px;
|
|
4904
|
-
display: flex;
|
|
4905
|
-
flex-direction: row;
|
|
4906
|
-
cursor: pointer;
|
|
4907
|
-
transition: all 0.2s ease-in-out;
|
|
4908
|
-
|
|
4909
|
-
width: fit-content;
|
|
4910
|
-
align-items: center;
|
|
4911
|
-
`;
|
|
4912
|
-
const CheckButton = styled__default["default"].button `
|
|
4913
|
-
min-height: 16px;
|
|
4914
|
-
min-width: 16px;
|
|
4915
|
-
padding: 0.3rem;
|
|
4916
|
-
display: flex;
|
|
4917
|
-
align-items: center;
|
|
4918
|
-
background-color: transparent;
|
|
4919
|
-
border-width: 0px;
|
|
4920
|
-
:focus {
|
|
4921
|
-
background-color: ${({ theme }) => theme.colors.selectItens};
|
|
4922
|
-
}
|
|
4923
|
-
`;
|
|
4924
|
-
const Label$1 = styled__default["default"].div `
|
|
4925
|
-
font-family: 'PT Sans';
|
|
4926
|
-
font-style: normal;
|
|
4927
|
-
font-weight: ${({ isChecked }) => (isChecked ? 700 : 400)};
|
|
4928
|
-
font-size: 16px;
|
|
4929
|
-
line-height: 21px;
|
|
4930
|
-
|
|
4931
|
-
padding-left: 8px;
|
|
4932
|
-
`;
|
|
4933
|
-
|
|
4934
|
-
function Checkbox({ label, isChecked, handleCheck }) {
|
|
4935
|
-
const [actionAreaCheckIcon, setActionAreaCheckIcon] = React.useState(false);
|
|
4936
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(CheckBoxWrapper, { onClick: handleCheck, onMouseOver: () => setActionAreaCheckIcon(true), onMouseOut: () => setActionAreaCheckIcon(false), children: [jsxRuntime.jsx(CheckButton, { children: isChecked ? (jsxRuntime.jsx(CheckboxChecked, {})) : (actionAreaCheckIcon ?
|
|
4937
|
-
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].primary1 }) :
|
|
4938
|
-
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label$1, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4939
|
-
}
|
|
4940
|
-
|
|
4941
5163
|
function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
4942
5164
|
const [activeTab, setActiveTab] = React.useState('-1');
|
|
4943
5165
|
const [contentTabActiveShow, setContentTabActiveShow] = React.useState(jsxRuntime.jsx("div", {}));
|
|
@@ -5063,9 +5285,9 @@ function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
|
5063
5285
|
}
|
|
5064
5286
|
}
|
|
5065
5287
|
|
|
5066
|
-
var css_248z$
|
|
5288
|
+
var css_248z$f = ".statusProblema-module_modalBox__SJtEw{\n background-color: #FFF;\n width: 800px;\n min-height: 400px;\n max-height: 80%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n\n}\n\n.statusProblema-module_fechar__6ESi1{\n font-size: 12px;\n padding: 8px;\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n margin-top: 0px;\n cursor: default;\n margin-top: 10px;\n margin-right: 10px;\n}\n\n.statusProblema-module_titulo__6REcF{\n width: 100%;\n margin-top: 10px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-left: 24px;\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n line-height: 130%;\n text-align: center;\n letter-spacing: 0.01em;\n color: #222222;\n}\n\n.statusProblema-module_container__KLG2- {\n overflow: auto;\n min-width: 100%;\n max-width: 100%;\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 20px;\n margin-left: 0px;\n\n border: 1px solid #BDBDBD;\n border-left: 0px;\n padding-bottom: 16px;\n}\n\n.statusProblema-module_containerItem__-Ui-d {\n width: 400px;\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.statusProblema-module_containerData__QoS0I {\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n@media (max-width: 500px) { \n .statusProblema-module_containerItem__-Ui-d {\n width: 90vw;\n }\n}\n\n.statusProblema-module_avatar__4mtlc{\n\n font-size: 14px;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_descricao__OJJt7{ \n text-align: left;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 110%;\n}\n\n\n.statusProblema-module_modal_controls_wrapper__1dEvp {\n gap: 23px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 20px;\n padding: 0 24px;\n}\n\n.statusProblema-module_status_logo__1zV01 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_name__BZi68 {\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: -0.02em;\n color: #FF4D0D;\n}\n\n.statusProblema-module_sub_title__s8MA4 {\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n}\n";
|
|
5067
5289
|
var style$b = {"modalBox":"statusProblema-module_modalBox__SJtEw","fechar":"statusProblema-module_fechar__6ESi1","titulo":"statusProblema-module_titulo__6REcF","container":"statusProblema-module_container__KLG2-","containerItem":"statusProblema-module_containerItem__-Ui-d","containerData":"statusProblema-module_containerData__QoS0I","avatar":"statusProblema-module_avatar__4mtlc","descricao":"statusProblema-module_descricao__OJJt7","modal_controls_wrapper":"statusProblema-module_modal_controls_wrapper__1dEvp","status_logo":"statusProblema-module_status_logo__1zV01","name":"statusProblema-module_name__BZi68","sub_title":"statusProblema-module_sub_title__s8MA4"};
|
|
5068
|
-
styleInject(css_248z$
|
|
5290
|
+
styleInject(css_248z$f);
|
|
5069
5291
|
|
|
5070
5292
|
var problemaFRST = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAyZSURBVHgB7Z1PbBTXHcd/b3ZdVbUNmwu5hTWXXCCYSlUjNRWG5ED5Y+CWkAO2RKXQi91TG3LAHEKTU+0eaKVGtakC9FJhDKQ5BLBFIjVqJUzg0lbCm0g9wKUbbKo29s7L+86bx87Ozu7O7s6fN8v7SOPd+bMz6/nO7/d+773fe8uoB+AjhQINbAyTzYpk8WFifDNx8Z6JRVJwFz8l4rwsXtVy11lnbJnW8stssVymjMMog/CDAyNCCCEk2y2WYbGpSPGAB2BZLEsQnV1bW6SMkQmBHQvtXx8TN/mwK2iB0qEsxF4km18hu7LIPv5fiTRHW4F9oo6Qjkixz+sstnYCO+6XmBCWDlN6ltoJc0Lw87q5cW0ElsLSaW2tNSwos20+wz56MkcakLrAjrDMmhXvitRblKhin0lb6NQE7hmLbQ0i8fG0XHfiAvN9hSLlN2afAWH9zNH6+pmkg7FEBeaH+ieJrNOUreApSlDNmhbWfIYSIhGBn2GrbURJWPOeJKzZophxrLavcseIW0OR+vru8APwaPESmwU7DRWDG8Ids9j/iWwjXPbVtZ9TTMQisHTJ9mXR6D9MhjDE5rIjF5jv7x+mXO5yD9Zr4yYWkSMtg/lPBo9QzrplxO0IWS7jHkZIZBbMR/uPE7fmyNA9zB5jC0/OUwREIrARNwYiErlrgY24MRKByF0J7JQXebpMhvjYoKPsL6vz1CEdC+xUhdCA8ew2OyZFWfRK7RG9UsvUAR1F0VJcW0TLRtwEKIiayWW+77tF6oDOqkmOuKYqlCCi4eg7l53WwTZpW2B+aODXRtwUQKug0/TbHm0JLLv7TNtyerDJdjsoQgdZJqjShrJo0twVtkkzvAWboEoXCpTvmw17cCiB+ejAaVPuagSjkbCuuqWLNq5ZW0K56tYWnK9MkRFXR0K56qYWLHOW2S0y6Avne5ql5Da3YCch3aA3rGnduKHAfP/gmAmsMgACLjmIIJDGFpxjbbeaGFKCsYaeNlBgY72Zo9jIioMt2OITZMgYwR63TmA3cjbprlmjQVkcYMFsjAzZhLHjdZu8K26r1QoZskqZVnND3tmBai3YqoyQIcvIeU085Gt25/hxjedlSZb+zUSvHiMaeonoyddENy4QPfpKblsT6zcvkpYwC3ObTD9dVW9Sc88/PEC07aX67fduE93/lFLjlBDw5YPV9emTRANC9BPvyfWJHxGt3CMtWc09p9x01YLTcs+4ia++Wb/9jbeJHn5J9M4BaTlJAutV4p7YLq+PbVtekKLCorHoinTTjhVXBc5RpGNi2gYW+yfXOnAjIfDzW6UlTb5SfzyOAY3EhyBYGonRbD+2K9T5cQzEheV2cr0k8bjpqsCMdhOn9MCNhMgKvP/gvnTf21+puutDwlUeE+L3uz2YsPIPfkn0+XW5DuEnfku048fVcz34gmjmpBQIIuCh8e7HOc4ek/vxYGFRLDyWr5d+Jb/T2Y/k+ugm+Yrz4Xped47r4XxJex4Fo6ftGE4ULed+1KzP1yu4unmvCyF/+j45ocPCORn4wMrfuSQfAnD2uhQPDwREwTF4SE68L/ejDMX+B/fk/r9eq3oKgO3qYQE3LsrlQYPy9t3r8vup86nrzXxW6wmSpaAaPaQFOwO1NYyelQWoG/WaW1bDOpT4OAYWh5sMUbdslds/+bAa6WI7hAQQDy4UD4gqW/FZiAzr/1wct/KFDP7AzFvV77PdV1RgfZsbZZ99o/p9cR48RKM/k6KnAXcG3y+6LtoaIR0Z8FiAE+S44k2cq90OVCQO4XFzJ38nrP09aVmwKgWExjEQ52Uh4naPq4bI7bhVdU24du/n8EDhOwztoNSwrBHxd9oVmO2kVAvgBqgbpMpOxb3P6o999KV8RdSNqBwLPo8bjQWiYt/eY1J4lOFOMRBBVex7DVzxQKql3k78yfMjhQJVKkXSDZS3ymJhdRADrhBC3/iwGnTBHWJR63td962sFm5SlbtABWio1968ID+LxotOQDAFnn+hGkED5crV/nQoYqhLnjY2MLE2pQ5uyrtucLNtRzVKRhmm3B/eQyxErSoQgpvFgwDBUHbCNQPV8qRu9kNVnheqn2PCa+311MFR7rYjCh4qVSRMfyrLfFwP67jewjlKlYGN4dzUi32i/sv2UVogwEFZBneGMhDL+v+J/vl3WbXxlp//+Jt8xfHff43oxR+QExz+cYro4z+IpvZHUlScA/txo/EeQiAIgoX956HcjnPg2nD/t/8st+F8d27I42D5wBskOdb+Zu12nBvWq4oCdT0EZ//+F6WKzZeYCKenhAVnLz1HuW9V9vpxGh7EQ/OkHNzwgM9796njG52vFa2ulwacz+Qz27nfSohWLUr+z3fbAqVj8yXjm0VDB0+tNm6IGW4NWdq1YBmig9FWYcHWc2ToWSzhp7eSoVcpxD6dsCFVjMC9jhG4xzEC9zgiyKLM/8KmoTF5stnXIpJOry6M9l2k5oQFbc1IhGv1eTQZoi8Y6TzNsh9Veiz6hdHJ8bQJ1HedZtfq9LvHTylPvQrahdH4j9SZi2erCX1eIBhSfLb0aE2R8bJw0XbvD1U5dqo+3QYg1adXxQXCO4umStZh90nGCMq99mZC9iIivhIuGj9xnmKHP8ollYIa1eeDUme974HKY/aClB6VzBeUEdntd00azpctYcYdzUOsNRACyQLN8Avoz8tup+sPDxTyp9XSTSAWJRxlsMVLZEgzhzk+GBMWnM/3ngWDgRaCBQ1XgVtPM9U1atbyyxabL5d7LtCCWK+/XbttzScoBPbnQCMQQ7Xq0ldypMPoyeoYqKzBqIQRhmpkA6w4+foCqi6oqvgDoCAaNRKEbXxYCciWRNbjiYD6MerQiLCxYMgLMi3RYJLmcNZ24XQXL25btL1ISaJSZDGQK4y4URA0hAQCQ7hWoxmQgYnvGlSX1hVbaioF5glH0shdTkpY4M2t9uNY8XY53gnvm1mpSqXNAkxq6rhoTGbJRwfLieVnYaRCEjcLyee/OVlb/aEm30kNUEMZDqtF0OUtg4NmItCTspqgtNpdyCk5K1Y3Uo3y86IaE/xLo0Z6dfyp/fX7MKRkrYPOMnwvPBRB58wGS+qNpz/YvkJJseKOpYVoUQ3vgGsNOhei4V6s4zbFnlfvqgLn+uYoKWAhEDjqRHEETH53jKEk/ipTGPBQ7PUNSlvTeF4OL7nKonr7tLsQ9WF+aBA7RijLoInSP7r+sCjv79+uHbnvJ0x1678ZEJjTEpuvTvPvS9lJ0E3HBcrk6bfqt0cRIH1ygbSH2XPe1VqB4aZ7IYUHluotj+G6u51KAWX8zQwI7HHPoCajw3HTBwevCJGPU9aBoLDa3/+iswnL1GCye66wYapa6TPndc+griPY/BBHhgn4gY7Ann4RbEHgETJkB9GfwBbWdvk3B+dFc36GDNmC85mgzQ1zdfjophXxoSIZ9AddgwurQ0G7Go9ssO1xMmQDbjf0uM1/+cyUxfrTxHpB87FJpizWH5s39bRNBXZD7kUy6Mpcs98tBK1HF+Zy42aAmoZAk9x6Sw/bUmDRulUizoyr1g2bzfhbrYIIPaTBBFwa0SKw8hJ+ALhx1XoADaz1PWEPDy2wcdWaIDQI45oVbY86E50R06IzYoIMySOaI0XUPNnOR9oXGPNL2/Ytd8p4Q1K0Ue56aXsSFmeoi2UdFVZcIkMyCHHbKXdrP9oh/Ej/MNnWLTPXZczIoGpXO+Wul46nUWLzT5bJJtMhETfiHncqLuhqnix2bRX5t0bk+Bh373HHRDJ3g2gEGRMvs2SIknF2dXWOuiSyyTmMyJESibgg0tlX+MHBI8Lpz5rAq0MQUNndu+XaU0aMqCcX3XpykQzhcapC9lEneI30tDFgRG4TjOW1vjnaTbTciFhmm0W7NVt4PNQo08/gAffIsvbEIS6IfQY0fmjTJDF+2pTLPlDeouPg6uNpipFEprgzLruOJcqtj8VltV4SncOQj26aEn8nnllrTshqay+ZMI41b1SmemKAW3skZrVeUpuF1BnkZlmzz4DbXhL/41Sr7Me4SP13ZZ0WMPw4Zq8JjXqtzcfTErb6NTTBbepEtsJOyjapWqwfbQRWOK6b2FimymgneKJ5Iex5XYRVaCewwgnGKpUR8XZMLLtJT5acKYtyfXNOpouGaCuwF4/YR8Q33p1aNUta6l3dRfWSCYH9yGkmkPRnYbqJnbEFaJhm2ZmJ117EfJ66ud8wZFJgP06m58bGsCM6ZwX3V80LzuKsB/zCqtM1x+TEV4yXhGWWnN+vwE8cYBb8fH45Cxbaim8BADv613K+UEgAAAAASUVORK5CYII=";
|
|
5071
5293
|
|
|
@@ -5092,9 +5314,9 @@ function ModalStatusProblema(props) {
|
|
|
5092
5314
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$b.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$b.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$b.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$b.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto }, index))) }), jsxRuntime.jsxs("div", { className: style$b.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$b.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$b.conclusao, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
5093
5315
|
}
|
|
5094
5316
|
|
|
5095
|
-
var css_248z$
|
|
5317
|
+
var css_248z$e = ".modalLearningTech-module_modalBox__y9RGt{\n background-color: #FFF;\n max-width: 900px;\n min-height: 300px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n \n\n}\n\n.modalLearningTech-module_fechar__1Vw6M{\n font-size: 12px;\n color: #222222;\n padding: 12px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modalLearningTech-module_titulo__U8Urp{\n \n width: 100%;\n\n margin-top: 10px;\n \n font-size: 24px;\n font-weight: 700;\n \n\n display: flex;\n justify-content: center;\n align-items: center;\n\n \n}\n\n.modalLearningTech-module_container__HKtAY {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modalLearningTech-module_conclusao__KHnxJ{\n margin-top: 30px;\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n\n}";
|
|
5096
5318
|
var style$a = {"modalBox":"modalLearningTech-module_modalBox__y9RGt","fechar":"modalLearningTech-module_fechar__1Vw6M","titulo":"modalLearningTech-module_titulo__U8Urp","container":"modalLearningTech-module_container__HKtAY","conclusao":"modalLearningTech-module_conclusao__KHnxJ"};
|
|
5097
|
-
styleInject(css_248z$
|
|
5319
|
+
styleInject(css_248z$e);
|
|
5098
5320
|
|
|
5099
5321
|
function ModalLearningTech(props) {
|
|
5100
5322
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, children: props.children }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: props.confirmationButton ?
|
|
@@ -5106,9 +5328,9 @@ function ModalLearningTech(props) {
|
|
|
5106
5328
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
5107
5329
|
}
|
|
5108
5330
|
|
|
5109
|
-
var css_248z$
|
|
5331
|
+
var css_248z$d = ".modalVideo-module_modalBox__qB5gT {\n background-color: #fff;\n max-width: 670px;\n max-height: 80%;\n padding-top: 20px;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modalVideo-module_fechar__jywh1 {\n font-size: 13px;\n color: #222222;\n}\n\n.modalVideo-module_container__OYjiD {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n}\n";
|
|
5110
5332
|
var style$9 = {"modalBox":"modalVideo-module_modalBox__qB5gT","fechar":"modalVideo-module_fechar__jywh1","container":"modalVideo-module_container__OYjiD"};
|
|
5111
|
-
styleInject(css_248z$
|
|
5333
|
+
styleInject(css_248z$d);
|
|
5112
5334
|
|
|
5113
5335
|
const WrapperStars = styled__default["default"].div `
|
|
5114
5336
|
display: flex;
|
|
@@ -5234,9 +5456,9 @@ function ModalVideo(props) {
|
|
|
5234
5456
|
}, disabled: false }) })] }) }))] })] }) }));
|
|
5235
5457
|
}
|
|
5236
5458
|
|
|
5237
|
-
var css_248z$
|
|
5459
|
+
var css_248z$c = ".cardProblemaGestor-module_container__si6gB {\n width: 100%;\n padding-top: 30px;\n padding-left: 16px;\n padding-right: 16px;\n padding-bottom: 16px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblemaGestor-module_container__si6gB:hover {\n cursor: pointer;\n}\n\n.cardProblemaGestor-module_tagStatusProblem__SKKTK {\n position: absolute;\n top: 0;\n right: 0;\n\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n\n border-bottom-left-radius: 8px;\n \n\n}\n\n.cardProblemaGestor-module_checkBox__SK00W {\n \n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 20px;\n padding-left: 12px;\n \n\n position: absolute;\n left: 0;\n\n}\n\n.cardProblemaGestor-module_contentCard__0-ex3 {\n \n \n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblemaGestor-module_avatarInfoUser__dZei- {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardProblemaGestor-module_infoUser__naGfk {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 4px;\n}\n\n.cardProblemaGestor-module_tituloCard__i4n9p {\n \n margin-top: 4px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-wrap: break-word;\n}\n\n.cardProblemaGestor-module_tagsContainer__K2zv5 {\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblemaGestor-module_avaliacao__w2-fB {\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n \n}\n";
|
|
5238
5460
|
var style$8 = {"container":"cardProblemaGestor-module_container__si6gB","tagStatusProblem":"cardProblemaGestor-module_tagStatusProblem__SKKTK","checkBox":"cardProblemaGestor-module_checkBox__SK00W","contentCard":"cardProblemaGestor-module_contentCard__0-ex3","avatarInfoUser":"cardProblemaGestor-module_avatarInfoUser__dZei-","infoUser":"cardProblemaGestor-module_infoUser__naGfk","tituloCard":"cardProblemaGestor-module_tituloCard__i4n9p","tagsContainer":"cardProblemaGestor-module_tagsContainer__K2zv5","avaliacao":"cardProblemaGestor-module_avaliacao__w2-fB"};
|
|
5239
|
-
styleInject(css_248z$
|
|
5461
|
+
styleInject(css_248z$c);
|
|
5240
5462
|
|
|
5241
5463
|
/**
|
|
5242
5464
|
* @param {CardProblemGestorProps} props
|
|
@@ -5247,9 +5469,9 @@ function CardProblemGestor(props) {
|
|
|
5247
5469
|
return (jsxRuntime.jsxs("div", { className: style$8.container, style: { border: '1px solid ', borderColor: '#CCC', backgroundColor: '#FFF', color: '#000' }, onClick: () => props.onClick(props.problemID), children: [props.problemStatus !== 'problemaCriado' && (jsxRuntime.jsx("div", { className: style$8.tagStatusProblem, style: { background: statusBg || '#757575', color: statusColor }, children: props.statusName })), jsxRuntime.jsxs("div", { className: style$8.contentCard, children: [jsxRuntime.jsxs("div", { className: style$8.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$8.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.cardTitle && (jsxRuntime.jsx("div", { className: style$8.tituloCard, style: { color: '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), props.tags && (jsxRuntime.jsx("div", { className: style$8.tagsContainer, children: props.tags.map((item, index) => (jsxRuntime.jsx(Tag, { title: item, color: '#050505', selected: false, inverted: true, style: { fontWeight: 500, fontSize: 14, marginRight: 8, marginTop: 8 } }, index))) })), props.ratingImpacto && (jsxRuntime.jsxs("div", { className: style$8.avaliacao, children: [jsxRuntime.jsx(Rating$1, { nota: props.ratingImpacto.nota, qtdeAvaliacao: props.ratingImpacto.qtdeAvaliacao, descricaoAvaliacao: props.ratingImpacto.description, titulo: props.locales?.impact, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(Rating$1, { nota: props.ratingRelevancia.nota, qtdeAvaliacao: props.ratingRelevancia.qtdeAvaliacao, descricaoAvaliacao: props.ratingRelevancia.description, titulo: props.locales?.relevance, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(RatingCurtidas, { qtdeCurtidas: props.ratingCurtidas, titulo: props.locales?.likes, tipoBotao: 4, style: { margin: 0, width: 90 }, descricaoCurtida: props.locales?.likesDescription })] })), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#0645AD', fontSize: 12, fontWeight: 400, marginTop: 8 }, children: [props.lastUpdated, " "] }))] })] }));
|
|
5248
5470
|
}
|
|
5249
5471
|
|
|
5250
|
-
var css_248z$
|
|
5472
|
+
var css_248z$b = ".cardProblem-module_container__eYX3j {\n width: 100%;\n border-radius: 10px;\n padding-right: 24px;\n padding-left: 48px;\n padding-top: 40px;\n padding-bottom: 24px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblem-module_container__eYX3j:hover {\n box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);\n}\n\n.cardProblem-module_contentCard__oBqoN:hover {\n cursor: pointer;\n}\n\n.cardProblem-module_tagStatusProblem__11NQe {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n border-bottom-left-radius: 8px;\n border-top-right-radius: 5px;\n}\n\n.cardProblem-module_checkBox__hhdF6 {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 17px;\n padding-left: 16px;\n\n position: absolute;\n left: 0;\n}\n\n.cardProblem-module_contentCard__oBqoN {\n margin-left: 8px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblem-module_avatarInfoUser__0ppVK {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n\n.cardProblem-module_infoUser__Zx6rx {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 16px;\n}\n\n.cardProblem-module_tituloCard__JD95u {\n margin-top: 4px;\n margin-bottom: 8px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-break: break-word;\n}\n\n.cardProblem-module_tagsContainer__IwGeV {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblem-module_buttonVerMais__qgmLA {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n position: absolute;\n bottom: 0;\n right: 0;\n font-weight: 600;\n\n margin-bottom: 26px;\n margin-right: 30px;\n}\n";
|
|
5251
5473
|
var style$7 = {"container":"cardProblem-module_container__eYX3j","contentCard":"cardProblem-module_contentCard__oBqoN","tagStatusProblem":"cardProblem-module_tagStatusProblem__11NQe","checkBox":"cardProblem-module_checkBox__hhdF6","avatarInfoUser":"cardProblem-module_avatarInfoUser__0ppVK","infoUser":"cardProblem-module_infoUser__Zx6rx","tituloCard":"cardProblem-module_tituloCard__JD95u","tagsContainer":"cardProblem-module_tagsContainer__IwGeV","buttonVerMais":"cardProblem-module_buttonVerMais__qgmLA"};
|
|
5252
|
-
styleInject(css_248z$
|
|
5474
|
+
styleInject(css_248z$b);
|
|
5253
5475
|
|
|
5254
5476
|
const translate = {
|
|
5255
5477
|
'pt-BR': {
|
|
@@ -5384,9 +5606,9 @@ function CardProblem(props) {
|
|
|
5384
5606
|
}, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ? (jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })) : (jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) })), props.cardTitle && (jsxRuntime.jsx("div", { className: style$7.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), statusName !== translate[languageSlected][6] ? (props.trilhaVinculada ? (jsxRuntime.jsx(TextIcon, { description: `${translate[languageSlected]['linkedTrail']} ${props.trilhaVinculada}`, svg: jsxRuntime.jsx(WithTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } })) : (jsxRuntime.jsx(TextIcon, { description: translate[languageSlected]['notLinkedTrail'], svg: jsxRuntime.jsx(WithoutTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] })), props.isButtonVerMais && (jsxRuntime.jsx("div", { className: style$7.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: "link", label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) }))] })] }));
|
|
5385
5607
|
}
|
|
5386
5608
|
|
|
5387
|
-
var css_248z$
|
|
5609
|
+
var css_248z$a = ".cardDefinicaoFase-module_container__KEYns {\r\n width: 282px !important;\r\n max-width: 282px !important;\r\n color: #222222;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_headerContainer__uxRId {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n background: rgba(241, 134, 36, 0.2);\r\n height: 200px;\r\n max-width: 282px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleDescription__x7pED {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 110%;\r\n color: #444444;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_description__-pzJG {\r\n font-family: 'Work Sans';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 20px;\r\n line-height: 23px;\r\n color: #f26818;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_descriptionContainer__XLHCC {\r\n padding: 20px;\r\n height: 197px;\r\n max-width: 282px !important;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin-bottom: 1rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonContainer__6u6bM {\r\n display: flex;\r\n justify-content: space-between;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n\r\n.cardDefinicaoFase-module_divisoria__IYAiv {\r\n border: 1px solid #bdbdbd;\r\n transform: rotate(360deg);\r\n}\r\n\r\n.cardDefinicaoFase-module_titleAndMenu__aqXT0 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n align-items: center;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleFrase__b8v0i {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 110%;\r\n color: #f18624;\r\n max-width: 200px;\r\n padding-left: 1.5rem;\r\n padding-bottom: 2rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonFinalizado__V8Oas {\r\n display: flex;\r\n justify-content: center;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n";
|
|
5388
5610
|
var style$6 = {"container":"cardDefinicaoFase-module_container__KEYns","headerContainer":"cardDefinicaoFase-module_headerContainer__uxRId","titleDescription":"cardDefinicaoFase-module_titleDescription__x7pED","description":"cardDefinicaoFase-module_description__-pzJG","descriptionContainer":"cardDefinicaoFase-module_descriptionContainer__XLHCC","buttonContainer":"cardDefinicaoFase-module_buttonContainer__6u6bM","divisoria":"cardDefinicaoFase-module_divisoria__IYAiv","titleAndMenu":"cardDefinicaoFase-module_titleAndMenu__aqXT0","titleFrase":"cardDefinicaoFase-module_titleFrase__b8v0i","buttonFinalizado":"cardDefinicaoFase-module_buttonFinalizado__V8Oas"};
|
|
5389
|
-
styleInject(css_248z$
|
|
5611
|
+
styleInject(css_248z$a);
|
|
5390
5612
|
|
|
5391
5613
|
styled__default["default"].p `
|
|
5392
5614
|
color: white;
|
|
@@ -5544,9 +5766,9 @@ function CardDefinicaoFase(props) {
|
|
|
5544
5766
|
return (jsxRuntime.jsxs("div", { className: style$6.container, children: [jsxRuntime.jsxs("div", { className: style$6.headerContainer, children: [jsxRuntime.jsx("div", { className: style$6.titleFrase, children: props.titleFase ? props.titleFase : 'Definição do objetivo' }), props.fase ? handleFase() : jsxRuntime.jsx(FaseUm, {})] }), jsxRuntime.jsxs("div", { className: style$6.descriptionContainer, children: [jsxRuntime.jsxs("div", { className: style$6.titleAndMenu, children: [jsxRuntime.jsxs("span", { className: style$6.titleDescription, children: [" ", props.cardTitle] }), jsxRuntime.jsx(MenuMore, { options: props.optionsMenuMore })] }), jsxRuntime.jsxs("span", { className: style$6.description, children: [" ", props.cardDescription] })] }), props.fase === 'finalizado' ? (jsxRuntime.jsx("div", { className: style$6.buttonFinalizado, children: jsxRuntime.jsx(Button$5, { variant: "link", label: props.textButtonVisualizar ? props.textButtonVisualizar : 'Visualizar', handleClick: props.handleToView }) })) : (jsxRuntime.jsxs("div", { className: style$6.buttonContainer, children: [jsxRuntime.jsx(Button$5, { variant: "link", label: props.textButtonVisualizar ? props.textButtonVisualizar : 'Visualizar', handleClick: props.handleToView }), jsxRuntime.jsx("div", { className: style$6.divisoria }), jsxRuntime.jsx(Button$5, { variant: "link", label: props.textButtonContinue ? props.textButtonContinue : 'Continuar', handleClick: props.handleClickContinue })] }))] }));
|
|
5545
5767
|
}
|
|
5546
5768
|
|
|
5547
|
-
var css_248z$
|
|
5769
|
+
var css_248z$9 = ".cardResultConquista-module_container__39blw {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n width: 343px;\n height: 265px;\n padding: 24px;\n border: 1px solid #BDBDBD;\n border-radius: 8px;\n font-family: 'work sans';\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n max-height: 100px !important;\n width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n position:absolute;\n color: #0645AD;\n font-weight: 700;\n right: 0;\n bottom: 0;\n margin-right: 20px;\n margin-bottom: 12px;\n}";
|
|
5548
5770
|
var style$5 = {"container":"cardResultConquista-module_container__39blw","cardAvatar":"cardResultConquista-module_cardAvatar__mEUL0","description":"cardResultConquista-module_description__rgSn5","verMais":"cardResultConquista-module_verMais__8mtfe"};
|
|
5549
|
-
styleInject(css_248z$
|
|
5771
|
+
styleInject(css_248z$9);
|
|
5550
5772
|
|
|
5551
5773
|
var Conquista = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAxCAYAAACYq/ofAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdKSURBVHgB7VrNThtXFD7njm0idRHnCTI8QZxdF00YngDyBMCiFaBKgWWgEUYJidRNiNQCUheYJwh5AgzpojvME9Q8QSaLSomx7+137p1x7MnYzGCMqNRPgvF47s859/yfMVNGLD/e2jbMD+imoent7oe1w8uGKcoIYYKJKmyIb+yPKGAy5Sz0FSgjsOgk2DncOVlfoBvASlAtt0zpo8nISGaJ3DS269VQrsycTSJLU6+ORIR0W8G8sTz1amPoGEPHBXelJhtzMHAc89RNM+tUy9JWB23HAwcyz8mlgJHnsCpfa11XnrefOpYok3ivE59poqxAnDgYEOunjblg86RoaEaTCZPG7pMx7zE9TE4CszMQzSRdAaK+u8dr03nmKNJle4SQRpIexXQfkgomSJXBhA9DPy7AvTUxYY4KhSYmiSwP4bdryYURRw7BzX3KieVgax5rBouPtub3PqzXss7TbV2GhpBSavu3+rN677OlR69mWVHwhXRYJOsMQoWRTeqegPCR7u6iU8mvYoatobLijTzTmD27lxCb8tiXf15Ms+EGpKIb9qbD8jDkAfroJEepzwbBSkPmsNmEkvg/PXq5knUuImJFrt/RRTPlmQ+KQ2q7e8/jsFDCwBaV7EScegOMTKWuLJKD6i1+X/X3/qo2BxEg3uZz26vgRCsQ41NxjTvH61XYyVQBUoFaYJlO406h04hjxQBUhNi0MTbLMHQGtQvkvkBfGioa2LAu1pgzWUCI+XZdJzkulippxItBw99/lGgM3T6CDr/Bo7JWrXm3eWdT5Crfy3MZJ+OXp7ZSPSXouYt/Z2l7uVBgLM1Cu/DgIjs8A1SnYhTX5bbVKc4mFyh1Raz95DNZqM1mFR/t6RlNq5p5cud47d5e3Ulvr/68LvfEhYdQNZvmwLWEmi82KQUxscnvW+RoE1rtmCjGWEa00sguYf0dS2QTg+bSiMXlHKcQpG38R329AeLFxTZZmY1OZIhJaOqE4gAkCBtuTceM9mLxhxeBJda4g+2D4ac2gEdOCep12GVETksiKL6diQwzWApezH67iDmED0+3IbvOs6ZjhkMEqqPFoOr3Phe1UMYcGUtPOhMCa18yxmv1SSRyHhWjzWZ8GLFrVl8nmwNhoN0xZZcWqP0kIe6EuLwYuBMbxAxU662M61CxTyqRVMuwxfeDmCBH1Qz+N3rHLAav/Zh45dmvfMtQd0qEnfp6TRgQzxIZZsim1HeqE16rThJ8tJqlIYjdo7jOxcdbSPq2TiUgRo+beogbF4LlQI3W3dzvx2Cr8lWSnYUoNjV6A2xfGg/9X7CexXj7GhNYBpjiaez/5USxWAND5mgIxD1KAIVnOlXMVazISvE+PNvfdtMhlSYCc2DX8NpW95ewd9FwlwkF2uSz5taT/nk9ELVAIjbNVvyOGajT+4JSb4QIMcJIWkPVy1aSNm+jcxA9/fvxWkWu7B6L/vvpLp5cJoDYQ23PtyUG9sb9GbziE2ECI8ryOama3xRW4n0iZiAN9c4YUxd3ae8lPhjPpRzRNYmYQK3Nws7JWhAbo1zhficj19v8h4p+cu7XTIAe2L3AtKxjjD6MpSK0CY3JuakVYuxKJdKLSkAqG1oMyzHkW0agx4OkUuLW5KAEUWxRGEpLPeK8zALeU1QJOdpcLBXxdGlMRPQMh8te7Qa+9f1gCC5YagTrzye49fCSVCMTxBaEYGRB24gRn+JiLt7zssz5UkaohyE2vIKF+wxVNt49WVulESCeSrwSOWm7LBt2oo2pZU39MzMSYzn4FQGpvcIuMPryHXR4fvfklwO6AqJuySnFTKDklmidrEEuQ25GevFz8DrAqUlyWLkqMy5p5HkN+9urZy+8khiJEUF0oqIWFTBV3TtZ38w674spvbOJHwwbTqBKI2BkRrpE6dI2u0DZ0J3O6t6fz+uDxkcORCSJwGZWR5FEjGthJEbSw+HaiGocQRme6H7UVnLGjFplaM6VA9fKSAzLkOZ5SsmU4eUOPMW1vMZ8GcbCSAxUgOhlmLcanRCl9TZizwMb3ceAm+j9hpLDkVW1bA3pq+Amm9ghEf/3GIGduCoPPSe3k+ufSReGxoCxMRL1yWzPSa5aSmnZsFgMaAwYn2oxzUqVGHunyE7CtMbGdWBsjES5WP+7P3gwiSMDi6oRMBZG4gJJserLvUrqYluuLV3M3DrNimuJI0uPX86hKhcic5/0sP5WHozMiPS/UPa+s3U2oSzOTYHYjCmj4/hwFGYyv9UdSIfx3siporgK6ApAUVVThk6VU7crq1xuiUgnBYXPLGbeRU0vDeXZqEfboCtD2rA26jvngO6LVhe1PBLKJRHXKGOpPSQ2fIpO4RyE3MN1mkYCf+qugVdraA6Km86cl+VipKhJJEG2qz5GLAev0R8w+5e9i+nFrf3BQF78z8htQy4bQSYbyk925CdPFL2dGgfQppXmHN25k32PXIzgtUINTQa86OSnNEawJJesV/N0MP8F5hSqQY4bC0cAAAAASUVORK5CYII=";
|
|
5552
5774
|
|
|
@@ -5629,9 +5851,9 @@ function ConquistaCarrossel({ onSelected, objectCards, marginsArrowButton, sizeA
|
|
|
5629
5851
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: sizeArrowButton, marginsArrowButton: marginsArrowButton, horizontalMarginInternScroll: horizontalMarginInternScroll, positionArrowButton: positionArrowButton ? positionArrowButton : '', marginTopArrrowButton: marginTopArrrowButton ? marginTopArrrowButton : '20px', children: objectCards.map(renderCard) }) }));
|
|
5630
5852
|
}
|
|
5631
5853
|
|
|
5632
|
-
var css_248z$
|
|
5854
|
+
var css_248z$8 = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Planet-module_container__YS3oo {\n width: 100px;\n height: 100px;\n display: flex;\n justify-content: 'center';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n\n text-align: center;\n font-size: 26px;\n font-family: 'VT323', monospace;\n color: white;\n -webkit-text-stroke: 0.5px black;\n text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;\n}\n\n.Planet-module_label__bZgzb {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n padding: 2px;\n border: 2px dashed white;\n bottom: 0;\n left: 8px;\n right: 8px;\n width: calc(100% -16px);\n}\n@media (max-width: 600px) {\n .Planet-module_label__bZgzb {\n font-size: 22px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 540px) {\n .Planet-module_label__bZgzb {\n font-size: 18px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 470px) {\n .Planet-module_label__bZgzb {\n font-size: 16px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 400px) {\n .Planet-module_label__bZgzb {\n font-size: 14px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n.Planet-module_block__yUjqK {\n position: absolute;\n justify-content: center;\n align-items: center;\n display: flex;\n padding: 4px;\n \n bottom: 16px;\n left: 0;\n right: 0;\n top: 0;\n /* width: calc(100% -16px); */\n \n}\n\n.Planet-module_block__yUjqK img {\n width: 50%;\n height: 50%;\n object-fit: contain;\n margin-top: 0;\n}\n\n.Planet-module_imgAtive__dgis2 {\n filter: grayscale(0);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgAtive__dgis2:hover {\n cursor: pointer\n}\n\n.Planet-module_imgInative__RXloV {\n filter: grayscale(1);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgInative__RXloV:hover {\n cursor: pointer;\n}\n\n.Planet-module_imgBlocked__txZ4a {\n filter: grayscale(1);\n opacity: 0.5;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;;\n}\n\n.Planet-module_imgBlockedL__xcI-B:hover {\n cursor: not-allowed;\n}\n\n.Planet-module_missaoTitle__RbGDH{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n \n color: #0645AD;\n}";
|
|
5633
5855
|
var style$4 = {"container":"Planet-module_container__YS3oo","label":"Planet-module_label__bZgzb","block":"Planet-module_block__yUjqK","imgAtive":"Planet-module_imgAtive__dgis2","imgInative":"Planet-module_imgInative__RXloV","imgBlocked":"Planet-module_imgBlocked__txZ4a","imgBlockedL":"Planet-module_imgBlockedL__xcI-B","missaoTitle":"Planet-module_missaoTitle__RbGDH"};
|
|
5634
|
-
styleInject(css_248z$
|
|
5856
|
+
styleInject(css_248z$8);
|
|
5635
5857
|
|
|
5636
5858
|
///-----------------------------------------
|
|
5637
5859
|
/// Componente
|
|
@@ -8508,13 +8730,13 @@ function StarMetric({ disabled, onChange }) {
|
|
|
8508
8730
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(WrapperCard$5, { children: jsxRuntime.jsxs(Box__default["default"], { children: [jsxRuntime.jsx(Typography__default["default"], { component: "legend" }), jsxRuntime.jsx(Rating__default["default"], { disabled: disabled ? disabled : false, onChange: (e) => { onChange(); } })] }) }) }));
|
|
8509
8731
|
}
|
|
8510
8732
|
|
|
8511
|
-
var css_248z$
|
|
8733
|
+
var css_248z$7 = ".calendarLxp-module_containerCalendar__rGMXM {\n display: flex;\n position: relative;\n width: fit-content;\n min-height: 550px;\n border-radius: 8px;\n background-color: #FFF;\n}\n\n.calendarLxp-module_fechar__B-og5{\n font-size: 12px;\n color: #222222;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n\n margin-right: 24px;\n margin-top: 24px;\n cursor: default;\n \n}\n\n.calendarLxp-module_calendar__-C-pK {\n padding: 32px;\n display: inline-flex;\n \n}\n\n.calendarLxp-module_btnSubmit__A-5NS {\n position: absolute;\n right: 0;\n bottom: 0;\n margin-right: 24px;\n margin-bottom: 24px;\n}\n";
|
|
8512
8734
|
var style$3 = {"containerCalendar":"calendarLxp-module_containerCalendar__rGMXM","fechar":"calendarLxp-module_fechar__B-og5","calendar":"calendarLxp-module_calendar__-C-pK","btnSubmit":"calendarLxp-module_btnSubmit__A-5NS"};
|
|
8513
|
-
styleInject(css_248z$8);
|
|
8514
|
-
|
|
8515
|
-
var css_248z$7 = ".rdrCalendarWrapper{\n color: #000000;\n font-size: 16px;\n font-family: 'PT Sans';\n}\n\n.rdrDateDisplayWrapper{\n background-color: rgb(239, 242, 247);\n}\n\n.rdrDateDisplay{\n margin: 0.833em;\n}\n\n.rdrDateDisplayItem{\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);\n border: 1px solid transparent;\n}\n\n.rdrDateDisplayItem input{\n cursor: pointer;\n height: 2.5em;\n line-height: 2.5em;\n border: 0px;\n background: transparent;\n width: 100%;\n color: #222222;\n }\n\n.rdrDateDisplayItemActive{\n border-color: currentColor;\n}\n\n.rdrDateDisplayItemActive input{\n color: #7d888d\n }\n\n.rdrMonthAndYearWrapper {\n align-items: center;\n height: 60px;\n padding-top: 10px;\n}\n\n.rdrMonthAndYearPickers{\n font-weight: 600;\n}\n\n.rdrMonthAndYearPickers select{\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background: transparent;\n padding: 10px 30px 10px 10px;\n border-radius: 4px;\n outline: 0;\n color: #FF4D0D;\n background: url(\"data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>\") no-repeat;\n background-position: right 8px center;\n cursor: pointer;\n text-align: center;\n display: none;\n }\n\n.rdrMonthAndYearPickers select:hover{\n background-color: rgba(187, 22, 22, 0.07);\n }\n\n.rdrMonthPicker, .rdrYearPicker{\n margin: 0 5px\n}\n\n.rdrNextPrevButton {\n display: block;\n width: 24px;\n height: 24px;\n margin: 0 0.833em;\n padding: 0;\n border: 0;\n border-radius: 5px;\n background: #EFF2F7\n}\n\n.rdrNextPrevButton:hover{\n background: #E1E7F0;\n }\n\n.rdrNextPrevButton i {\n display: block;\n width: 0;\n height: 0;\n padding: 0;\n text-align: center;\n border-style: solid;\n margin: auto;\n transform: translate(-3px, 0px);\n }\n\n.rdrPprevButton i {\n border-width: 4px 6px 4px 4px;\n border-color: transparent rgb(52, 73, 94) transparent transparent;\n transform: translate(-3px, 0px);\n }\n\n.rdrNextButton i {\n margin: 0 0 0 7px;\n border-width: 4px 4px 4px 6px;\n border-color: transparent transparent transparent rgb(52, 73, 94);\n transform: translate(3px, 0px);\n }\n\n.rdrWeekDays {\n padding: 0 0.833em;\n}\n\n.rdrMonth{\n padding: 0 0.833em 1.666em 0.833em;\n}\n\n.rdrMonth .rdrWeekDays {\n padding: 0;\n }\n\n.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{\n display: none;\n}\n\n.rdrWeekDay {\n font-weight: 400;\n line-height: 2.667em;\n color: #FF4D0D;\n}\n\n.rdrDay {\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n line-height: 3.000em;\n height: 3.000em;\n text-align: center;\n color: #1d2429;\n}\n\n.rdrDay:focus {\n outline: 0;\n }\n\n.rdrDayNumber {\n outline: 0;\n font-weight: 300;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n top: 5px;\n bottom: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.rdrDayToday .rdrDayNumber span{\n font-weight: 500\n}\n\n.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{\n background: #fff;\n }\n\n.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{\n color: rgba(255, 255, 255, 0.85);\n }\n\n.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{\n background: currentColor;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n bottom: 5px;\n}\n\n.rdrSelected{\n left: 2px;\n right: 2px;\n}\n\n\n.rdrStartEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n}\n\n.rdrEndEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n}\n\n.rdrSelected{\n border-radius: 1.042em;\n}\n\n.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n }\n\n.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n }\n\n.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n border-left-width: 1px;\n left: 0px;\n }\n\n.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n border-right-width: 1px;\n right: 0px;\n }\n\n.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{\n background: rgba(255, 255, 255, 0.09);\n position: absolute;\n top: 3px;\n left: 0px;\n right: 0px;\n bottom: 3px;\n pointer-events: none;\n border: 0px solid currentColor;\n z-index: 1;\n}\n\n.rdrDayStartPreview{\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n left: 0px;\n}\n\n.rdrDayInPreview{\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rdrDayEndPreview{\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n right: 2px;\n right: 0px;\n}\n\n.rdrDefinedRangesWrapper{\n font-size: 12px;\n width: 226px;\n border-right: solid 1px #eff2f7;\n background: #fff;\n}\n\n.rdrDefinedRangesWrapper .rdrStaticRangeSelected{\n color: currentColor;\n font-weight: 600;\n }\n\n.rdrStaticRange{\n border: 0;\n cursor: pointer;\n display: block;\n outline: 0;\n border-bottom: 1px solid #eff2f7;\n padding: 0;\n background: #fff\n}\n\n.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{\n background: #eff2f7;\n }\n\n.rdrStaticRangeLabel{\n display: block;\n outline: 0;\n line-height: 18px;\n padding: 10px 20px;\n text-align: left;\n}\n\n.rdrInputRanges{\n padding: 10px 0;\n}\n\n.rdrInputRange{\n align-items: center;\n padding: 5px 20px;\n}\n\n.rdrInputRangeInput{\n width: 30px;\n height: 30px;\n line-height: 30px;\n border-radius: 4px;\n text-align: center;\n border: solid 1px rgb(222, 231, 235);\n margin-right: 10px;\n color: rgb(108, 118, 122)\n}\n\n.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{\n border-color: rgb(180, 191, 196);\n outline: 0;\n color: #333;\n }\n\n.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{\n content: '';\n border: 1px solid currentColor;\n border-radius: 1.333em;\n position: absolute;\n top: -2px;\n bottom: -2px;\n left: 0px;\n right: 0px;\n background: transparent;\n}\n\n.rdrDayPassive{\n pointer-events: none;\n}\n\n.rdrDayPassive .rdrDayNumber span{\n color: #AEB0B3;\n }\n\n.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{\n display: none;\n }\n\n.rdrDayDisabled {\n background-color: rgb(248, 248, 248);\n}\n\n.rdrDayDisabled .rdrDayNumber span{\n color: #aeb9bf;\n }\n\n.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{\n filter: grayscale(100%) opacity(60%);\n }\n\n.rdrMonthName{\n text-align: center;\n font-weight: 700;\n color: #FF4D0D;\n padding: 0.833em;\n}\n";
|
|
8516
8735
|
styleInject(css_248z$7);
|
|
8517
8736
|
|
|
8737
|
+
var css_248z$6 = ".rdrCalendarWrapper{\n color: #000000;\n font-size: 16px;\n font-family: 'PT Sans';\n}\n\n.rdrDateDisplayWrapper{\n background-color: rgb(239, 242, 247);\n}\n\n.rdrDateDisplay{\n margin: 0.833em;\n}\n\n.rdrDateDisplayItem{\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);\n border: 1px solid transparent;\n}\n\n.rdrDateDisplayItem input{\n cursor: pointer;\n height: 2.5em;\n line-height: 2.5em;\n border: 0px;\n background: transparent;\n width: 100%;\n color: #222222;\n }\n\n.rdrDateDisplayItemActive{\n border-color: currentColor;\n}\n\n.rdrDateDisplayItemActive input{\n color: #7d888d\n }\n\n.rdrMonthAndYearWrapper {\n align-items: center;\n height: 60px;\n padding-top: 10px;\n}\n\n.rdrMonthAndYearPickers{\n font-weight: 600;\n}\n\n.rdrMonthAndYearPickers select{\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background: transparent;\n padding: 10px 30px 10px 10px;\n border-radius: 4px;\n outline: 0;\n color: #FF4D0D;\n background: url(\"data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>\") no-repeat;\n background-position: right 8px center;\n cursor: pointer;\n text-align: center;\n display: none;\n }\n\n.rdrMonthAndYearPickers select:hover{\n background-color: rgba(187, 22, 22, 0.07);\n }\n\n.rdrMonthPicker, .rdrYearPicker{\n margin: 0 5px\n}\n\n.rdrNextPrevButton {\n display: block;\n width: 24px;\n height: 24px;\n margin: 0 0.833em;\n padding: 0;\n border: 0;\n border-radius: 5px;\n background: #EFF2F7\n}\n\n.rdrNextPrevButton:hover{\n background: #E1E7F0;\n }\n\n.rdrNextPrevButton i {\n display: block;\n width: 0;\n height: 0;\n padding: 0;\n text-align: center;\n border-style: solid;\n margin: auto;\n transform: translate(-3px, 0px);\n }\n\n.rdrPprevButton i {\n border-width: 4px 6px 4px 4px;\n border-color: transparent rgb(52, 73, 94) transparent transparent;\n transform: translate(-3px, 0px);\n }\n\n.rdrNextButton i {\n margin: 0 0 0 7px;\n border-width: 4px 4px 4px 6px;\n border-color: transparent transparent transparent rgb(52, 73, 94);\n transform: translate(3px, 0px);\n }\n\n.rdrWeekDays {\n padding: 0 0.833em;\n}\n\n.rdrMonth{\n padding: 0 0.833em 1.666em 0.833em;\n}\n\n.rdrMonth .rdrWeekDays {\n padding: 0;\n }\n\n.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{\n display: none;\n}\n\n.rdrWeekDay {\n font-weight: 400;\n line-height: 2.667em;\n color: #FF4D0D;\n}\n\n.rdrDay {\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n line-height: 3.000em;\n height: 3.000em;\n text-align: center;\n color: #1d2429;\n}\n\n.rdrDay:focus {\n outline: 0;\n }\n\n.rdrDayNumber {\n outline: 0;\n font-weight: 300;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n top: 5px;\n bottom: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.rdrDayToday .rdrDayNumber span{\n font-weight: 500\n}\n\n.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{\n background: #fff;\n }\n\n.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{\n color: rgba(255, 255, 255, 0.85);\n }\n\n.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{\n background: currentColor;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n bottom: 5px;\n}\n\n.rdrSelected{\n left: 2px;\n right: 2px;\n}\n\n\n.rdrStartEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n}\n\n.rdrEndEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n}\n\n.rdrSelected{\n border-radius: 1.042em;\n}\n\n.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n }\n\n.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n }\n\n.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n border-left-width: 1px;\n left: 0px;\n }\n\n.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n border-right-width: 1px;\n right: 0px;\n }\n\n.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{\n background: rgba(255, 255, 255, 0.09);\n position: absolute;\n top: 3px;\n left: 0px;\n right: 0px;\n bottom: 3px;\n pointer-events: none;\n border: 0px solid currentColor;\n z-index: 1;\n}\n\n.rdrDayStartPreview{\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n left: 0px;\n}\n\n.rdrDayInPreview{\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rdrDayEndPreview{\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n right: 2px;\n right: 0px;\n}\n\n.rdrDefinedRangesWrapper{\n font-size: 12px;\n width: 226px;\n border-right: solid 1px #eff2f7;\n background: #fff;\n}\n\n.rdrDefinedRangesWrapper .rdrStaticRangeSelected{\n color: currentColor;\n font-weight: 600;\n }\n\n.rdrStaticRange{\n border: 0;\n cursor: pointer;\n display: block;\n outline: 0;\n border-bottom: 1px solid #eff2f7;\n padding: 0;\n background: #fff\n}\n\n.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{\n background: #eff2f7;\n }\n\n.rdrStaticRangeLabel{\n display: block;\n outline: 0;\n line-height: 18px;\n padding: 10px 20px;\n text-align: left;\n}\n\n.rdrInputRanges{\n padding: 10px 0;\n}\n\n.rdrInputRange{\n align-items: center;\n padding: 5px 20px;\n}\n\n.rdrInputRangeInput{\n width: 30px;\n height: 30px;\n line-height: 30px;\n border-radius: 4px;\n text-align: center;\n border: solid 1px rgb(222, 231, 235);\n margin-right: 10px;\n color: rgb(108, 118, 122)\n}\n\n.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{\n border-color: rgb(180, 191, 196);\n outline: 0;\n color: #333;\n }\n\n.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{\n content: '';\n border: 1px solid currentColor;\n border-radius: 1.333em;\n position: absolute;\n top: -2px;\n bottom: -2px;\n left: 0px;\n right: 0px;\n background: transparent;\n}\n\n.rdrDayPassive{\n pointer-events: none;\n}\n\n.rdrDayPassive .rdrDayNumber span{\n color: #AEB0B3;\n }\n\n.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{\n display: none;\n }\n\n.rdrDayDisabled {\n background-color: rgb(248, 248, 248);\n}\n\n.rdrDayDisabled .rdrDayNumber span{\n color: #aeb9bf;\n }\n\n.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{\n filter: grayscale(100%) opacity(60%);\n }\n\n.rdrMonthName{\n text-align: center;\n font-weight: 700;\n color: #FF4D0D;\n padding: 0.833em;\n}\n";
|
|
8738
|
+
styleInject(css_248z$6);
|
|
8739
|
+
|
|
8518
8740
|
const defineds = {
|
|
8519
8741
|
startOfWeek: dateFns.startOfWeek(new Date()),
|
|
8520
8742
|
endOfWeek: dateFns.endOfWeek(new Date()),
|
|
@@ -9892,9 +10114,9 @@ function HasNotificationIcon() {
|
|
|
9892
10114
|
return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { width: "10", height: "10", rx: "5", fill: "#FF4D0D" }) }) }));
|
|
9893
10115
|
}
|
|
9894
10116
|
|
|
9895
|
-
var css_248z$
|
|
10117
|
+
var css_248z$5 = ".extraContent-module_container__tV2ud {\n background-color: #E0E0E0;\n display: flex;\n flex-direction: column;\n height: 100%;\n font-family: 'PT Sans';\n padding: 20px;\n}\n\n.extraContent-module_contentInfo__TGKPS {\n padding: 32px 20px;\n}\n\n.extraContent-module_notes__I6JnG {\n display: flex;\n flex-direction: column;\n}\n\n.extraContent-module_saveNotes__DHETt {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 24px;\n}";
|
|
9896
10118
|
var style$2 = {"container":"extraContent-module_container__tV2ud","contentInfo":"extraContent-module_contentInfo__TGKPS","notes":"extraContent-module_notes__I6JnG","saveNotes":"extraContent-module_saveNotes__DHETt"};
|
|
9897
|
-
styleInject(css_248z$
|
|
10119
|
+
styleInject(css_248z$5);
|
|
9898
10120
|
|
|
9899
10121
|
function AdminExtraContent(props) {
|
|
9900
10122
|
const [valueTabs, setValueTabs] = React.useState(0);
|
|
@@ -10963,8 +11185,8 @@ function VectorCross(props) {
|
|
|
10963
11185
|
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12.2051 1.53845V22.8718", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1.53809 12.2051H22.8714", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
10964
11186
|
}
|
|
10965
11187
|
|
|
10966
|
-
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverDeleteTrail, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive, isTrail, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
10967
|
-
const defaultImg =
|
|
11188
|
+
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMoveToTrail, handleClickPopOverDeleteTrail, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive, isTrail, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
11189
|
+
const defaultImg = 'https://i.gyazo.com/35d9c18bbdc6a48d843b0aa24ab2499e.png';
|
|
10968
11190
|
const [ativo, setAtivo] = React.useState(isDisabled);
|
|
10969
11191
|
const [showModules, setShowModules] = React.useState(false);
|
|
10970
11192
|
const [ElementPopover, setElementPopover] = React.useState(null);
|
|
@@ -10989,59 +11211,55 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10989
11211
|
backgroundColor: theme.palette.common.white,
|
|
10990
11212
|
color: 'rgba(0, 0, 0, 0.87)',
|
|
10991
11213
|
boxShadow: theme.shadows[1],
|
|
10992
|
-
fontSize: 11
|
|
10993
|
-
}
|
|
11214
|
+
fontSize: 11
|
|
11215
|
+
}
|
|
10994
11216
|
}));
|
|
10995
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [variant === 'default' ?
|
|
10996
|
-
|
|
10997
|
-
|
|
10998
|
-
|
|
10999
|
-
|
|
11000
|
-
|
|
11001
|
-
|
|
11002
|
-
|
|
11003
|
-
: variant === 'add' ?
|
|
11004
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
11005
|
-
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
11006
|
-
:
|
|
11007
|
-
jsxRuntime.jsxs(ContainerThumbnailsAdd, { children: [jsxRuntime.jsx(ContainerEllipse, { onClick: handleClickNew, children: jsxRuntime.jsx(VectorCross, {}) }), jsxRuntime.jsx(TypographyAdd, { children: txtCriarNovoCurso ? txtCriarNovoCurso : 'Criar novo conteúdo' })] }) })
|
|
11008
|
-
: null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
11217
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [variant === 'default' ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ? (jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })) : (jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: (variant = 'default'), ref: provided ? provided.innerRef : null, ...(provided ? provided.draggableProps : null), children: [jsxRuntime.jsx(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...(provided ? provided.dragHandleProps : null), children: [1, 2, 3].map((thumb) => {
|
|
11218
|
+
const arr = new Array(10).fill('');
|
|
11219
|
+
return (jsxRuntime.jsx(Thumbnails$1, { children: arr.map((item, i) => {
|
|
11220
|
+
return jsxRuntime.jsx(VectorEllipse, {}, i);
|
|
11221
|
+
}) }, thumb));
|
|
11222
|
+
}) }), jsxRuntime.jsx(Image, { ref: provided ? provided.innerRef : null, ...(provided ? provided.dragHandleProps : null), onMouseEnter: handleHoverImage, className: "imageHover", src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
11223
|
+
setElementPopover(element.currentTarget);
|
|
11224
|
+
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch && (jsxRuntime.jsxs(ContainerAtivar, { children: [jsxRuntime.jsx(TypographyAtivar, { active: ativo, style: { fontWeight: ativo ? 700 : 400 }, children: txtAtivarCurso ? txtAtivarCurso : 'Ativar Curso' }), jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangeCheck, checked: ativo, height: 16, width: 35, checkedIcon: false, uncheckedIcon: false, handleDiameter: 20, onHandleColor: "#ffffff", offHandleColor: "#ffffff", onColor: "#FF4D0D", offColor: "#ebebeb", activeBoxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }))] })) })) : variant === 'add' ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ? (jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })) : (jsxRuntime.jsxs(ContainerThumbnailsAdd, { children: [jsxRuntime.jsx(ContainerEllipse, { onClick: handleClickNew, children: jsxRuntime.jsx(VectorCross, {}) }), jsxRuntime.jsx(TypographyAdd, { children: txtCriarNovoCurso ? txtCriarNovoCurso : 'Criar novo conteúdo' })] })) })) : null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
11009
11225
|
setElementPopover(null);
|
|
11010
|
-
}, variant: 'upRight', children: jsxRuntime.
|
|
11011
|
-
|
|
11226
|
+
}, variant: 'upRight', children: jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : 'Editar módulo', onClick: () => {
|
|
11227
|
+
setElementPopover(null);
|
|
11228
|
+
handleClickPopOverEdit();
|
|
11229
|
+
}, style: {
|
|
11230
|
+
borderBottom: '1px black solid'
|
|
11231
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : 'Editar conteúdo', onClick: () => {
|
|
11232
|
+
setElementPopover(null);
|
|
11233
|
+
handleClickPopOverEditActivity();
|
|
11234
|
+
}, style: {
|
|
11235
|
+
borderBottom: '1px black solid'
|
|
11236
|
+
} }), isTrail ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : 'Excluir da trilha', onClick: () => {
|
|
11012
11237
|
setElementPopover(null);
|
|
11013
11238
|
/// timeout para corrigir o bug de scroll na tela
|
|
11014
11239
|
setTimeout(() => {
|
|
11015
11240
|
handleClickPopOverDelete();
|
|
11016
11241
|
}, 500);
|
|
11017
|
-
}, isFontBold: true, noBorder: true, color: '#C00F00', icon: jsxRuntime.jsx(Trash, { fill:
|
|
11242
|
+
}, isFontBold: true, noBorder: true, color: '#C00F00', icon: jsxRuntime.jsx(Trash, { fill: "#C00F00" }), style: {
|
|
11018
11243
|
borderBottom: '1px black solid',
|
|
11019
11244
|
width: 100
|
|
11020
|
-
} }) })
|
|
11021
|
-
|
|
11022
|
-
|
|
11023
|
-
|
|
11024
|
-
|
|
11025
|
-
|
|
11026
|
-
|
|
11027
|
-
|
|
11028
|
-
|
|
11029
|
-
|
|
11030
|
-
},
|
|
11031
|
-
|
|
11032
|
-
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir módulo", onClick: () => {
|
|
11033
|
-
setElementPopover(null);
|
|
11034
|
-
/// timeout para corrigir o bug de scroll na tela
|
|
11035
|
-
setTimeout(() => {
|
|
11036
|
-
handleClickPopOverDelete();
|
|
11037
|
-
}, 500);
|
|
11038
|
-
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }) }));
|
|
11245
|
+
} }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverMoveToTrails ? txtPopOverMoveToTrails : 'Mover para tilha', onClick: () => {
|
|
11246
|
+
setElementPopover(null);
|
|
11247
|
+
handleClickPopOverMoveToTrail();
|
|
11248
|
+
}, style: {
|
|
11249
|
+
borderBottom: '1px black solid'
|
|
11250
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : 'Excluir módulo', onClick: () => {
|
|
11251
|
+
setElementPopover(null);
|
|
11252
|
+
/// timeout para corrigir o bug de scroll na tela
|
|
11253
|
+
setTimeout(() => {
|
|
11254
|
+
handleClickPopOverDelete();
|
|
11255
|
+
}, 500);
|
|
11256
|
+
}, icon: jsxRuntime.jsx(Trash, { fill: "#C00F00" }), noBorder: true, isFontBold: true, color: '#C00F00' })] }))] }) })] }) }));
|
|
11039
11257
|
}
|
|
11040
11258
|
|
|
11041
11259
|
// import { Draggable } from 'react-beautiful-dnd'
|
|
11042
|
-
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, isTrail, txtPopOverMoveToTrails, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
11260
|
+
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMove, handleClickPopOverMoveToTrail, txtPopOverDeleteContent, txtPopOverEditContent, isActive, isTrail, txtPopOverMoveToTrails, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
11043
11261
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(dnd.Draggable, { index: parseInt(index), draggableId: id, children: (provided) => {
|
|
11044
|
-
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, isTrail: isTrail, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverEditActivity: handleClickPopOverEditActivity, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverDeleteTrail: txtPopOverDeleteTrail, txtPopOverEditContentActivity: txtPopOverEditContentActivity }));
|
|
11262
|
+
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, isTrail: isTrail, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverEditActivity: handleClickPopOverEditActivity, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverDeleteTrail: txtPopOverDeleteTrail, txtPopOverEditContentActivity: txtPopOverEditContentActivity, handleClickPopOverMoveToTrail: handleClickPopOverMoveToTrail }));
|
|
11045
11263
|
} }, id) }));
|
|
11046
11264
|
}
|
|
11047
11265
|
|
|
@@ -11244,9 +11462,9 @@ function ContentCourses(data) {
|
|
|
11244
11462
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.children }));
|
|
11245
11463
|
}
|
|
11246
11464
|
|
|
11247
|
-
var css_248z$
|
|
11465
|
+
var css_248z$4 = ".modal-module_modalBox__14oto{\n background-color: #FFF;\n max-width: 900px;\n min-height: 200px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n padding: 24px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modal-module_fechar__-eB6z{\n font-size: 12px;\n color: #222222;\n padding: 24px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modal-module_titulo__JU-S9{\n \n width: 100%;\n\n margin-top: 24px;\n margin-bottom: 12px;\n\n font-size: 24px;\n font-weight: 700;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n\n \n}\n\n.modal-module_container__VvDU9 {\n overflow: auto;\n width: 100%;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modal-module_conclusao__ekXzz{\n margin-top: 30px;\n gap: 12px;\n width: 100%;\n display: inline-flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n}";
|
|
11248
11466
|
var style$1 = {"modalBox":"modal-module_modalBox__14oto","fechar":"modal-module_fechar__-eB6z","titulo":"modal-module_titulo__JU-S9","container":"modal-module_container__VvDU9","conclusao":"modal-module_conclusao__ekXzz"};
|
|
11249
|
-
styleInject(css_248z$
|
|
11467
|
+
styleInject(css_248z$4);
|
|
11250
11468
|
|
|
11251
11469
|
function ModalLXP(props) {
|
|
11252
11470
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$1.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$1.container, children: props.children }), jsxRuntime.jsx("div", { className: style$1.conclusao, children: props.confirmationButton ?
|
|
@@ -11298,52 +11516,71 @@ function AccordionTrack(props) {
|
|
|
11298
11516
|
React.useEffect(() => {
|
|
11299
11517
|
setCourseIndividualData(props.courseIndividualData);
|
|
11300
11518
|
}, [props.courseIndividualData]);
|
|
11301
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContentCourses, { TrailName: '', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(TypographyMyContents, { children: props.textMeusConteudos ? props.textMeusConteudos : 'Meus Conteúdos' }), jsxRuntime.jsx("h2", { style: { fontFamily: 'PT Sans', fontWeight: 700, fontSize: 16, color: '#000000' }, children: IsLoading ?
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] }) }) }), provided.placeholder] }));
|
|
11321
|
-
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) })
|
|
11322
|
-
:
|
|
11323
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtCursoIndividual ? props.txtCursoIndividual : 'Módulos', ativo: true, show: ShowIndividual, handleChangeCheck: (bActive) => {
|
|
11324
|
-
// if (props.handleSwitchActiveTrail) {
|
|
11325
|
-
// props.handleSwitchActiveTrail(trailIndex, bActive)
|
|
11326
|
-
// }
|
|
11327
|
-
}, handleChangeTrailName: (name) => {
|
|
11328
|
-
// if (props.onSetNameTrail) {
|
|
11329
|
-
// props.onSetNameTrail(name, trailIndex)
|
|
11330
|
-
// }
|
|
11331
|
-
}, handleChangeShow: (bShow) => {
|
|
11332
|
-
console.log(bShow);
|
|
11333
|
-
setShowIndividual(bShow);
|
|
11334
|
-
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
11335
|
-
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsxs(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: [courseIndividualData && courseIndividualData.map((individual, individualIndex) => {
|
|
11336
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
|
|
11337
|
-
props.handleEditCourse(individual.id);
|
|
11338
|
-
}, handleSwitchAtivar: (checked) => {
|
|
11339
|
-
props.handleSwitchAtivarConteudo(individual.id, checked);
|
|
11340
|
-
}, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(individual.id); }, handleClickPopOverDelete: () => {
|
|
11341
|
-
setIdDelete(individual.id);
|
|
11519
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContentCourses, { TrailName: '', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(TypographyMyContents, { children: props.textMeusConteudos ? props.textMeusConteudos : 'Meus Conteúdos' }), jsxRuntime.jsx("h2", { style: { fontFamily: 'PT Sans', fontWeight: 700, fontSize: 16, color: '#000000' }, children: IsLoading ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(LoadingContent$1, { style: { width: 200, height: 20 } }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.textTotalDe ? props.textTotalDe : 'Total de', " ", courseData.length, ' ', props.textRegistros ? props.textRegistros : 'registros'] })) })] }), jsxRuntime.jsx(dnd.Droppable, { droppableId: MEUS_CONTEUDOS_CONTENT, direction: "horizontal", children: (provided) => {
|
|
11520
|
+
return (jsxRuntime.jsxs(ContainerTrailsEmpty, { children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', styles: { justifyContent: 'flex-start', width: '100%' }, refreshResize: RefreshResize, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: IsLoading ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: new Array(4).fill('').map((item, k) => {
|
|
11521
|
+
return jsxRuntime.jsx(Thumbnails, { variant: "default", isDisabled: false, isLoading: true }, k);
|
|
11522
|
+
}) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: () => {
|
|
11523
|
+
props.onNewTrail && props.onNewTrail();
|
|
11524
|
+
}, style: { wordWrap: 'break-word' }, children: jsxRuntime.jsx(Thumbnails, { variant: "add", isDisabled: false, txtCriarNovoCurso: props.txtCriarNovoCurso }) }), courseData &&
|
|
11525
|
+
courseData.map((el, contentIndex) => {
|
|
11526
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { isDisabled: el.active, id: `content${contentIndex}`, index: contentIndex, title: el.title, variant: 'default', handleSwitchAtivar: (checked) => {
|
|
11527
|
+
props.handleSwitchAtivarConteudo(el.id, checked);
|
|
11528
|
+
}, isActive: el.active_individual, showSwitch: true, isTrail: false, src: el.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickCourse: () => {
|
|
11529
|
+
props.handleEditCourse(el.id);
|
|
11530
|
+
}, handleClickPopOverEdit: () => {
|
|
11531
|
+
props.handlePopOverEdit(el.id);
|
|
11532
|
+
}, handleClickPopOverMove: () => {
|
|
11533
|
+
props.handlePopOverMove(el.id);
|
|
11534
|
+
}, handleClickPopOverEditActivity: () => {
|
|
11535
|
+
props.handleClickPopOverEditActivity(el.id);
|
|
11536
|
+
}, handleClickPopOverDelete: () => {
|
|
11537
|
+
setIdDelete(el.id);
|
|
11342
11538
|
setModalDeleteConteudo(true);
|
|
11343
|
-
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent
|
|
11344
|
-
|
|
11345
|
-
|
|
11346
|
-
|
|
11539
|
+
}, txtPopOverEditContentActivity: props.txtPopOverEditContentActivity, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent, handleClickPopOverMoveToTrail: () => {
|
|
11540
|
+
props.handleClickPopOverMoveToTrail(el.id);
|
|
11541
|
+
} }, `content${contentIndex}`) }));
|
|
11542
|
+
})] })) }) }), provided.placeholder] }));
|
|
11543
|
+
} }, MEUS_CONTEUDOS_CONTENT)] }), IsLoading ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtLoadingTrilhas ? props.txtLoadingTrilhas : 'Carregando Trilhas...', ativo: true, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => {
|
|
11544
|
+
props.handlePopOverTrailEdit(id);
|
|
11545
|
+
}, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
11546
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: new Array(4).fill('').map((item, k) => {
|
|
11547
|
+
return jsxRuntime.jsx(Thumbnails, { variant: "default", isDisabled: false, isLoading: true }, k);
|
|
11548
|
+
}) }) }) }), provided.placeholder] }));
|
|
11549
|
+
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtCursoIndividual ? props.txtCursoIndividual : 'Módulos', ativo: true, show: ShowIndividual, handleChangeCheck: (bActive) => {
|
|
11550
|
+
// if (props.handleSwitchActiveTrail) {
|
|
11551
|
+
// props.handleSwitchActiveTrail(trailIndex, bActive)
|
|
11552
|
+
// }
|
|
11553
|
+
}, handleChangeTrailName: (name) => {
|
|
11554
|
+
// if (props.onSetNameTrail) {
|
|
11555
|
+
// props.onSetNameTrail(name, trailIndex)
|
|
11556
|
+
// }
|
|
11557
|
+
}, handleChangeShow: (bShow) => {
|
|
11558
|
+
console.log(bShow);
|
|
11559
|
+
setShowIndividual(bShow);
|
|
11560
|
+
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => {
|
|
11561
|
+
props.handlePopOverTrailEdit(id);
|
|
11562
|
+
}, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
11563
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsxs(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: [courseIndividualData &&
|
|
11564
|
+
courseIndividualData.map((individual, individualIndex) => {
|
|
11565
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
|
|
11566
|
+
props.handleEditCourse(individual.id);
|
|
11567
|
+
}, handleSwitchAtivar: (checked) => {
|
|
11568
|
+
props.handleSwitchAtivarConteudo(individual.id, checked);
|
|
11569
|
+
}, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => {
|
|
11570
|
+
props.handlePopOverEdit(individual.id);
|
|
11571
|
+
}, handleClickPopOverMove: () => {
|
|
11572
|
+
props.handlePopOverMove(individual.id);
|
|
11573
|
+
}, handleClickPopOverEditActivity: () => {
|
|
11574
|
+
props.handleClickPopOverEditActivity(individual.id);
|
|
11575
|
+
}, handleClickPopOverDelete: () => {
|
|
11576
|
+
setIdDelete(individual.id);
|
|
11577
|
+
setModalDeleteConteudo(true);
|
|
11578
|
+
}, txtPopOverEditContentActivity: props.txtPopOverEditContentActivity, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent, handleClickPopOverMoveToTrail: () => {
|
|
11579
|
+
props.handleClickPopOverMoveToTrail(individual.id);
|
|
11580
|
+
} }, `contentTrails${1}_individual${individualIndex}`) }));
|
|
11581
|
+
}), jsxRuntime.jsx("div", { style: { width: 24 } })] }) }), provided.placeholder] }));
|
|
11582
|
+
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) })), !IsLoading && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyMyTrails, { style: { marginTop: 20 }, children: props.textMinhasTrihas ? props.textMinhasTrihas : 'Minhas Trilhas' }), trails &&
|
|
11583
|
+
trails.map((trail, trailIndex) => {
|
|
11347
11584
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { showButtonActive: true, trailId: trail.id, id: `${3000}${trailIndex}`, TrailName: trail.name, private: trail.private, handleChangePrivate: (bPrivate) => {
|
|
11348
11585
|
if (props.handleSwitchPrivateTrail) {
|
|
11349
11586
|
props.handleSwitchPrivateTrail(trailIndex, bPrivate);
|
|
@@ -11362,29 +11599,52 @@ function AccordionTrack(props) {
|
|
|
11362
11599
|
prev[trailIndex] = bShow;
|
|
11363
11600
|
return prev;
|
|
11364
11601
|
});
|
|
11365
|
-
}, showButtonPublish: true, handlePublicarTrilha: () => {
|
|
11602
|
+
}, showButtonPublish: true, handlePublicarTrilha: () => {
|
|
11603
|
+
props.handlePublicarTrilha(trail.id);
|
|
11604
|
+
}, handlePublicarCheck: props.handlePublicarCheck, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: () => {
|
|
11605
|
+
props.handlePopOverTrailEdit(trail.id);
|
|
11606
|
+
}, handlePopOverTrailDelete: (id) => {
|
|
11366
11607
|
setIdDelete(trail.id);
|
|
11367
11608
|
setModalDeleteTrilha(true);
|
|
11368
|
-
}, children: ShowTrail.length === 0 ||
|
|
11369
|
-
jsxRuntime.jsx(dnd.Droppable, { droppableId: (trailIndex + 2).toString(), direction: "horizontal", children: (provided) => {
|
|
11370
|
-
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: { height: 350 }, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: trail.trail_course &&
|
|
11371
|
-
|
|
11372
|
-
|
|
11373
|
-
|
|
11374
|
-
|
|
11375
|
-
|
|
11376
|
-
|
|
11377
|
-
|
|
11378
|
-
|
|
11379
|
-
|
|
11380
|
-
|
|
11609
|
+
}, children: ShowTrail.length === 0 ||
|
|
11610
|
+
(ShowTrail[trailIndex] && (jsxRuntime.jsx(dnd.Droppable, { droppableId: (trailIndex + 2).toString(), direction: "horizontal", children: (provided) => {
|
|
11611
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: { height: 350 }, children: [jsxRuntime.jsx(ScrollContainer$1, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: trail.trail_course &&
|
|
11612
|
+
trail.trail_course.map((el, courseTrailIndex) => {
|
|
11613
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `trail_${trailIndex}_course_${courseTrailIndex}`, index: `${courseTrailIndex}`, isDisabled: trail.active === false ? false : el.course.active, title: el.course.title, variant: 'default', handleClickCourse: () => {
|
|
11614
|
+
props.handleEditCourse(el.course.id);
|
|
11615
|
+
}, isTrail: true, showSwitch: false, src: el.course.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => {
|
|
11616
|
+
props.handlePopOverEdit(el.course.id);
|
|
11617
|
+
}, handleClickPopOverEditActivity: () => {
|
|
11618
|
+
props.handleClickPopOverEditActivity(el.course.id);
|
|
11619
|
+
}, handleClickPopOverMove: () => {
|
|
11620
|
+
props.handlePopOverMove(el.course.id);
|
|
11621
|
+
}, handleClickPopOverDelete: () => {
|
|
11622
|
+
setIdDelete(el.id);
|
|
11623
|
+
setModalDeleteTrilhaConteudo(true);
|
|
11624
|
+
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent, txtPopOverEditContentActivity: props.txtPopOverEditContentActivity, handleClickPopOverMoveToTrail: () => {
|
|
11625
|
+
props.handleClickPopOverMoveToTrail(el.id);
|
|
11626
|
+
} }) }));
|
|
11627
|
+
}) }) }), provided.placeholder] }, `contentTrailsDrop${trailIndex}`));
|
|
11628
|
+
} }, trailIndex + 2))) }, `contentTrails${trailIndex}`) }));
|
|
11629
|
+
})] })), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => {
|
|
11630
|
+
setModalDeleteConteudo(false);
|
|
11631
|
+
}, handleConfirmation: () => {
|
|
11632
|
+
props.handleDeleteCourse(IdDelete);
|
|
11633
|
+
}, title: 'Você tem certeza?', style: { width: 600 }, confirmationButton: 'Sim, excluir', cancelButton: 'Cancelar', children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar este m\u00F3dulo? Voc\u00EA ir\u00E1 perder todos os conte\u00FAdos criados." }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilha, handleClose: () => {
|
|
11634
|
+
setModalDeleteTrilha(false);
|
|
11635
|
+
}, handleConfirmation: () => {
|
|
11636
|
+
console.log('Passou aqui');
|
|
11381
11637
|
props.handlePopOverTrailDelete(IdDelete);
|
|
11382
|
-
}, title:
|
|
11638
|
+
}, title: 'Você tem certeza?', style: { width: 600 }, confirmationButton: 'Sim, excluir', cancelButton: 'Cancelar', children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar esta trilha?" }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilhaConteudo, handleClose: () => {
|
|
11639
|
+
setModalDeleteTrilhaConteudo(false);
|
|
11640
|
+
}, handleConfirmation: () => {
|
|
11641
|
+
props.handleDeleteCourseTrail(IdDelete);
|
|
11642
|
+
}, title: 'Você tem certeza?', style: { width: 600 }, confirmationButton: 'Sim, excluir', cancelButton: 'Cancelar', children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer remover o m\u00F3dulo desta trilha?" }) })] }));
|
|
11383
11643
|
}
|
|
11384
11644
|
|
|
11385
11645
|
function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse,
|
|
11386
11646
|
// handlePopOverDelete,
|
|
11387
|
-
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha, changeCourses, handlePublicarCheck, handleClickPopOverEditActivity, handleSwitchPrivateTrail }) {
|
|
11647
|
+
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverEditContentActivity, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha, changeCourses, handlePublicarCheck, handleClickPopOverEditActivity, handleSwitchPrivateTrail, handleClickPopOverMoveToTrail }) {
|
|
11388
11648
|
const [trails, setTrails] = React.useState([]);
|
|
11389
11649
|
const [courses, setCourses] = React.useState([]);
|
|
11390
11650
|
const [ConteudoIndividual, setConteudoIndividual] = React.useState([]);
|
|
@@ -11402,20 +11662,20 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11402
11662
|
return uuid;
|
|
11403
11663
|
};
|
|
11404
11664
|
React.useEffect(() => {
|
|
11405
|
-
console.log(
|
|
11406
|
-
setMeusConteudosData(courses ? courses.filter(item => !item.active_individual) : []);
|
|
11407
|
-
setConteudoIndividual(courses ? courses.filter(item => item.active_individual) : []);
|
|
11665
|
+
console.log('Atualizou em accordionTrackList', courses);
|
|
11666
|
+
setMeusConteudosData(courses ? courses.filter((item) => !item.active_individual) : []);
|
|
11667
|
+
setConteudoIndividual(courses ? courses.filter((item) => item.active_individual) : []);
|
|
11408
11668
|
}, [courses]);
|
|
11409
11669
|
React.useEffect(() => {
|
|
11410
|
-
console.log(
|
|
11670
|
+
console.log('Atualizou props em accordionTrackList', courseData);
|
|
11411
11671
|
if (JSON.stringify(courseData) !== JSON.stringify(courses)) {
|
|
11412
|
-
console.log(
|
|
11672
|
+
console.log('Acessando os registros de Cursos');
|
|
11413
11673
|
setCourses(courseData);
|
|
11414
11674
|
}
|
|
11415
11675
|
}, [courseData]);
|
|
11416
11676
|
React.useEffect(() => {
|
|
11417
11677
|
if (JSON.stringify(trailsData) !== JSON.stringify(trails)) {
|
|
11418
|
-
console.log(
|
|
11678
|
+
console.log('Acessando os registros de trilhas');
|
|
11419
11679
|
setTrails(trailsData);
|
|
11420
11680
|
}
|
|
11421
11681
|
}, [trailsData]);
|
|
@@ -11426,18 +11686,21 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11426
11686
|
if (destination.index === source.index && destination.droppableId === source.droppableId) {
|
|
11427
11687
|
return;
|
|
11428
11688
|
}
|
|
11429
|
-
if (
|
|
11689
|
+
if (destination.droppableId === MEUS_CONTEUDOS_CONTENT && source.droppableId !== CONTEUDO_INDIVIDUAL_CONTENT) {
|
|
11430
11690
|
if (handleMessageError) {
|
|
11431
11691
|
handleMessageError('ERROR_COPY_TO_CONTENTS');
|
|
11432
11692
|
}
|
|
11433
11693
|
return;
|
|
11434
11694
|
}
|
|
11435
|
-
if (
|
|
11436
|
-
|
|
11695
|
+
if (destination.droppableId !== source.droppableId &&
|
|
11696
|
+
destination.droppableId !== MEUS_CONTEUDOS_CONTENT &&
|
|
11697
|
+
destination.droppableId !== CONTEUDO_INDIVIDUAL_CONTENT) {
|
|
11437
11698
|
let idVerification = 0;
|
|
11438
|
-
if (
|
|
11439
|
-
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT
|
|
11440
|
-
|
|
11699
|
+
if (source.droppableId === MEUS_CONTEUDOS_CONTENT || source.droppableId === CONTEUDO_INDIVIDUAL_CONTENT) {
|
|
11700
|
+
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT
|
|
11701
|
+
? MeusConteudosData[source.index].uuid
|
|
11702
|
+
: ConteudoIndividual[source.index].uuid;
|
|
11703
|
+
let indexTrail = courses.findIndex((item) => item.uuid === uuidConteudo);
|
|
11441
11704
|
idVerification = courseData[indexTrail].id;
|
|
11442
11705
|
}
|
|
11443
11706
|
else {
|
|
@@ -11452,11 +11715,13 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11452
11715
|
}
|
|
11453
11716
|
}
|
|
11454
11717
|
/// Copiando do Meus conteúdos para Individual ou Individual para conteúdos
|
|
11455
|
-
if ((
|
|
11456
|
-
(
|
|
11718
|
+
if ((source.droppableId === MEUS_CONTEUDOS_CONTENT && destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT) ||
|
|
11719
|
+
(source.droppableId === CONTEUDO_INDIVIDUAL_CONTENT && destination.droppableId === MEUS_CONTEUDOS_CONTENT)) {
|
|
11457
11720
|
/// Selecionando o UUID do conteúdo (se é individual ou não)
|
|
11458
|
-
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT
|
|
11459
|
-
|
|
11721
|
+
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT
|
|
11722
|
+
? MeusConteudosData[source.index].uuid
|
|
11723
|
+
: ConteudoIndividual[source.index].uuid;
|
|
11724
|
+
let indexTrail = courses.findIndex((item) => item.uuid === uuidConteudo);
|
|
11460
11725
|
if (indexTrail >= 0) {
|
|
11461
11726
|
let changedCourse = courses[indexTrail];
|
|
11462
11727
|
changedCourse.active_individual = destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT;
|
|
@@ -11491,7 +11756,9 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11491
11756
|
prev = [...prev];
|
|
11492
11757
|
/// Armazendo o dado da trilha que será deletada
|
|
11493
11758
|
let deletedItem = null;
|
|
11494
|
-
if (source.droppableId !== MEUS_CONTEUDOS_CONTENT &&
|
|
11759
|
+
if (source.droppableId !== MEUS_CONTEUDOS_CONTENT &&
|
|
11760
|
+
source.droppableId !== CONTEUDO_INDIVIDUAL_CONTENT &&
|
|
11761
|
+
source.droppableId !== destination.droppableId) {
|
|
11495
11762
|
deletedItem = prev[source.droppableId - 2].trail_course[source.index];
|
|
11496
11763
|
}
|
|
11497
11764
|
/// Verificando se a movimentação vai ser do conteúdo ou das trilhas
|
|
@@ -11523,7 +11790,7 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11523
11790
|
});
|
|
11524
11791
|
};
|
|
11525
11792
|
const setActiveContent = (id, active) => {
|
|
11526
|
-
let indexTrail = courses.findIndex(item => item.id === id);
|
|
11793
|
+
let indexTrail = courses.findIndex((item) => item.id === id);
|
|
11527
11794
|
setCourses((prev) => {
|
|
11528
11795
|
prev = [...prev];
|
|
11529
11796
|
prev[indexTrail].active = active;
|
|
@@ -11550,7 +11817,7 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
11550
11817
|
if (onNewTrail) {
|
|
11551
11818
|
onNewTrail();
|
|
11552
11819
|
}
|
|
11553
|
-
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, handlePublicarCheck: handlePublicarCheck, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail, handlePopOverTrailDelete: handlePopOverTrailDelete, handlePopOverEdit: handlePopOverEdit, handlePopOverTrailEdit: handlePopOverTrailEdit, handlePopOverMove: handlePopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverEditContent: txtPopOverEditContent, handleClickPopOverEditActivity: handleClickPopOverEditActivity }) }) }));
|
|
11820
|
+
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, handlePublicarCheck: handlePublicarCheck, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail, handlePopOverTrailDelete: handlePopOverTrailDelete, handlePopOverEdit: handlePopOverEdit, handlePopOverTrailEdit: handlePopOverTrailEdit, handlePopOverMove: handlePopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverEditContent: txtPopOverEditContent, handleClickPopOverEditActivity: handleClickPopOverEditActivity, handleClickPopOverMoveToTrail: handleClickPopOverMoveToTrail, txtPopOverEditContentActivity: txtPopOverEditContentActivity }) }) }));
|
|
11554
11821
|
}
|
|
11555
11822
|
|
|
11556
11823
|
const Container$4 = styled__default["default"].div `
|
|
@@ -15575,9 +15842,9 @@ function HeaderChallenge({ firstLine, secondLine, desktopBackground, mobileBackg
|
|
|
15575
15842
|
return (jsxRuntime.jsx(Div, { desktopBackgroundProps: desktopBackground, mobileBackgroundProps: mobileBackground, children: jsxRuntime.jsxs("h1", { children: [firstLine, jsxRuntime.jsx("br", {}), " ", secondLine] }) }));
|
|
15576
15843
|
}
|
|
15577
15844
|
|
|
15578
|
-
var css_248z$
|
|
15845
|
+
var css_248z$3 = "\n.logoFRST-module_containerLight__WYpD6 img{\n margin-bottom: 10px;\n}\n\n.logoFRST-module_containerLight__WYpD6 p {\n font-family: PT Sans;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0em;\n text-align: left;\n color: #fff\n}\n\n.logoFRST-module_containerDark__9V-x- img{\n margin-bottom: 10px;\n}\n\n.logoFRST-module_containerDark__9V-x- p {\n font-family: PT Sans;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0em;\n text-align: left;\n}\n";
|
|
15579
15846
|
var style = {"containerLight":"logoFRST-module_containerLight__WYpD6","containerDark":"logoFRST-module_containerDark__9V-x-"};
|
|
15580
|
-
styleInject(css_248z$
|
|
15847
|
+
styleInject(css_248z$3);
|
|
15581
15848
|
|
|
15582
15849
|
function LogoFRST(props) {
|
|
15583
15850
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.variant === 'light' ? (jsxRuntime.jsxs("div", { className: style.containerLight, children: [jsxRuntime.jsx("img", { src: "https://api-deimos-cdn.frstfalconi.cloud/frst_branco_1.png", alt: 'LogoFRST', width: 198, height: 64 }), jsxRuntime.jsx("p", { children: props.title1Logo ? props.title1Logo : 'Pessoas transformam o jogo,' }), jsxRuntime.jsx("p", { children: props.title2Logo ? props.title2Logo : 'Resultados transformam as pessoas.' })] }))
|
|
@@ -17567,7 +17834,7 @@ const FiltroPrimeReact = styled__default["default"].div `
|
|
|
17567
17834
|
}
|
|
17568
17835
|
|
|
17569
17836
|
.p-placeholder {
|
|
17570
|
-
color: #f26818;
|
|
17837
|
+
color: #f26818 !important;
|
|
17571
17838
|
font-family: 'PT Sans';
|
|
17572
17839
|
font-weight: 700;
|
|
17573
17840
|
padding: 0.5rem 0rem 0.5rem 1rem;
|
|
@@ -17718,13 +17985,10 @@ const countSelect = styled__default["default"].div `
|
|
|
17718
17985
|
z-index: 999;
|
|
17719
17986
|
`;
|
|
17720
17987
|
|
|
17721
|
-
var css_248z$3 = "/* ## header */\n.p-multiselect-panel {\n border-radius: 8px;\n box-shadow: 4px 4px 15px 0px #00000040;\n width: fit-content;\n margin-top:10px ;\n}\n.p-multiselect-panel .p-multiselect-header {\n border-radius: 8px 8px 0px 0px;\n background: #ffff !important;\n border: none !important;\n}\n\n\n.p-multiselect-panel .p-multiselect-footer {\n border-radius: 0px 0px 8px 8px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('./icons/vector.png') no-repeat center center;\n width: 15px;\n height: 12px;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close span {\n background: transparent !important;\n margin-right: 5px;\n margin-bottom: 5px;\n margin-left: 2px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 2px #757575 solid;\n box-shadow: none;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {\n border-color: #f18624;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #f18624;\n background: #f26818;\n}\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #f18624;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: none;\n border-color: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box {\n border: 2px #757575 solid;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:enabled:focus {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n/* ##Items wrapper */\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item{\n word-break: break-all;;\n white-space: normal;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper{\n width: 300px;\n align-items: center;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 2px #757575 solid;\n}\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #f18624;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n border-width: 1px 0px 0px 0px;\n padding: 1rem 1rem;\n border-style: solid;\n border-color: #ebebeb;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component {\n width: 100%;\n padding: 0rem 0.3rem;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item .p-checkbox {\n margin-right: 16px;\n width: fit-content;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('./icons/vector.png') no-repeat center center;\n width: 15px;\n height: 12px;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-checkbox:not(.p-checkbox-disabled)\n .p-checkbox-box.p-highlight:hover {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:focus {\n box-shadow: none;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-multiselect-items\n .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {\n background: #f7f9fc;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #525960;\n background: #f2f2f2;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar {\n width: 0.4rem;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb {\n background-color: #c4c4c4;\n border-radius: 20px;\n}\n";
|
|
17722
|
-
styleInject(css_248z$3);
|
|
17723
|
-
|
|
17724
17988
|
var css_248z$2 = ":root {\n --surface-a: #ffffff;\n --surface-b: #f8f9fa;\n --surface-c: #e9ecef;\n --surface-d: #dee2e6;\n --surface-e: #ffffff;\n --surface-f: #ffffff;\n --text-color: #495057;\n --text-color-secondary: #6c757d;\n --primary-color: #6366f1;\n --primary-color-text: #ffffff;\n --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji,\n Segoe UI Emoji, Segoe UI Symbol;\n --surface-0: #ffffff;\n --surface-50: #fafafa;\n --surface-100: #f5f5f5;\n --surface-200: #eeeeee;\n --surface-300: #e0e0e0;\n --surface-400: #bdbdbd;\n --surface-500: #9e9e9e;\n --surface-600: #757575;\n --surface-700: #616161;\n --surface-800: #424242;\n --surface-900: #212121;\n --gray-50: #fafafa;\n --gray-100: #f5f5f5;\n --gray-200: #eeeeee;\n --gray-300: #e0e0e0;\n --gray-400: #bdbdbd;\n --gray-500: #9e9e9e;\n --gray-600: #757575;\n --gray-700: #616161;\n --gray-800: #424242;\n --gray-900: #212121;\n --content-padding: 1.25rem;\n --inline-spacing: 0.5rem;\n --border-radius: 6px;\n --surface-ground: #eff3f8;\n --surface-section: #ffffff;\n --surface-card: #ffffff;\n --surface-overlay: #ffffff;\n --surface-border: #dfe7ef;\n --surface-hover: #f6f9fc;\n --focus-ring: 0 0 0 0.2rem #c7d2fe;\n --maskbg: rgba(0, 0, 0, 0.4);\n color-scheme: light;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.p-component {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-size: 1rem;\n font-weight: normal;\n}\n\n.p-component-overlay {\n background-color: rgba(0, 0, 0, 0.4);\n transition-duration: 0.2s;\n}\n\n.p-disabled,\n.p-component:disabled {\n opacity: 0.6;\n}\n\n.p-error {\n color: #e24c4c;\n}\n\n.p-text-secondary {\n color: #6c757d;\n}\n\n.pi {\n font-size: 1rem;\n}\n\n.p-link {\n font-size: 1rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n border-radius: 6px;\n}\n.p-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-component-overlay-enter {\n animation: p-component-overlay-enter-animation 150ms forwards;\n}\n\n.p-component-overlay-leave {\n animation: p-component-overlay-leave-animation 150ms forwards;\n}\n\n@keyframes p-component-overlay-enter-animation {\n from {\n background-color: transparent;\n }\n to {\n background-color: var(--maskbg);\n }\n}\n@keyframes p-component-overlay-leave-animation {\n from {\n background-color: var(--maskbg);\n }\n to {\n background-color: transparent;\n }\n}\n\n:root {\n --blue-50: #f5f9ff;\n --blue-100: #d0e1fd;\n --blue-200: #abc9fb;\n --blue-300: #85b2f9;\n --blue-400: #609af8;\n --blue-500: #3b82f6;\n --blue-600: #326fd1;\n --blue-700: #295bac;\n --blue-800: #204887;\n --blue-900: #183462;\n --green-50: #f4fcf7;\n --green-100: #caf1d8;\n --green-200: #a0e6ba;\n --green-300: #76db9b;\n --green-400: #4cd07d;\n --green-500: #22c55e;\n --green-600: #1da750;\n --green-700: #188a42;\n --green-800: #136c34;\n --green-900: #0e4f26;\n --yellow-50: #fefbf3;\n --yellow-100: #faedc4;\n --yellow-200: #f6de95;\n --yellow-300: #f2d066;\n --yellow-400: #eec137;\n --yellow-500: #eab308;\n --yellow-600: #c79807;\n --yellow-700: #a47d06;\n --yellow-800: #816204;\n --yellow-900: #5e4803;\n --cyan-50: #f3fbfd;\n --cyan-100: #c3edf5;\n --cyan-200: #94e0ed;\n --cyan-300: #65d2e4;\n --cyan-400: #35c4dc;\n --cyan-500: #06b6d4;\n --cyan-600: #059bb4;\n --cyan-700: #047f94;\n --cyan-800: #036475;\n --cyan-900: #024955;\n --pink-50: #fef6fa;\n --pink-100: #fad3e7;\n --pink-200: #f7b0d3;\n --pink-300: #f38ec0;\n --pink-400: #f06bac;\n --pink-500: #ec4899;\n --pink-600: #c93d82;\n --pink-700: #a5326b;\n --pink-800: #822854;\n --pink-900: #5e1d3d;\n --indigo-50: #f7f7fe;\n --indigo-100: #dadafc;\n --indigo-200: #bcbdf9;\n --indigo-300: #9ea0f6;\n --indigo-400: #8183f4;\n --indigo-500: #6366f1;\n --indigo-600: #5457cd;\n --indigo-700: #4547a9;\n --indigo-800: #363885;\n --indigo-900: #282960;\n --teal-50: #f3fbfb;\n --teal-100: #c7eeea;\n --teal-200: #9ae0d9;\n --teal-300: #6dd3c8;\n --teal-400: #41c5b7;\n --teal-500: #14b8a6;\n --teal-600: #119c8d;\n --teal-700: #0e8174;\n --teal-800: #0b655b;\n --teal-900: #084a42;\n --orange-50: #fff8f3;\n --orange-100: #feddc7;\n --orange-200: #fcc39b;\n --orange-300: #fba86f;\n --orange-400: #fa8e42;\n --orange-500: #f97316;\n --orange-600: #d46213;\n --orange-700: #ae510f;\n --orange-800: #893f0c;\n --orange-900: #642e09;\n --bluegray-50: #f7f8f9;\n --bluegray-100: #dadee3;\n --bluegray-200: #bcc3cd;\n --bluegray-300: #9fa9b7;\n --bluegray-400: #818ea1;\n --bluegray-500: #64748b;\n --bluegray-600: #556376;\n --bluegray-700: #465161;\n --bluegray-800: #37404c;\n --bluegray-900: #282e38;\n --purple-50: #fbf7ff;\n --purple-100: #ead6fd;\n --purple-200: #dab6fc;\n --purple-300: #c996fa;\n --purple-400: #b975f9;\n --purple-500: #a855f7;\n --purple-600: #8f48d2;\n --purple-700: #763cad;\n --purple-800: #5c2f88;\n --purple-900: #432263;\n --red-50: #fff5f5;\n --red-100: #ffd0ce;\n --red-200: #ffaca7;\n --red-300: #ff8780;\n --red-400: #ff6259;\n --red-500: #ff3d32;\n --red-600: #d9342b;\n --red-700: #b32b23;\n --red-800: #8c221c;\n --red-900: #661814;\n --primary-50: #f7f7fe;\n --primary-100: #dadafc;\n --primary-200: #bcbdf9;\n --primary-300: #9ea0f6;\n --primary-400: #8183f4;\n --primary-500: #6366f1;\n --primary-600: #5457cd;\n --primary-700: #4547a9;\n --primary-800: #363885;\n --primary-900: #282960;\n}\n\n.p-autocomplete .p-autocomplete-loader {\n right: 0.75rem;\n}\n.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {\n right: 3.75rem;\n}\n.p-autocomplete .p-autocomplete-multiple-container {\n padding: 0.375rem 0.75rem;\n}\n.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {\n padding: 0.375rem 0;\n}\n.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-size: 1rem;\n color: #495057;\n padding: 0;\n margin: 0;\n}\n.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #eef2ff;\n color: #4338ca;\n border-radius: 6px;\n}\n.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {\n margin-left: 0.5rem;\n}\n.p-autocomplete.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n}\n\n.p-autocomplete-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-autocomplete-panel .p-autocomplete-items {\n padding: 0.75rem 0;\n}\n.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n}\n\n.p-calendar.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n}\n\n.p-datepicker {\n padding: 0.5rem;\n background: #ffffff;\n color: #495057;\n border: 1px solid #ced4da;\n border-radius: 6px;\n}\n.p-datepicker:not(.p-datepicker-inline) {\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {\n background: #ffffff;\n}\n.p-datepicker .p-datepicker-header {\n padding: 0.5rem;\n color: #495057;\n background: #ffffff;\n font-weight: 600;\n margin: 0;\n border-bottom: 1px solid #dee2e6;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-prev,\n.p-datepicker .p-datepicker-header .p-datepicker-next {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,\n.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,\n.p-datepicker .p-datepicker-header .p-datepicker-next:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-title {\n line-height: 2rem;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,\n.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {\n color: #495057;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n font-weight: 600;\n padding: 0.5rem;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,\n.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {\n color: #6366f1;\n}\n.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {\n margin-right: 0.5rem;\n}\n.p-datepicker table {\n font-size: 1rem;\n margin: 0.5rem 0;\n}\n.p-datepicker table th {\n padding: 0.5rem;\n}\n.p-datepicker table th > span {\n width: 2.5rem;\n height: 2.5rem;\n}\n.p-datepicker table td {\n padding: 0.5rem;\n}\n.p-datepicker table td > span {\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 50%;\n transition: box-shadow 0.2s;\n border: 1px solid transparent;\n}\n.p-datepicker table td > span.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-datepicker table td > span:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datepicker table td.p-datepicker-today > span {\n background: #ced4da;\n color: #495057;\n border-color: transparent;\n}\n.p-datepicker table td.p-datepicker-today > span.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-datepicker .p-datepicker-buttonbar {\n padding: 1rem 0;\n border-top: 1px solid #dee2e6;\n}\n.p-datepicker .p-datepicker-buttonbar .p-button {\n width: auto;\n}\n.p-datepicker .p-timepicker {\n border-top: 1px solid #dee2e6;\n padding: 0.5rem;\n}\n.p-datepicker .p-timepicker button {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-datepicker .p-timepicker button:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-datepicker .p-timepicker button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datepicker .p-timepicker button:last-child {\n margin-top: 0.2em;\n}\n.p-datepicker .p-timepicker span {\n font-size: 1.25rem;\n}\n.p-datepicker .p-timepicker > div {\n padding: 0 0.5rem;\n}\n.p-datepicker.p-datepicker-timeonly .p-timepicker {\n border-top: 0 none;\n}\n.p-datepicker .p-monthpicker {\n margin: 0.5rem 0;\n}\n.p-datepicker .p-monthpicker .p-monthpicker-month {\n padding: 0.5rem;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-datepicker .p-yearpicker {\n margin: 0.5rem 0;\n}\n.p-datepicker .p-yearpicker .p-yearpicker-year {\n padding: 0.5rem;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {\n border-left: 1px solid #dee2e6;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n padding-top: 0;\n padding-bottom: 0;\n}\n.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {\n padding-left: 0;\n}\n.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {\n padding-right: 0;\n border-left: 0 none;\n}\n.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {\n background: #e9ecef;\n}\n.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {\n background: #e9ecef;\n}\n.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n@media screen and (max-width: 769px) {\n .p-datepicker table th,\n .p-datepicker table td {\n padding: 0;\n }\n}\n.p-cascadeselect {\n background: #ffffff;\n border: 1px solid #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-cascadeselect:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-cascadeselect:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-cascadeselect .p-cascadeselect-label {\n background: transparent;\n border: 0 none;\n padding: 0.75rem 0.75rem;\n}\n.p-cascadeselect .p-cascadeselect-label.p-placeholder {\n color: #6c757d;\n}\n.p-cascadeselect .p-cascadeselect-label:enabled:focus {\n outline: 0 none;\n box-shadow: none;\n}\n.p-cascadeselect .p-cascadeselect-trigger {\n background: transparent;\n color: #6c757d;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.p-cascadeselect.p-invalid.p-component {\n border-color: #e24c4c;\n}\n\n.p-cascadeselect-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-cascadeselect-panel .p-cascadeselect-items {\n padding: 0.75rem 0;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {\n margin: 0;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {\n padding: 0.75rem 1.25rem;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {\n font-size: 0.875rem;\n}\n\n.p-input-filled .p-cascadeselect {\n background: #e9ecef;\n}\n.p-input-filled .p-cascadeselect:not(.p-disabled):hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {\n background-color: #ffffff;\n}\n\n.p-checkbox {\n width: 22px;\n height: 22px;\n}\n.p-checkbox .p-checkbox-box {\n border: 2px solid #ced4da;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #495057;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-checkbox .p-checkbox-box .p-checkbox-icon {\n transition-duration: 0.2s;\n color: #ffffff;\n font-size: 14px;\n}\n.p-checkbox .p-checkbox-box.p-highlight {\n border-color: #6366f1;\n background: #6366f1;\n}\n.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #4338ca;\n background: #4338ca;\n color: #ffffff;\n}\n.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #6366f1;\n}\n.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {\n border-color: #4338ca;\n background: #4338ca;\n color: #ffffff;\n}\n.p-checkbox.p-invalid > .p-checkbox-box {\n border-color: #e24c4c;\n}\n\n.p-input-filled .p-checkbox .p-checkbox-box {\n background-color: #e9ecef;\n}\n.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {\n background: #6366f1;\n}\n.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {\n background: #4338ca;\n}\n\n.p-chips .p-chips-multiple-container {\n padding: 0.375rem 0.75rem;\n}\n.p-chips .p-chips-multiple-container:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-chips .p-chips-multiple-container .p-chips-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #eef2ff;\n color: #4338ca;\n border-radius: 6px;\n}\n.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {\n margin-left: 0.5rem;\n}\n.p-chips .p-chips-multiple-container .p-chips-input-token {\n padding: 0.375rem 0;\n}\n.p-chips .p-chips-multiple-container .p-chips-input-token input {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-size: 1rem;\n color: #495057;\n padding: 0;\n margin: 0;\n}\n.p-chips.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n}\n\n.p-colorpicker-preview {\n width: 2rem;\n height: 2rem;\n}\n\n.p-colorpicker-panel {\n background: #323232;\n border: 1px solid #191919;\n}\n.p-colorpicker-panel .p-colorpicker-color-handle,\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n border-color: #ffffff;\n}\n\n.p-colorpicker-overlay-panel {\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n\n.p-dropdown {\n background: #ffffff;\n border: 1px solid #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-dropdown:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-dropdown:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-dropdown.p-dropdown-clearable .p-dropdown-label {\n padding-right: 1.75rem;\n}\n.p-dropdown .p-dropdown-label {\n background: transparent;\n border: 0 none;\n}\n.p-dropdown .p-dropdown-label.p-placeholder {\n color: #6c757d;\n}\n.p-dropdown .p-dropdown-label:enabled:focus {\n outline: 0 none;\n box-shadow: none;\n}\n.p-dropdown .p-dropdown-trigger {\n background: transparent;\n color: #6c757d;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.p-dropdown .p-dropdown-clear-icon {\n color: #6c757d;\n right: 3rem;\n}\n.p-dropdown.p-invalid.p-component {\n border-color: #e24c4c;\n}\n\n.p-dropdown-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-dropdown-panel .p-dropdown-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n margin: 0;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {\n padding-right: 1.75rem;\n margin-right: -1.75rem;\n}\n.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {\n padding-right: 3.5rem;\n margin-right: -3.5rem;\n}\n.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {\n right: 2.5rem;\n}\n.p-dropdown-panel .p-dropdown-items {\n padding: 0.75rem 0;\n}\n.p-dropdown-panel .p-dropdown-items .p-dropdown-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n}\n.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {\n padding: 0.75rem 1.25rem;\n color: #495057;\n background: transparent;\n}\n\n.p-input-filled .p-dropdown {\n background: #e9ecef;\n}\n.p-input-filled .p-dropdown:not(.p-disabled):hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-dropdown:not(.p-disabled).p-focus {\n background-color: #ffffff;\n}\n.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {\n background-color: transparent;\n}\n\n.p-editor-container .p-editor-toolbar {\n background: #f8f9fa;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-editor-container .p-editor-toolbar.ql-snow {\n border: 1px solid #dee2e6;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {\n stroke: #6c757d;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {\n fill: #6c757d;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n border: 0 none;\n color: #6c757d;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n color: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n stroke: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n fill: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n padding: 0.75rem 0;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {\n color: #495057;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {\n padding: 0.75rem 1.25rem;\n}\n.p-editor-container .p-editor-content {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-editor-container .p-editor-content.ql-snow {\n border: 1px solid #dee2e6;\n}\n.p-editor-container .p-editor-content .ql-editor {\n background: #ffffff;\n color: #495057;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-editor-container .ql-snow.ql-toolbar button:hover,\n.p-editor-container .ql-snow.ql-toolbar button:focus {\n color: #495057;\n}\n.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,\n.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {\n stroke: #495057;\n}\n.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,\n.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {\n fill: #495057;\n}\n.p-editor-container .ql-snow.ql-toolbar button.ql-active,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {\n color: #6366f1;\n}\n.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {\n stroke: #6366f1;\n}\n.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {\n fill: #6366f1;\n}\n.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,\n.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {\n color: #6366f1;\n}\n\n.p-inputgroup-addon {\n background: #e9ecef;\n color: #6c757d;\n border-top: 1px solid #ced4da;\n border-left: 1px solid #ced4da;\n border-bottom: 1px solid #ced4da;\n padding: 0.75rem 0.75rem;\n min-width: 3rem;\n}\n.p-inputgroup-addon:last-child {\n border-right: 1px solid #ced4da;\n}\n\n.p-inputgroup > .p-component,\n.p-inputgroup > .p-inputwrapper > .p-inputtext,\n.p-inputgroup > .p-float-label > .p-component {\n border-radius: 0;\n margin: 0;\n}\n.p-inputgroup > .p-component + .p-inputgroup-addon,\n.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,\n.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {\n border-left: 0 none;\n}\n.p-inputgroup > .p-component:focus,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,\n.p-inputgroup > .p-float-label > .p-component:focus {\n z-index: 1;\n}\n.p-inputgroup > .p-component:focus ~ label,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,\n.p-inputgroup > .p-float-label > .p-component:focus ~ label {\n z-index: 1;\n}\n\n.p-inputgroup-addon:first-child,\n.p-inputgroup button:first-child,\n.p-inputgroup input:first-child,\n.p-inputgroup > .p-inputwrapper:first-child,\n.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n\n.p-inputgroup .p-float-label:first-child input {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n\n.p-inputgroup-addon:last-child,\n.p-inputgroup button:last-child,\n.p-inputgroup input:last-child,\n.p-inputgroup > .p-inputwrapper:last-child,\n.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n\n.p-inputgroup .p-float-label:last-child input {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n\n.p-fluid .p-inputgroup .p-button {\n width: auto;\n}\n.p-fluid .p-inputgroup .p-button.p-button-icon-only {\n width: 3rem;\n}\n\n.p-inputnumber.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n}\n\n.p-inputswitch {\n width: 3rem;\n height: 1.75rem;\n}\n.p-inputswitch .p-inputswitch-slider {\n background: #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 30px;\n}\n.p-inputswitch .p-inputswitch-slider:before {\n background: #ffffff;\n width: 1.25rem;\n height: 1.25rem;\n left: 0.25rem;\n margin-top: -0.625rem;\n border-radius: 50%;\n transition-duration: 0.2s;\n}\n.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {\n transform: translateX(1.25rem);\n}\n.p-inputswitch.p-focus .p-inputswitch-slider {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {\n background: #b6bfc8;\n}\n.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {\n background: #6366f1;\n}\n.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {\n background: #ffffff;\n}\n.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {\n background: #4f46e5;\n}\n.p-inputswitch.p-invalid .p-inputswitch-slider {\n border-color: #e24c4c;\n}\n\n.p-inputtext {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-size: 1rem;\n color: #495057;\n background: #ffffff;\n padding: 0.75rem 0.75rem;\n border: 1px solid #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n appearance: none;\n border-radius: 6px;\n}\n.p-inputtext:enabled:hover {\n border-color: #6366f1;\n}\n.p-inputtext:enabled:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-inputtext.p-invalid.p-component {\n border-color: #e24c4c;\n}\n.p-inputtext.p-inputtext-sm {\n font-size: 0.875rem;\n padding: 0.65625rem 0.65625rem;\n}\n.p-inputtext.p-inputtext-lg {\n font-size: 1.25rem;\n padding: 0.9375rem 0.9375rem;\n}\n\n.p-float-label > label {\n left: 0.75rem;\n color: #6c757d;\n transition-duration: 0.2s;\n}\n\n.p-float-label > label.p-error {\n color: #e24c4c;\n}\n\n.p-input-icon-left > i:first-of-type,\n.p-input-icon-left > svg:first-of-type,\n.p-input-icon-left > .p-input-prefix {\n left: 0.75rem;\n color: #6c757d;\n}\n\n.p-input-icon-left > .p-inputtext {\n padding-left: 2.5rem;\n}\n\n.p-input-icon-left.p-float-label > label {\n left: 2.5rem;\n}\n\n.p-input-icon-right > i:last-of-type,\n.p-input-icon-right > svg:last-of-type,\n.p-input-icon-right > .p-input-suffix {\n right: 0.75rem;\n color: #6c757d;\n}\n\n.p-input-icon-right > .p-inputtext {\n padding-right: 2.5rem;\n}\n\n::-webkit-input-placeholder {\n color: #6c757d;\n}\n\n:-moz-placeholder {\n color: #6c757d;\n}\n\n::-moz-placeholder {\n color: #6c757d;\n}\n\n:-ms-input-placeholder {\n color: #6c757d;\n}\n\n.p-input-filled .p-inputtext {\n background-color: #e9ecef;\n}\n.p-input-filled .p-inputtext:enabled:hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-inputtext:enabled:focus {\n background-color: #ffffff;\n}\n\n.p-inputtext-sm .p-inputtext {\n font-size: 0.875rem;\n padding: 0.65625rem 0.65625rem;\n}\n\n.p-inputtext-lg .p-inputtext {\n font-size: 1.25rem;\n padding: 0.9375rem 0.9375rem;\n}\n\n.p-listbox {\n background: #ffffff;\n color: #495057;\n border: 1px solid #ced4da;\n border-radius: 6px;\n}\n.p-listbox .p-listbox-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n margin: 0;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-listbox .p-listbox-header .p-listbox-filter {\n padding-right: 1.75rem;\n}\n.p-listbox .p-listbox-header .p-listbox-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-listbox .p-listbox-list {\n padding: 0.75rem 0;\n}\n.p-listbox .p-listbox-list .p-listbox-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-listbox .p-listbox-list .p-listbox-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-listbox .p-listbox-list .p-listbox-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-listbox .p-listbox-list .p-listbox-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n}\n.p-listbox .p-listbox-list .p-listbox-empty-message {\n padding: 0.75rem 1.25rem;\n color: #495057;\n background: transparent;\n}\n.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-listbox.p-invalid {\n border-color: #e24c4c;\n}\n\n.p-mention-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-mention-panel .p-mention-items {\n padding: 0.75rem 0;\n}\n.p-mention-panel .p-mention-items .p-mention-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-mention-panel .p-mention-items .p-mention-item:hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-mention-panel .p-mention-items .p-mention-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n\n.p-multiselect {\n background: #ffffff;\n border: 1px solid #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-multiselect:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-multiselect:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-multiselect.p-multiselect-clearable .p-multiselect-label {\n padding-right: 1.75rem;\n}\n.p-multiselect .p-multiselect-label {\n padding: 0.75rem 0.75rem;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-multiselect .p-multiselect-label.p-placeholder {\n color: #6c757d;\n}\n.p-multiselect.p-multiselect-chip .p-multiselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #eef2ff;\n color: #4338ca;\n border-radius: 6px;\n}\n.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {\n margin-left: 0.5rem;\n}\n.p-multiselect .p-multiselect-trigger {\n background: transparent;\n color: #6c757d;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.p-multiselect .p-multiselect-clear-icon {\n color: #6c757d;\n right: 3rem;\n}\n.p-multiselect.p-invalid.p-component {\n border-color: #e24c4c;\n}\n\n.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {\n padding: 0.375rem 0.75rem;\n}\n.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {\n padding: 0.75rem 0.75rem;\n}\n.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {\n padding-right: 1.75rem;\n}\n\n.p-multiselect-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-multiselect-panel .p-multiselect-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n margin: 0;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {\n margin: 0 0.5rem;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {\n padding-right: 1.75rem;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-multiselect-panel .p-multiselect-items {\n padding: 0.75rem 0;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {\n margin-right: 0.5rem;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n}\n.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {\n padding: 0.75rem 1.25rem;\n color: #495057;\n background: transparent;\n}\n\n.p-input-filled .p-multiselect {\n background: #e9ecef;\n}\n.p-input-filled .p-multiselect:not(.p-disabled):hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-multiselect:not(.p-disabled).p-focus {\n background-color: #ffffff;\n}\n\n.p-password.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n}\n\n.p-password-panel {\n padding: 1.25rem;\n background: #ffffff;\n color: #495057;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n}\n.p-password-panel .p-password-meter {\n margin-bottom: 0.5rem;\n background: #dee2e6;\n}\n.p-password-panel .p-password-meter .p-password-strength.weak {\n background: #ea5455;\n}\n.p-password-panel .p-password-meter .p-password-strength.medium {\n background: #ff9f42;\n}\n.p-password-panel .p-password-meter .p-password-strength.strong {\n background: #29c76f;\n}\n.p-password-panel .p-password-info.weak {\n color: #ea5455;\n}\n.p-password-panel .p-password-info.medium {\n color: #ff9f42;\n}\n.p-password-panel .p-password-info.strong {\n color: #29c76f;\n}\n\n.p-radiobutton {\n width: 22px;\n height: 22px;\n}\n.p-radiobutton .p-radiobutton-box {\n border: 2px solid #ced4da;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #495057;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {\n border-color: #6366f1;\n}\n.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {\n width: 12px;\n height: 12px;\n transition-duration: 0.2s;\n background-color: #ffffff;\n}\n.p-radiobutton .p-radiobutton-box.p-highlight {\n border-color: #6366f1;\n background: #6366f1;\n}\n.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {\n border-color: #4338ca;\n background: #4338ca;\n color: #ffffff;\n}\n.p-radiobutton.p-invalid > .p-radiobutton-box {\n border-color: #e24c4c;\n}\n.p-radiobutton:focus {\n outline: 0 none;\n}\n\n.p-input-filled .p-radiobutton .p-radiobutton-box {\n background-color: #e9ecef;\n}\n.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {\n background: #6366f1;\n}\n.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {\n background: #4338ca;\n}\n\n.p-rating {\n gap: 0.5rem;\n}\n.p-rating .p-rating-item .p-rating-icon {\n color: #495057;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n font-size: 1.143rem;\n}\n.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {\n color: #ea5455;\n}\n.p-rating .p-rating-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {\n color: #6366f1;\n}\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {\n color: #6366f1;\n}\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {\n color: #e73d3e;\n}\n\n.p-selectbutton .p-button {\n background: #ffffff;\n border: 1px solid #ced4da;\n color: #495057;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-selectbutton .p-button .p-button-icon-left,\n.p-selectbutton .p-button .p-button-icon-right {\n color: #6c757d;\n}\n.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {\n background: #e9ecef;\n border-color: #ced4da;\n color: #495057;\n}\n.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,\n.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {\n color: #343a40;\n}\n.p-selectbutton .p-button.p-highlight {\n background: #6366f1;\n border-color: #6366f1;\n color: #ffffff;\n}\n.p-selectbutton .p-button.p-highlight .p-button-icon-left,\n.p-selectbutton .p-button.p-highlight .p-button-icon-right {\n color: #ffffff;\n}\n.p-selectbutton .p-button.p-highlight:hover {\n background: #4f46e5;\n border-color: #4f46e5;\n color: #ffffff;\n}\n.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,\n.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {\n color: #ffffff;\n}\n.p-selectbutton.p-invalid > .p-button {\n border-color: #e24c4c;\n}\n\n.p-slider {\n background: #dee2e6;\n border: 0 none;\n border-radius: 6px;\n}\n.p-slider.p-slider-horizontal {\n height: 0.286rem;\n}\n.p-slider.p-slider-horizontal .p-slider-handle {\n margin-top: -0.5715rem;\n margin-left: -0.5715rem;\n}\n.p-slider.p-slider-vertical {\n width: 0.286rem;\n}\n.p-slider.p-slider-vertical .p-slider-handle {\n margin-left: -0.5715rem;\n margin-bottom: -0.5715rem;\n}\n.p-slider .p-slider-handle {\n height: 1.143rem;\n width: 1.143rem;\n background: #ffffff;\n border: 2px solid #6366f1;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-slider .p-slider-handle:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-slider .p-slider-range {\n background: #6366f1;\n}\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n background: #6366f1;\n border-color: #6366f1;\n}\n\n.p-treeselect {\n background: #ffffff;\n border: 1px solid #ced4da;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-treeselect:not(.p-disabled):hover {\n border-color: #6366f1;\n}\n.p-treeselect:not(.p-disabled).p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: #6366f1;\n}\n.p-treeselect .p-treeselect-label {\n padding: 0.75rem 0.75rem;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-treeselect .p-treeselect-label.p-placeholder {\n color: #6c757d;\n}\n.p-treeselect.p-treeselect-chip .p-treeselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #dee2e6;\n color: #495057;\n border-radius: 16px;\n}\n.p-treeselect .p-treeselect-trigger {\n background: transparent;\n color: #6c757d;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.p-treeselect.p-invalid.p-component {\n border-color: #e24c4c;\n}\n\n.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {\n padding: 0.375rem 0.75rem;\n}\n\n.p-treeselect-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-treeselect-panel .p-treeselect-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n margin: 0;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {\n margin-right: 0.5rem;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {\n padding-right: 1.75rem;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-treeselect-panel\n .p-treeselect-header\n .p-treeselect-filter-container.p-treeselect-clearable-filter\n .p-treeselect-filter {\n padding-right: 3.5rem;\n}\n.p-treeselect-panel\n .p-treeselect-header\n .p-treeselect-filter-container.p-treeselect-clearable-filter\n .p-treeselect-filter-clear-icon {\n right: 2.5rem;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-close {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {\n border: 0 none;\n}\n.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {\n padding: 0.75rem 1.25rem;\n color: #495057;\n background: transparent;\n}\n\n.p-input-filled .p-treeselect {\n background: #e9ecef;\n}\n.p-input-filled .p-treeselect:not(.p-disabled):hover {\n background-color: #e9ecef;\n}\n.p-input-filled .p-treeselect:not(.p-disabled).p-focus {\n background-color: #ffffff;\n}\n\n.p-togglebutton.p-button {\n background: #ffffff;\n border: 1px solid #ced4da;\n color: #495057;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-togglebutton.p-button .p-button-icon-left,\n.p-togglebutton.p-button .p-button-icon-right {\n color: #6c757d;\n}\n.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {\n background: #e9ecef;\n border-color: #ced4da;\n color: #495057;\n}\n.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,\n.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {\n color: #343a40;\n}\n.p-togglebutton.p-button.p-highlight {\n background: #6366f1;\n border-color: #6366f1;\n color: #ffffff;\n}\n.p-togglebutton.p-button.p-highlight .p-button-icon-left,\n.p-togglebutton.p-button.p-highlight .p-button-icon-right {\n color: #ffffff;\n}\n.p-togglebutton.p-button.p-highlight:hover {\n background: #4f46e5;\n border-color: #4f46e5;\n color: #ffffff;\n}\n.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,\n.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {\n color: #ffffff;\n}\n.p-togglebutton.p-button.p-invalid > .p-button {\n border-color: #e24c4c;\n}\n\n.p-button {\n color: #ffffff;\n background: #6366f1;\n border: 1px solid #6366f1;\n padding: 0.75rem 1.25rem;\n font-size: 1rem;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-button:enabled:hover,\n.p-button:not(button):not(a):not(.p-disabled):hover {\n background: #4f46e5;\n color: #ffffff;\n border-color: #4f46e5;\n}\n.p-button:enabled:active,\n.p-button:not(button):not(a):not(.p-disabled):active {\n background: #4338ca;\n color: #ffffff;\n border-color: #4338ca;\n}\n.p-button.p-button-outlined {\n background-color: transparent;\n color: #6366f1;\n border: 1px solid;\n}\n.p-button.p-button-outlined:enabled:hover,\n.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(99, 102, 241, 0.04);\n color: #6366f1;\n border: 1px solid;\n}\n.p-button.p-button-outlined:enabled:active,\n.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(99, 102, 241, 0.16);\n color: #6366f1;\n border: 1px solid;\n}\n.p-button.p-button-outlined.p-button-plain {\n color: #6c757d;\n border-color: #6c757d;\n}\n.p-button.p-button-outlined.p-button-plain:enabled:hover,\n.p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {\n background: #e9ecef;\n color: #6c757d;\n}\n.p-button.p-button-outlined.p-button-plain:enabled:active,\n.p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {\n background: #dee2e6;\n color: #6c757d;\n}\n.p-button.p-button-text {\n background-color: transparent;\n color: #6366f1;\n border-color: transparent;\n}\n.p-button.p-button-text:enabled:hover,\n.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(99, 102, 241, 0.04);\n color: #6366f1;\n border-color: transparent;\n}\n.p-button.p-button-text:enabled:active,\n.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(99, 102, 241, 0.16);\n color: #6366f1;\n border-color: transparent;\n}\n.p-button.p-button-text.p-button-plain {\n color: #6c757d;\n}\n.p-button.p-button-text.p-button-plain:enabled:hover,\n.p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {\n background: #e9ecef;\n color: #6c757d;\n}\n.p-button.p-button-text.p-button-plain:enabled:active,\n.p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {\n background: #dee2e6;\n color: #6c757d;\n}\n.p-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-button .p-button-icon-left {\n margin-right: 0.5rem;\n}\n.p-button .p-button-icon-right {\n margin-left: 0.5rem;\n}\n.p-button .p-button-icon-bottom {\n margin-top: 0.5rem;\n}\n.p-button .p-button-icon-top {\n margin-bottom: 0.5rem;\n}\n.p-button .p-badge {\n margin-left: 0.5rem;\n min-width: 1rem;\n height: 1rem;\n line-height: 1rem;\n color: #6366f1;\n background-color: #ffffff;\n}\n.p-button.p-button-raised {\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n.p-button.p-button-rounded {\n border-radius: 2rem;\n}\n.p-button.p-button-icon-only {\n width: 3rem;\n padding: 0.75rem 0;\n}\n.p-button.p-button-icon-only .p-button-icon-left,\n.p-button.p-button-icon-only .p-button-icon-right {\n margin: 0;\n}\n.p-button.p-button-icon-only.p-button-rounded {\n border-radius: 50%;\n height: 3rem;\n}\n.p-button.p-button-sm {\n font-size: 0.875rem;\n padding: 0.65625rem 1.09375rem;\n}\n.p-button.p-button-sm .p-button-icon {\n font-size: 0.875rem;\n}\n.p-button.p-button-lg {\n font-size: 1.25rem;\n padding: 0.9375rem 1.5625rem;\n}\n.p-button.p-button-lg .p-button-icon {\n font-size: 1.25rem;\n}\n.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {\n margin-left: 0.5rem;\n}\n.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {\n margin-right: 0.5rem;\n}\n.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {\n margin-top: 0.5rem;\n}\n.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {\n margin-bottom: 0.5rem;\n}\n.p-button.p-button-loading-label-only .p-button-loading-icon {\n margin: 0;\n}\n\n.p-fluid .p-button {\n width: 100%;\n}\n.p-fluid .p-button-icon-only {\n width: 3rem;\n}\n.p-fluid .p-buttonset {\n display: flex;\n}\n.p-fluid .p-buttonset .p-button {\n flex: 1;\n}\n\n.p-button.p-button-secondary,\n.p-buttonset.p-button-secondary > .p-button,\n.p-splitbutton.p-button-secondary > .p-button,\n.p-fileupload-choose.p-button-secondary {\n color: #ffffff;\n background: #64748b;\n border: 1px solid #64748b;\n}\n.p-button.p-button-secondary:enabled:hover,\n.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-secondary > .p-button:enabled:hover,\n.p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-secondary > .p-button:enabled:hover,\n.p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-secondary:enabled:hover,\n.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {\n background: #475569;\n color: #ffffff;\n border-color: #475569;\n}\n.p-button.p-button-secondary:enabled:focus,\n.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-secondary > .p-button:enabled:focus,\n.p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-secondary > .p-button:enabled:focus,\n.p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-secondary:enabled:focus,\n.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #e2e8f0;\n}\n.p-button.p-button-secondary:enabled:active,\n.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-secondary > .p-button:enabled:active,\n.p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-secondary > .p-button:enabled:active,\n.p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-secondary:enabled:active,\n.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {\n background: #334155;\n color: #ffffff;\n border-color: #334155;\n}\n.p-button.p-button-secondary.p-button-outlined,\n.p-buttonset.p-button-secondary > .p-button.p-button-outlined,\n.p-splitbutton.p-button-secondary > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-secondary.p-button-outlined {\n background-color: transparent;\n color: #64748b;\n border: 1px solid;\n}\n.p-button.p-button-secondary.p-button-outlined:enabled:hover,\n.p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(100, 116, 139, 0.04);\n color: #64748b;\n border: 1px solid;\n}\n.p-button.p-button-secondary.p-button-outlined:enabled:active,\n.p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(100, 116, 139, 0.16);\n color: #64748b;\n border: 1px solid;\n}\n.p-button.p-button-secondary.p-button-text,\n.p-buttonset.p-button-secondary > .p-button.p-button-text,\n.p-splitbutton.p-button-secondary > .p-button.p-button-text,\n.p-fileupload-choose.p-button-secondary.p-button-text {\n background-color: transparent;\n color: #64748b;\n border-color: transparent;\n}\n.p-button.p-button-secondary.p-button-text:enabled:hover,\n.p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(100, 116, 139, 0.04);\n border-color: transparent;\n color: #64748b;\n}\n.p-button.p-button-secondary.p-button-text:enabled:active,\n.p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-secondary.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n}\n\n.p-button.p-button-info,\n.p-buttonset.p-button-info > .p-button,\n.p-splitbutton.p-button-info > .p-button,\n.p-fileupload-choose.p-button-info {\n color: #ffffff;\n background: #3b82f6;\n border: 1px solid #3b82f6;\n}\n.p-button.p-button-info:enabled:hover,\n.p-button.p-button-info:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-info > .p-button:enabled:hover,\n.p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-info > .p-button:enabled:hover,\n.p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-info:enabled:hover,\n.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {\n background: #2563eb;\n color: #ffffff;\n border-color: #2563eb;\n}\n.p-button.p-button-info:enabled:focus,\n.p-button.p-button-info:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-info > .p-button:enabled:focus,\n.p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-info > .p-button:enabled:focus,\n.p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-info:enabled:focus,\n.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #bfdbfe;\n}\n.p-button.p-button-info:enabled:active,\n.p-button.p-button-info:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-info > .p-button:enabled:active,\n.p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-info > .p-button:enabled:active,\n.p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-info:enabled:active,\n.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {\n background: #1d4ed8;\n color: #ffffff;\n border-color: #1d4ed8;\n}\n.p-button.p-button-info.p-button-outlined,\n.p-buttonset.p-button-info > .p-button.p-button-outlined,\n.p-splitbutton.p-button-info > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-info.p-button-outlined {\n background-color: transparent;\n color: #3b82f6;\n border: 1px solid;\n}\n.p-button.p-button-info.p-button-outlined:enabled:hover,\n.p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(59, 130, 246, 0.04);\n color: #3b82f6;\n border: 1px solid;\n}\n.p-button.p-button-info.p-button-outlined:enabled:active,\n.p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-info.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(59, 130, 246, 0.16);\n color: #3b82f6;\n border: 1px solid;\n}\n.p-button.p-button-info.p-button-text,\n.p-buttonset.p-button-info > .p-button.p-button-text,\n.p-splitbutton.p-button-info > .p-button.p-button-text,\n.p-fileupload-choose.p-button-info.p-button-text {\n background-color: transparent;\n color: #3b82f6;\n border-color: transparent;\n}\n.p-button.p-button-info.p-button-text:enabled:hover,\n.p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-info.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(59, 130, 246, 0.04);\n border-color: transparent;\n color: #3b82f6;\n}\n.p-button.p-button-info.p-button-text:enabled:active,\n.p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-info.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(59, 130, 246, 0.16);\n border-color: transparent;\n color: #3b82f6;\n}\n\n.p-button.p-button-success,\n.p-buttonset.p-button-success > .p-button,\n.p-splitbutton.p-button-success > .p-button,\n.p-fileupload-choose.p-button-success {\n color: #ffffff;\n background: #22c55e;\n border: 1px solid #22c55e;\n}\n.p-button.p-button-success:enabled:hover,\n.p-button.p-button-success:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-success > .p-button:enabled:hover,\n.p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-success > .p-button:enabled:hover,\n.p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-success:enabled:hover,\n.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {\n background: #16a34a;\n color: #ffffff;\n border-color: #16a34a;\n}\n.p-button.p-button-success:enabled:focus,\n.p-button.p-button-success:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-success > .p-button:enabled:focus,\n.p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-success > .p-button:enabled:focus,\n.p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-success:enabled:focus,\n.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #bbf7d0;\n}\n.p-button.p-button-success:enabled:active,\n.p-button.p-button-success:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-success > .p-button:enabled:active,\n.p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-success > .p-button:enabled:active,\n.p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-success:enabled:active,\n.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {\n background: #15803d;\n color: #ffffff;\n border-color: #15803d;\n}\n.p-button.p-button-success.p-button-outlined,\n.p-buttonset.p-button-success > .p-button.p-button-outlined,\n.p-splitbutton.p-button-success > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-success.p-button-outlined {\n background-color: transparent;\n color: #22c55e;\n border: 1px solid;\n}\n.p-button.p-button-success.p-button-outlined:enabled:hover,\n.p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(34, 197, 94, 0.04);\n color: #22c55e;\n border: 1px solid;\n}\n.p-button.p-button-success.p-button-outlined:enabled:active,\n.p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-success.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(34, 197, 94, 0.16);\n color: #22c55e;\n border: 1px solid;\n}\n.p-button.p-button-success.p-button-text,\n.p-buttonset.p-button-success > .p-button.p-button-text,\n.p-splitbutton.p-button-success > .p-button.p-button-text,\n.p-fileupload-choose.p-button-success.p-button-text {\n background-color: transparent;\n color: #22c55e;\n border-color: transparent;\n}\n.p-button.p-button-success.p-button-text:enabled:hover,\n.p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-success.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(34, 197, 94, 0.04);\n border-color: transparent;\n color: #22c55e;\n}\n.p-button.p-button-success.p-button-text:enabled:active,\n.p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-success.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n}\n\n.p-button.p-button-warning,\n.p-buttonset.p-button-warning > .p-button,\n.p-splitbutton.p-button-warning > .p-button,\n.p-fileupload-choose.p-button-warning {\n color: #ffffff;\n background: #f59e0b;\n border: 1px solid #f59e0b;\n}\n.p-button.p-button-warning:enabled:hover,\n.p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-warning > .p-button:enabled:hover,\n.p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-warning > .p-button:enabled:hover,\n.p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-warning:enabled:hover,\n.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {\n background: #d97706;\n color: #ffffff;\n border-color: #d97706;\n}\n.p-button.p-button-warning:enabled:focus,\n.p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-warning > .p-button:enabled:focus,\n.p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-warning > .p-button:enabled:focus,\n.p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-warning:enabled:focus,\n.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #fde68a;\n}\n.p-button.p-button-warning:enabled:active,\n.p-button.p-button-warning:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-warning > .p-button:enabled:active,\n.p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-warning > .p-button:enabled:active,\n.p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-warning:enabled:active,\n.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {\n background: #b45309;\n color: #ffffff;\n border-color: #b45309;\n}\n.p-button.p-button-warning.p-button-outlined,\n.p-buttonset.p-button-warning > .p-button.p-button-outlined,\n.p-splitbutton.p-button-warning > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-warning.p-button-outlined {\n background-color: transparent;\n color: #f59e0b;\n border: 1px solid;\n}\n.p-button.p-button-warning.p-button-outlined:enabled:hover,\n.p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(245, 158, 11, 0.04);\n color: #f59e0b;\n border: 1px solid;\n}\n.p-button.p-button-warning.p-button-outlined:enabled:active,\n.p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(245, 158, 11, 0.16);\n color: #f59e0b;\n border: 1px solid;\n}\n.p-button.p-button-warning.p-button-text,\n.p-buttonset.p-button-warning > .p-button.p-button-text,\n.p-splitbutton.p-button-warning > .p-button.p-button-text,\n.p-fileupload-choose.p-button-warning.p-button-text {\n background-color: transparent;\n color: #f59e0b;\n border-color: transparent;\n}\n.p-button.p-button-warning.p-button-text:enabled:hover,\n.p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-warning.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(245, 158, 11, 0.04);\n border-color: transparent;\n color: #f59e0b;\n}\n.p-button.p-button-warning.p-button-text:enabled:active,\n.p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-warning.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(245, 158, 11, 0.16);\n border-color: transparent;\n color: #f59e0b;\n}\n\n.p-button.p-button-help,\n.p-buttonset.p-button-help > .p-button,\n.p-splitbutton.p-button-help > .p-button,\n.p-fileupload-choose.p-button-help {\n color: #ffffff;\n background: #a855f7;\n border: 1px solid #a855f7;\n}\n.p-button.p-button-help:enabled:hover,\n.p-button.p-button-help:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-help > .p-button:enabled:hover,\n.p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-help > .p-button:enabled:hover,\n.p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-help:enabled:hover,\n.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {\n background: #9333ea;\n color: #ffffff;\n border-color: #9333ea;\n}\n.p-button.p-button-help:enabled:focus,\n.p-button.p-button-help:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-help > .p-button:enabled:focus,\n.p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-help > .p-button:enabled:focus,\n.p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-help:enabled:focus,\n.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #e9d5ff;\n}\n.p-button.p-button-help:enabled:active,\n.p-button.p-button-help:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-help > .p-button:enabled:active,\n.p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-help > .p-button:enabled:active,\n.p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-help:enabled:active,\n.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {\n background: #7e22ce;\n color: #ffffff;\n border-color: #7e22ce;\n}\n.p-button.p-button-help.p-button-outlined,\n.p-buttonset.p-button-help > .p-button.p-button-outlined,\n.p-splitbutton.p-button-help > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-help.p-button-outlined {\n background-color: transparent;\n color: #a855f7;\n border: 1px solid;\n}\n.p-button.p-button-help.p-button-outlined:enabled:hover,\n.p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(168, 85, 247, 0.04);\n color: #a855f7;\n border: 1px solid;\n}\n.p-button.p-button-help.p-button-outlined:enabled:active,\n.p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-help.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(168, 85, 247, 0.16);\n color: #a855f7;\n border: 1px solid;\n}\n.p-button.p-button-help.p-button-text,\n.p-buttonset.p-button-help > .p-button.p-button-text,\n.p-splitbutton.p-button-help > .p-button.p-button-text,\n.p-fileupload-choose.p-button-help.p-button-text {\n background-color: transparent;\n color: #a855f7;\n border-color: transparent;\n}\n.p-button.p-button-help.p-button-text:enabled:hover,\n.p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-help.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(168, 85, 247, 0.04);\n border-color: transparent;\n color: #a855f7;\n}\n.p-button.p-button-help.p-button-text:enabled:active,\n.p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-help.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\n}\n\n.p-button.p-button-danger,\n.p-buttonset.p-button-danger > .p-button,\n.p-splitbutton.p-button-danger > .p-button,\n.p-fileupload-choose.p-button-danger {\n color: #ffffff;\n background: #ef4444;\n border: 1px solid #ef4444;\n}\n.p-button.p-button-danger:enabled:hover,\n.p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-danger > .p-button:enabled:hover,\n.p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-danger > .p-button:enabled:hover,\n.p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-danger:enabled:hover,\n.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {\n background: #dc2626;\n color: #ffffff;\n border-color: #dc2626;\n}\n.p-button.p-button-danger:enabled:focus,\n.p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus,\n.p-buttonset.p-button-danger > .p-button:enabled:focus,\n.p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-splitbutton.p-button-danger > .p-button:enabled:focus,\n.p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus,\n.p-fileupload-choose.p-button-danger:enabled:focus,\n.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {\n box-shadow: 0 0 0 0.2rem #fecaca;\n}\n.p-button.p-button-danger:enabled:active,\n.p-button.p-button-danger:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-danger > .p-button:enabled:active,\n.p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-danger > .p-button:enabled:active,\n.p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-danger:enabled:active,\n.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {\n background: #b91c1c;\n color: #ffffff;\n border-color: #b91c1c;\n}\n.p-button.p-button-danger.p-button-outlined,\n.p-buttonset.p-button-danger > .p-button.p-button-outlined,\n.p-splitbutton.p-button-danger > .p-button.p-button-outlined,\n.p-fileupload-choose.p-button-danger.p-button-outlined {\n background-color: transparent;\n color: #ef4444;\n border: 1px solid;\n}\n.p-button.p-button-danger.p-button-outlined:enabled:hover,\n.p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,\n.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover,\n.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover,\n.p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {\n background: rgba(239, 68, 68, 0.04);\n color: #ef4444;\n border: 1px solid;\n}\n.p-button.p-button-danger.p-button-outlined:enabled:active,\n.p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,\n.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active,\n.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active,\n.p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {\n background: rgba(239, 68, 68, 0.16);\n color: #ef4444;\n border: 1px solid;\n}\n.p-button.p-button-danger.p-button-text,\n.p-buttonset.p-button-danger > .p-button.p-button-text,\n.p-splitbutton.p-button-danger > .p-button.p-button-text,\n.p-fileupload-choose.p-button-danger.p-button-text {\n background-color: transparent;\n color: #ef4444;\n border-color: transparent;\n}\n.p-button.p-button-danger.p-button-text:enabled:hover,\n.p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,\n.p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover,\n.p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,\n.p-fileupload-choose.p-button-danger.p-button-text:enabled:hover,\n.p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {\n background: rgba(239, 68, 68, 0.04);\n border-color: transparent;\n color: #ef4444;\n}\n.p-button.p-button-danger.p-button-text:enabled:active,\n.p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,\n.p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active,\n.p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active,\n.p-fileupload-choose.p-button-danger.p-button-text:enabled:active,\n.p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\n}\n\n.p-button.p-button-link {\n color: #4338ca;\n background: transparent;\n border: transparent;\n}\n.p-button.p-button-link:enabled:hover,\n.p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {\n background: transparent;\n color: #4338ca;\n border-color: transparent;\n}\n.p-button.p-button-link:enabled:hover .p-button-label,\n.p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {\n text-decoration: underline;\n}\n.p-button.p-button-link:enabled:focus,\n.p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {\n background: transparent;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n border-color: transparent;\n}\n.p-button.p-button-link:enabled:active,\n.p-button.p-button-link:not(button):not(a):not(.p-disabled):active {\n background: transparent;\n color: #4338ca;\n border-color: transparent;\n}\n\n.p-splitbutton {\n border-radius: 6px;\n}\n.p-splitbutton.p-button-outlined > .p-button {\n background-color: transparent;\n color: #6366f1;\n border: 1px solid;\n}\n.p-splitbutton.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(99, 102, 241, 0.04);\n color: #6366f1;\n}\n.p-splitbutton.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(99, 102, 241, 0.16);\n color: #6366f1;\n}\n.p-splitbutton.p-button-outlined.p-button-plain > .p-button {\n color: #6c757d;\n border-color: #6c757d;\n}\n.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,\n.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: #e9ecef;\n color: #6c757d;\n}\n.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,\n.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {\n background: #dee2e6;\n color: #6c757d;\n}\n.p-splitbutton.p-button-text > .p-button {\n background-color: transparent;\n color: #6366f1;\n border-color: transparent;\n}\n.p-splitbutton.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(99, 102, 241, 0.04);\n color: #6366f1;\n border-color: transparent;\n}\n.p-splitbutton.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(99, 102, 241, 0.16);\n color: #6366f1;\n border-color: transparent;\n}\n.p-splitbutton.p-button-text.p-button-plain > .p-button {\n color: #6c757d;\n}\n.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,\n.p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: #e9ecef;\n color: #6c757d;\n}\n.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,\n.p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {\n background: #dee2e6;\n color: #6c757d;\n}\n.p-splitbutton.p-button-raised {\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n.p-splitbutton.p-button-rounded {\n border-radius: 2rem;\n}\n.p-splitbutton.p-button-rounded > .p-button {\n border-radius: 2rem;\n}\n.p-splitbutton.p-button-sm > .p-button {\n font-size: 0.875rem;\n padding: 0.65625rem 1.09375rem;\n}\n.p-splitbutton.p-button-sm > .p-button .p-button-icon {\n font-size: 0.875rem;\n}\n.p-splitbutton.p-button-lg > .p-button {\n font-size: 1.25rem;\n padding: 0.9375rem 1.5625rem;\n}\n.p-splitbutton.p-button-lg > .p-button .p-button-icon {\n font-size: 1.25rem;\n}\n\n.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {\n background-color: transparent;\n color: #64748b;\n border: 1px solid;\n}\n.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(100, 116, 139, 0.04);\n color: #64748b;\n}\n.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(100, 116, 139, 0.16);\n color: #64748b;\n}\n.p-splitbutton.p-button-secondary.p-button-text > .p-button {\n background-color: transparent;\n color: #64748b;\n border-color: transparent;\n}\n.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(100, 116, 139, 0.04);\n border-color: transparent;\n color: #64748b;\n}\n.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n}\n\n.p-splitbutton.p-button-info.p-button-outlined > .p-button {\n background-color: transparent;\n color: #3b82f6;\n border: 1px solid;\n}\n.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(59, 130, 246, 0.04);\n color: #3b82f6;\n}\n.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(59, 130, 246, 0.16);\n color: #3b82f6;\n}\n.p-splitbutton.p-button-info.p-button-text > .p-button {\n background-color: transparent;\n color: #3b82f6;\n border-color: transparent;\n}\n.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(59, 130, 246, 0.04);\n border-color: transparent;\n color: #3b82f6;\n}\n.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(59, 130, 246, 0.16);\n border-color: transparent;\n color: #3b82f6;\n}\n\n.p-splitbutton.p-button-success.p-button-outlined > .p-button {\n background-color: transparent;\n color: #22c55e;\n border: 1px solid;\n}\n.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(34, 197, 94, 0.04);\n color: #22c55e;\n}\n.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(34, 197, 94, 0.16);\n color: #22c55e;\n}\n.p-splitbutton.p-button-success.p-button-text > .p-button {\n background-color: transparent;\n color: #22c55e;\n border-color: transparent;\n}\n.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(34, 197, 94, 0.04);\n border-color: transparent;\n color: #22c55e;\n}\n.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n}\n\n.p-splitbutton.p-button-warning.p-button-outlined > .p-button {\n background-color: transparent;\n color: #f59e0b;\n border: 1px solid;\n}\n.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(245, 158, 11, 0.04);\n color: #f59e0b;\n}\n.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(245, 158, 11, 0.16);\n color: #f59e0b;\n}\n.p-splitbutton.p-button-warning.p-button-text > .p-button {\n background-color: transparent;\n color: #f59e0b;\n border-color: transparent;\n}\n.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(245, 158, 11, 0.04);\n border-color: transparent;\n color: #f59e0b;\n}\n.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(245, 158, 11, 0.16);\n border-color: transparent;\n color: #f59e0b;\n}\n\n.p-splitbutton.p-button-help.p-button-outlined > .p-button {\n background-color: transparent;\n color: #a855f7;\n border: 1px solid;\n}\n.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(168, 85, 247, 0.04);\n color: #a855f7;\n}\n.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(168, 85, 247, 0.16);\n color: #a855f7;\n}\n.p-splitbutton.p-button-help.p-button-text > .p-button {\n background-color: transparent;\n color: #a855f7;\n border-color: transparent;\n}\n.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(168, 85, 247, 0.04);\n border-color: transparent;\n color: #a855f7;\n}\n.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\n}\n\n.p-splitbutton.p-button-danger.p-button-outlined > .p-button {\n background-color: transparent;\n color: #ef4444;\n border: 1px solid;\n}\n.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,\n.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(239, 68, 68, 0.04);\n color: #ef4444;\n}\n.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,\n.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(239, 68, 68, 0.16);\n color: #ef4444;\n}\n.p-splitbutton.p-button-danger.p-button-text > .p-button {\n background-color: transparent;\n color: #ef4444;\n border-color: transparent;\n}\n.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,\n.p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {\n background: rgba(239, 68, 68, 0.04);\n border-color: transparent;\n color: #ef4444;\n}\n.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,\n.p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\n}\n\n.p-speeddial-button.p-button.p-button-icon-only {\n width: 4rem;\n height: 4rem;\n}\n.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {\n font-size: 1.3rem;\n}\n\n.p-speeddial-action {\n width: 3rem;\n height: 3rem;\n background: #495057;\n color: #fff;\n}\n.p-speeddial-action:hover {\n background: #022354;\n color: #fff;\n}\n\n.p-speeddial-direction-up .p-speeddial-item {\n margin: 0.25rem;\n}\n.p-speeddial-direction-up .p-speeddial-item:first-child {\n margin-bottom: 0.5rem;\n}\n\n.p-speeddial-direction-down .p-speeddial-item {\n margin: 0.25rem;\n}\n.p-speeddial-direction-down .p-speeddial-item:first-child {\n margin-top: 0.5rem;\n}\n\n.p-speeddial-direction-left .p-speeddial-item {\n margin: 0 0.25rem;\n}\n.p-speeddial-direction-left .p-speeddial-item:first-child {\n margin-right: 0.5rem;\n}\n\n.p-speeddial-direction-right .p-speeddial-item {\n margin: 0 0.25rem;\n}\n.p-speeddial-direction-right .p-speeddial-item:first-child {\n margin-left: 0.5rem;\n}\n\n.p-speeddial-circle .p-speeddial-item,\n.p-speeddial-semi-circle .p-speeddial-item,\n.p-speeddial-quarter-circle .p-speeddial-item {\n margin: 0;\n}\n.p-speeddial-circle .p-speeddial-item:first-child,\n.p-speeddial-circle .p-speeddial-item:last-child,\n.p-speeddial-semi-circle .p-speeddial-item:first-child,\n.p-speeddial-semi-circle .p-speeddial-item:last-child,\n.p-speeddial-quarter-circle .p-speeddial-item:first-child,\n.p-speeddial-quarter-circle .p-speeddial-item:last-child {\n margin: 0;\n}\n\n.p-speeddial-mask {\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n.p-carousel .p-carousel-content .p-carousel-prev,\n.p-carousel .p-carousel-content .p-carousel-next {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n margin: 0.5rem;\n}\n.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,\n.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-carousel .p-carousel-content .p-carousel-prev:focus,\n.p-carousel .p-carousel-content .p-carousel-next:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-carousel .p-carousel-indicators {\n padding: 1rem;\n}\n.p-carousel .p-carousel-indicators .p-carousel-indicator {\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.p-carousel .p-carousel-indicators .p-carousel-indicator button {\n background-color: #ced4da;\n width: 2rem;\n height: 0.5rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 0;\n}\n.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {\n background: #adb5bd;\n}\n.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background: #eef2ff;\n color: #4338ca;\n}\n\n.p-datatable .p-paginator-top {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-datatable .p-paginator-bottom {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-datatable .p-datatable-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-datatable .p-datatable-footer {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-datatable .p-datatable-thead > tr > th {\n text-align: left;\n padding: 1rem 1rem;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #343a40;\n background: #f8f9fa;\n transition: box-shadow 0.2s;\n}\n.p-datatable .p-datatable-tfoot > tr > td {\n text-align: left;\n padding: 1rem 1rem;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #343a40;\n background: #f8f9fa;\n}\n.p-datatable .p-sortable-column .p-sortable-column-icon {\n color: #343a40;\n margin-left: 0.5rem;\n}\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n border-radius: 50%;\n height: 1.143rem;\n min-width: 1.143rem;\n line-height: 1.143rem;\n color: #4338ca;\n background: #eef2ff;\n margin-left: 0.5rem;\n}\n.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {\n background: #e9ecef;\n color: #343a40;\n}\n.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #343a40;\n}\n.p-datatable .p-sortable-column.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #4338ca;\n}\n.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #4338ca;\n}\n.p-datatable .p-sortable-column:focus {\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n outline: 0 none;\n}\n.p-datatable .p-datatable-tbody > tr {\n background: #ffffff;\n color: #495057;\n transition: box-shadow 0.2s;\n}\n.p-datatable .p-datatable-tbody > tr > td {\n text-align: left;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n}\n.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {\n margin-right: 0.5rem;\n}\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n font-weight: 700;\n}\n.p-datatable .p-datatable-tbody > tr > td.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-datatable .p-datatable-tbody > tr.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #eef2ff;\n}\n.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #eef2ff;\n}\n.p-datatable.p-datatable-selectable\n .p-datatable-tbody\n > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {\n outline: 0.15rem solid #c7d2fe;\n outline-offset: -0.15rem;\n}\n.p-datatable.p-datatable-selectable-cell\n .p-datatable-tbody\n > tr.p-selectable-row\n > td.p-selectable-cell:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {\n outline: 0.15rem solid #c7d2fe;\n outline-offset: -0.15rem;\n}\n.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-datatable .p-column-resizer-helper {\n background: #6366f1;\n}\n.p-datatable .p-datatable-scrollable-header,\n.p-datatable .p-datatable-scrollable-footer {\n background: #f8f9fa;\n}\n.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,\n.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,\n.p-datatable.p-datatable-scrollable\n > .p-datatable-wrapper\n > .p-virtualscroller\n > .p-datatable-table\n > .p-datatable-thead,\n.p-datatable.p-datatable-scrollable\n > .p-datatable-wrapper\n > .p-virtualscroller\n > .p-datatable-table\n > .p-datatable-tfoot {\n background-color: #f8f9fa;\n}\n.p-datatable .p-datatable-loading-icon {\n font-size: 2rem;\n}\n.p-datatable.p-datatable-gridlines .p-datatable-header {\n border-width: 1px 1px 0 1px;\n}\n.p-datatable.p-datatable-gridlines .p-datatable-footer {\n border-width: 0 1px 1px 1px;\n}\n.p-datatable.p-datatable-gridlines .p-paginator-top {\n border-width: 0 1px 0 1px;\n}\n.p-datatable.p-datatable-gridlines .p-paginator-bottom {\n border-width: 0 1px 1px 1px;\n}\n.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {\n border-width: 1px 1px 1px 1px;\n}\n.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {\n border-width: 1px;\n}\n.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {\n border-width: 1px;\n}\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {\n background: #fcfcfc;\n}\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {\n color: #4338ca;\n}\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {\n color: #4338ca;\n}\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {\n background: #fcfcfc;\n}\n.p-datatable.p-datatable-sm .p-datatable-header {\n padding: 0.5rem 0.5rem;\n}\n.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {\n padding: 0.5rem 0.5rem;\n}\n.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {\n padding: 0.5rem 0.5rem;\n}\n.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {\n padding: 0.5rem 0.5rem;\n}\n.p-datatable.p-datatable-sm .p-datatable-footer {\n padding: 0.5rem 0.5rem;\n}\n.p-datatable.p-datatable-lg .p-datatable-header {\n padding: 1.25rem 1.25rem;\n}\n.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {\n padding: 1.25rem 1.25rem;\n}\n.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {\n padding: 1.25rem 1.25rem;\n}\n.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {\n padding: 1.25rem 1.25rem;\n}\n.p-datatable.p-datatable-lg .p-datatable-footer {\n padding: 1.25rem 1.25rem;\n}\n\n.p-datatable-drag-selection-helper {\n background: rgba(99, 102, 241, 0.16);\n}\n\n.p-dataview .p-paginator-top {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-dataview .p-paginator-bottom {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-dataview .p-dataview-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-dataview .p-dataview-content {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n padding: 0;\n}\n.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {\n border: solid #dee2e6;\n border-width: 0 0 1px 0;\n}\n.p-dataview .p-dataview-footer {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.p-dataview .p-dataview-loading-icon {\n font-size: 2rem;\n}\n\n.p-datascroller .p-paginator-top {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-datascroller .p-paginator-bottom {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-datascroller .p-datascroller-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-datascroller .p-datascroller-content {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n padding: 0;\n}\n.p-datascroller.p-datascroller-inline .p-datascroller-list > li {\n border: solid #dee2e6;\n border-width: 0 0 1px 0;\n}\n.p-datascroller .p-datascroller-footer {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n\n.p-column-filter-row .p-column-filter-menu-button,\n.p-column-filter-row .p-column-filter-clear-button {\n margin-left: 0.5rem;\n}\n\n.p-column-filter-menu-button {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-column-filter-menu-button:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-column-filter-menu-button.p-column-filter-menu-button-open,\n.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {\n background: #e9ecef;\n color: #343a40;\n}\n.p-column-filter-menu-button.p-column-filter-menu-button-active,\n.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-column-filter-menu-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-column-filter-clear-button {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-column-filter-clear-button:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-column-filter-clear-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-column-filter-overlay {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n min-width: 12.5rem;\n}\n.p-column-filter-overlay .p-column-filter-row-items {\n padding: 0.75rem 0;\n}\n.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {\n margin: 0;\n padding: 0.75rem 1.25rem;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n}\n.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {\n color: #495057;\n background: #e9ecef;\n}\n.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n\n.p-column-filter-overlay-menu .p-column-filter-operator {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n margin: 0;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-column-filter-overlay-menu .p-column-filter-constraint {\n padding: 1.25rem;\n border-bottom: 1px solid #dee2e6;\n}\n.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {\n margin-bottom: 0.5rem;\n}\n.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {\n margin-top: 0.5rem;\n}\n.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {\n border-bottom: 0 none;\n}\n.p-column-filter-overlay-menu .p-column-filter-add-rule {\n padding: 0.75rem 1.25rem;\n}\n.p-column-filter-overlay-menu .p-column-filter-buttonbar {\n padding: 1.25rem;\n}\n\n.fc {\n /* FullCalendar 4 */\n /* FullCalendar 5 */\n}\n.fc.fc-unthemed .fc-view-container th {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n color: #343a40;\n}\n.fc.fc-unthemed .fc-view-container td.fc-widget-content {\n border: 1px solid #dee2e6;\n color: #495057;\n}\n.fc.fc-unthemed .fc-view-container td.fc-head-container {\n border: 1px solid #dee2e6;\n}\n.fc.fc-unthemed .fc-view-container .fc-view {\n background: #ffffff;\n}\n.fc.fc-unthemed .fc-view-container .fc-row {\n border-right: 1px solid #dee2e6;\n}\n.fc.fc-unthemed .fc-view-container .fc-event {\n background: #4f46e5;\n border: 1px solid #4f46e5;\n color: #ffffff;\n}\n.fc.fc-unthemed .fc-view-container .fc-divider {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button {\n color: #ffffff;\n background: #6366f1;\n border: 1px solid #6366f1;\n font-size: 1rem;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n display: flex;\n align-items: center;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {\n background: #4f46e5;\n color: #ffffff;\n border-color: #4f46e5;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {\n background: #4338ca;\n color: #ffffff;\n border-color: #4338ca;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {\n font-family: 'PrimeIcons' !important;\n text-indent: 0;\n font-size: 1rem;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {\n content: '\\e900';\n}\n.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {\n font-family: 'PrimeIcons' !important;\n text-indent: 0;\n font-size: 1rem;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {\n content: '\\e901';\n}\n.fc.fc-unthemed .fc-toolbar .fc-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {\n background: #ffffff;\n border: 1px solid #ced4da;\n color: #495057;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {\n background: #e9ecef;\n border-color: #ced4da;\n color: #495057;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {\n background: #6366f1;\n border-color: #6366f1;\n color: #ffffff;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {\n background: #4f46e5;\n border-color: #4f46e5;\n color: #ffffff;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,\n.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n z-index: 1;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {\n border-radius: 0;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {\n border-color: #dee2e6;\n}\n.fc.fc-theme-standard .fc-view-harness th {\n background: #f8f9fa;\n border-color: #dee2e6;\n color: #343a40;\n}\n.fc.fc-theme-standard .fc-view-harness td {\n color: #495057;\n border-color: #dee2e6;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-view {\n background: #ffffff;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover {\n background: none;\n border: 0 none;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n background: #f8f9fa;\n color: #343a40;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {\n opacity: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n font-family: 'PrimeIcons' !important;\n font-size: 1rem;\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {\n content: '\\e90b';\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-top: 0 none;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {\n color: #ffffff;\n background: #4f46e5;\n border-color: #4f46e5;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {\n color: #ffffff;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {\n background: #4f46e5;\n border-color: #4f46e5;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {\n background: #e9ecef;\n color: #495057;\n}\n.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {\n background: #f8f9fa;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button {\n color: #ffffff;\n background: #6366f1;\n border: 1px solid #6366f1;\n font-size: 1rem;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {\n background: #4f46e5;\n color: #ffffff;\n border-color: #4f46e5;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {\n background: #4338ca;\n color: #ffffff;\n border-color: #4338ca;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {\n opacity: 0.6;\n color: #ffffff;\n background: #6366f1;\n border: 1px solid #6366f1;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {\n font-family: 'PrimeIcons' !important;\n text-indent: 0;\n font-size: 1rem;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {\n content: '\\e900';\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {\n font-family: 'PrimeIcons' !important;\n text-indent: 0;\n font-size: 1rem;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {\n content: '\\e901';\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {\n background: #ffffff;\n border: 1px solid #ced4da;\n color: #495057;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {\n background: #e9ecef;\n border-color: #ced4da;\n color: #495057;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {\n background: #6366f1;\n border-color: #6366f1;\n color: #ffffff;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {\n background: #4f46e5;\n border-color: #4f46e5;\n color: #ffffff;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,\n.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n z-index: 1;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {\n border-radius: 0;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.fc.fc-theme-standard .fc-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n\n.p-orderlist .p-orderlist-controls {\n padding: 1.25rem;\n}\n.p-orderlist .p-orderlist-controls .p-button {\n margin-bottom: 0.5rem;\n}\n.p-orderlist .p-orderlist-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n font-weight: 700;\n border-bottom: 0 none;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-orderlist .p-orderlist-filter-container {\n padding: 1.25rem;\n background: #ffffff;\n border: 1px solid #dee2e6;\n border-bottom: 0 none;\n}\n.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {\n padding-right: 1.75rem;\n}\n.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-orderlist .p-orderlist-list {\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-orderlist .p-orderlist-list .p-orderlist-item {\n padding: 0.75rem 1.25rem;\n margin: 0;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-orderlist .p-orderlist-list .p-orderlist-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {\n background: #fcfcfc;\n}\n.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {\n background: #e9ecef;\n}\n\n@media screen and (max-width: 769px) {\n .p-orderlist {\n flex-direction: column;\n }\n .p-orderlist .p-orderlist-controls {\n padding: 1.25rem;\n flex-direction: row;\n }\n .p-orderlist .p-orderlist-controls .p-button {\n margin-right: 0.5rem;\n margin-bottom: 0;\n }\n .p-orderlist .p-orderlist-controls .p-button:last-child {\n margin-right: 0;\n }\n}\n.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-organizationchart .p-organizationchart-node-content.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {\n color: #6f91ff;\n}\n.p-organizationchart .p-organizationchart-line-down {\n background: #dee2e6;\n}\n.p-organizationchart .p-organizationchart-line-left {\n border-right: 1px solid #dee2e6;\n border-color: #dee2e6;\n}\n.p-organizationchart .p-organizationchart-line-top {\n border-top: 1px solid #dee2e6;\n border-color: #dee2e6;\n}\n.p-organizationchart .p-organizationchart-node-content {\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n padding: 1.25rem;\n}\n.p-organizationchart .p-organizationchart-node-content .p-node-toggler {\n background: inherit;\n color: inherit;\n border-radius: 50%;\n}\n.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-paginator {\n background: #ffffff;\n color: #6c757d;\n border: solid #e9ecef;\n border-width: 0;\n padding: 0.5rem 1rem;\n border-radius: 6px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last {\n background-color: transparent;\n border: 0 none;\n color: #6c757d;\n min-width: 3rem;\n height: 3rem;\n margin: 0.143rem;\n transition: box-shadow 0.2s;\n border-radius: 50%;\n}\n.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,\n.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,\n.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,\n.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {\n background: #e9ecef;\n border-color: transparent;\n color: #343a40;\n}\n.p-paginator .p-paginator-first {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n.p-paginator .p-paginator-last {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n}\n.p-paginator .p-dropdown {\n margin-left: 0.5rem;\n height: 3rem;\n}\n.p-paginator .p-dropdown .p-dropdown-label {\n padding-right: 0;\n}\n.p-paginator .p-paginator-page-input {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.p-paginator .p-paginator-page-input .p-inputtext {\n max-width: 3rem;\n}\n.p-paginator .p-paginator-current {\n background-color: transparent;\n border: 0 none;\n color: #6c757d;\n min-width: 3rem;\n height: 3rem;\n margin: 0.143rem;\n padding: 0 0.5rem;\n}\n.p-paginator .p-paginator-pages .p-paginator-page {\n background-color: transparent;\n border: 0 none;\n color: #6c757d;\n min-width: 3rem;\n height: 3rem;\n margin: 0.143rem;\n transition: box-shadow 0.2s;\n border-radius: 50%;\n}\n.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {\n background: #eef2ff;\n border-color: #eef2ff;\n color: #4338ca;\n}\n.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {\n background: #e9ecef;\n border-color: transparent;\n color: #343a40;\n}\n\n.p-picklist .p-picklist-buttons {\n padding: 1.25rem;\n}\n.p-picklist .p-picklist-buttons .p-button {\n margin-bottom: 0.5rem;\n}\n.p-picklist .p-picklist-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n font-weight: 700;\n border-bottom: 0 none;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-picklist .p-picklist-filter-container {\n padding: 1.25rem;\n background: #ffffff;\n border: 1px solid #dee2e6;\n border-bottom: 0 none;\n}\n.p-picklist .p-picklist-filter-container .p-picklist-filter-input {\n padding-right: 1.75rem;\n}\n.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-picklist .p-picklist-list {\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-picklist .p-picklist-list .p-picklist-item {\n padding: 0.75rem 1.25rem;\n margin: 0;\n border: 0 none;\n color: #495057;\n background: transparent;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-picklist .p-picklist-list .p-picklist-item:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-picklist .p-picklist-list .p-picklist-item.p-highlight {\n color: #4338ca;\n background: #eef2ff;\n}\n\n@media screen and (max-width: 769px) {\n .p-picklist {\n flex-direction: column;\n }\n .p-picklist .p-picklist-buttons {\n padding: 1.25rem;\n flex-direction: row;\n }\n .p-picklist .p-picklist-buttons .p-button {\n margin-right: 0.5rem;\n margin-bottom: 0;\n }\n .p-picklist .p-picklist-buttons .p-button:last-child {\n margin-right: 0;\n }\n .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {\n content: '\\e930';\n }\n .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {\n content: '\\e92c';\n }\n .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {\n content: '\\e933';\n }\n .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {\n content: '\\e92f';\n }\n}\n.p-tree {\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n padding: 1.25rem;\n border-radius: 6px;\n}\n.p-tree .p-tree-container .p-treenode {\n padding: 0.143rem;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content {\n border-radius: 6px;\n transition: box-shadow 0.2s;\n padding: 0.5rem;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {\n margin-right: 0.5rem;\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {\n margin-right: 0.5rem;\n color: #6c757d;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {\n margin-right: 0.5rem;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {\n color: #495057;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {\n color: #4338ca;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {\n color: #4338ca;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {\n background: #e9ecef;\n color: #495057;\n}\n.p-tree .p-tree-filter-container {\n margin-bottom: 0.5rem;\n}\n.p-tree .p-tree-filter-container .p-tree-filter {\n width: 100%;\n padding-right: 1.75rem;\n}\n.p-tree .p-tree-filter-container .p-tree-filter-icon {\n right: 0.75rem;\n color: #6c757d;\n}\n.p-tree .p-treenode-children {\n padding: 0 0 0 1rem;\n}\n.p-tree .p-tree-loading-icon {\n font-size: 2rem;\n}\n.p-tree .p-treenode-droppoint {\n height: 0.5rem;\n}\n.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {\n background: #8ba7ff;\n}\n\n.p-treetable .p-paginator-top {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-treetable .p-paginator-bottom {\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.p-treetable .p-treetable-header {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-treetable .p-treetable-footer {\n background: #f8f9fa;\n color: #343a40;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n}\n.p-treetable .p-treetable-thead > tr > th {\n text-align: left;\n padding: 1rem 1rem;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #343a40;\n background: #f8f9fa;\n transition: box-shadow 0.2s;\n}\n.p-treetable .p-treetable-tfoot > tr > td {\n text-align: left;\n padding: 1rem 1rem;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #343a40;\n background: #f8f9fa;\n}\n.p-treetable .p-sortable-column {\n outline-color: #c7d2fe;\n}\n.p-treetable .p-sortable-column .p-sortable-column-icon {\n color: #343a40;\n margin-left: 0.5rem;\n}\n.p-treetable .p-sortable-column .p-sortable-column-badge {\n border-radius: 50%;\n height: 1.143rem;\n min-width: 1.143rem;\n line-height: 1.143rem;\n color: #4338ca;\n background: #eef2ff;\n margin-left: 0.5rem;\n}\n.p-treetable .p-sortable-column:not(.p-highlight):hover {\n background: #e9ecef;\n color: #343a40;\n}\n.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {\n color: #343a40;\n}\n.p-treetable .p-sortable-column.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #4338ca;\n}\n.p-treetable .p-treetable-tbody > tr {\n background: #ffffff;\n color: #495057;\n transition: box-shadow 0.2s;\n}\n.p-treetable .p-treetable-tbody > tr > td {\n text-align: left;\n border: 1px solid #dee2e6;\n border-width: 0 0 1px 0;\n padding: 1rem 1rem;\n}\n.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n margin-right: 0.5rem;\n}\n.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {\n margin-right: 0.5rem;\n}\n.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {\n color: #495057;\n}\n.p-treetable .p-treetable-tbody > tr:focus {\n outline: 0.15rem solid #c7d2fe;\n outline-offset: -0.15rem;\n}\n.p-treetable .p-treetable-tbody > tr.p-highlight {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {\n color: #4338ca;\n}\n.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {\n color: #4338ca;\n}\n.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover,\n.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler,\n.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {\n color: #495057;\n}\n.p-treetable .p-column-resizer-helper {\n background: #6366f1;\n}\n.p-treetable .p-treetable-scrollable-header,\n.p-treetable .p-treetable-scrollable-footer {\n background: #f8f9fa;\n}\n.p-treetable .p-treetable-loading-icon {\n font-size: 2rem;\n}\n.p-treetable.p-treetable-gridlines .p-datatable-header {\n border-width: 1px 1px 0 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-footer {\n border-width: 0 1px 1px 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-top {\n border-width: 0 1px 0 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-bottom {\n border-width: 0 1px 1px 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {\n border-width: 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {\n border-width: 1px;\n}\n.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {\n border-width: 1px;\n}\n.p-treetable.p-treetable-sm .p-treetable-header {\n padding: 0.875rem 0.875rem;\n}\n.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {\n padding: 0.5rem 0.5rem;\n}\n.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {\n padding: 0.5rem 0.5rem;\n}\n.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {\n padding: 0.5rem 0.5rem;\n}\n.p-treetable.p-treetable-sm .p-treetable-footer {\n padding: 0.5rem 0.5rem;\n}\n.p-treetable.p-treetable-lg .p-treetable-header {\n padding: 1.25rem 1.25rem;\n}\n.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {\n padding: 1.25rem 1.25rem;\n}\n.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {\n padding: 1.25rem 1.25rem;\n}\n.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {\n padding: 1.25rem 1.25rem;\n}\n.p-treetable.p-treetable-lg .p-treetable-footer {\n padding: 1.25rem 1.25rem;\n}\n\n.p-timeline .p-timeline-event-marker {\n border: 2px solid #6366f1;\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n background-color: #ffffff;\n}\n.p-timeline .p-timeline-event-connector {\n background-color: #dee2e6;\n}\n.p-timeline.p-timeline-vertical .p-timeline-event-opposite,\n.p-timeline.p-timeline-vertical .p-timeline-event-content {\n padding: 0 1rem;\n}\n.p-timeline.p-timeline-vertical .p-timeline-event-connector {\n width: 2px;\n}\n.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,\n.p-timeline.p-timeline-horizontal .p-timeline-event-content {\n padding: 1rem 0;\n}\n.p-timeline.p-timeline-horizontal .p-timeline-event-connector {\n height: 2px;\n}\n\n.p-accordion .p-accordion-header .p-accordion-header-link {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n color: #6c757d;\n background: #f8f9fa;\n font-weight: 700;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n}\n.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {\n margin-right: 0.5rem;\n}\n.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {\n background: #e9ecef;\n border-color: #dee2e6;\n color: #343a40;\n}\n.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {\n background: #f8f9fa;\n border-color: #dee2e6;\n color: #343a40;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {\n border-color: #dee2e6;\n background: #e9ecef;\n color: #343a40;\n}\n.p-accordion .p-accordion-content {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-top: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-accordion .p-accordion-tab {\n margin-bottom: 4px;\n}\n\n.p-card {\n background: #ffffff;\n color: #495057;\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n}\n.p-card .p-card-body {\n padding: 1.25rem;\n}\n.p-card .p-card-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n.p-card .p-card-subtitle {\n font-weight: 400;\n margin-bottom: 0.5rem;\n color: #6c757d;\n}\n.p-card .p-card-content {\n padding: 1.25rem 0;\n}\n.p-card .p-card-footer {\n padding: 1.25rem 0 0 0;\n}\n\n.p-fieldset {\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-radius: 6px;\n}\n.p-fieldset .p-fieldset-legend {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n color: #343a40;\n background: #f8f9fa;\n font-weight: 700;\n border-radius: 6px;\n}\n.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {\n padding: 0;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {\n padding: 1.25rem;\n color: #343a40;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n}\n.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {\n margin-right: 0.5rem;\n}\n.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {\n background: #e9ecef;\n border-color: #dee2e6;\n color: #343a40;\n}\n.p-fieldset .p-fieldset-content {\n padding: 1.25rem;\n}\n\n.p-divider .p-divider-content {\n background-color: #ffffff;\n}\n.p-divider.p-divider-horizontal {\n margin: 1.25rem 0;\n padding: 0 1.25rem;\n}\n.p-divider.p-divider-horizontal:before {\n border-top: 1px #dee2e6;\n}\n.p-divider.p-divider-horizontal .p-divider-content {\n padding: 0 0.5rem;\n}\n.p-divider.p-divider-vertical {\n margin: 0 1.25rem;\n padding: 1.25rem 0;\n}\n.p-divider.p-divider-vertical:before {\n border-left: 1px #dee2e6;\n}\n.p-divider.p-divider-vertical .p-divider-content {\n padding: 0.5rem 0;\n}\n\n.p-panel .p-panel-header {\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n background: #f8f9fa;\n color: #343a40;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-panel .p-panel-header .p-panel-title {\n font-weight: 700;\n}\n.p-panel .p-panel-header .p-panel-header-icon {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-panel .p-panel-header .p-panel-header-icon:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-panel.p-panel-toggleable .p-panel-header {\n padding: 0.75rem 1.25rem;\n}\n.p-panel .p-panel-content {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n border-top: 0 none;\n}\n.p-panel .p-panel-footer {\n padding: 0.75rem 1.25rem;\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-top: 0 none;\n}\n\n.p-splitter {\n border: 1px solid #dee2e6;\n background: #ffffff;\n border-radius: 6px;\n color: #495057;\n}\n.p-splitter .p-splitter-gutter {\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n background: #f8f9fa;\n}\n.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {\n background: #dee2e6;\n}\n.p-splitter .p-splitter-gutter-resizing {\n background: #dee2e6;\n}\n\n.p-scrollpanel .p-scrollpanel-bar {\n background: #f8f9fa;\n border: 0 none;\n}\n\n.p-tabview .p-tabview-nav {\n background: #ffffff;\n border: 1px solid #dee2e6;\n border-width: 0 0 2px 0;\n}\n.p-tabview .p-tabview-nav li {\n margin-right: 0;\n}\n.p-tabview .p-tabview-nav li .p-tabview-nav-link {\n border: solid #dee2e6;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #dee2e6 transparent;\n background: #ffffff;\n color: #6c757d;\n padding: 1.25rem;\n font-weight: 700;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n transition: box-shadow 0.2s;\n margin: 0 0 -2px 0;\n}\n.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #c7d2fe;\n}\n.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {\n background: #ffffff;\n border-color: #adb5bd;\n color: #6c757d;\n}\n.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {\n background: #ffffff;\n border-color: #6366f1;\n color: #6366f1;\n}\n.p-tabview .p-tabview-close {\n margin-left: 0.5rem;\n}\n.p-tabview .p-tabview-nav-btn.p-link {\n background: #ffffff;\n color: #6366f1;\n width: 3rem;\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n border-radius: 0;\n}\n.p-tabview .p-tabview-nav-btn.p-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #c7d2fe;\n}\n.p-tabview .p-tabview-panels {\n background: #ffffff;\n padding: 1.25rem;\n border: 0 none;\n color: #495057;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n\n.p-toolbar {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n border-radius: 6px;\n}\n.p-toolbar .p-toolbar-separator {\n margin: 0 0.5rem;\n}\n\n.p-confirm-popup {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.p-confirm-popup .p-confirm-popup-content {\n padding: 1.25rem;\n}\n.p-confirm-popup .p-confirm-popup-footer {\n text-align: right;\n padding: 0 1.25rem 1.25rem 1.25rem;\n}\n.p-confirm-popup .p-confirm-popup-footer button {\n margin: 0 0.5rem 0 0;\n width: auto;\n}\n.p-confirm-popup .p-confirm-popup-footer button:last-child {\n margin: 0;\n}\n.p-confirm-popup:after {\n border: solid transparent;\n border-color: rgba(255, 255, 255, 0);\n border-bottom-color: #ffffff;\n}\n.p-confirm-popup:before {\n border: solid transparent;\n border-color: rgba(255, 255, 255, 0);\n border-bottom-color: #ffffff;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-top-color: #ffffff;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-top-color: #ffffff;\n}\n.p-confirm-popup .p-confirm-popup-icon {\n font-size: 1.5rem;\n}\n.p-confirm-popup .p-confirm-popup-message {\n margin-left: 1rem;\n}\n\n.p-dialog {\n border-radius: 6px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n border: 0 none;\n}\n.p-dialog .p-dialog-header {\n border-bottom: 0 none;\n background: #ffffff;\n color: #343a40;\n padding: 1.5rem;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-dialog .p-dialog-header .p-dialog-title {\n font-weight: 700;\n font-size: 1.25rem;\n}\n.p-dialog .p-dialog-header .p-dialog-header-icon {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n margin-right: 0.5rem;\n}\n.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-dialog .p-dialog-header .p-dialog-header-icon:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {\n margin-right: 0;\n}\n.p-dialog .p-dialog-content {\n background: #ffffff;\n color: #495057;\n padding: 0 1.5rem 2rem 1.5rem;\n}\n.p-dialog .p-dialog-content:last-of-type {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-dialog .p-dialog-footer {\n border-top: 0 none;\n background: #ffffff;\n color: #495057;\n padding: 0 1.5rem 1.5rem 1.5rem;\n text-align: right;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-dialog .p-dialog-footer button {\n margin: 0 0.5rem 0 0;\n width: auto;\n}\n.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {\n font-size: 2rem;\n}\n.p-dialog.p-confirm-dialog .p-confirm-dialog-message {\n margin-left: 1rem;\n}\n\n.p-overlaypanel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n border-radius: 6px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.p-overlaypanel .p-overlaypanel-content {\n padding: 1.25rem;\n}\n.p-overlaypanel .p-overlaypanel-close {\n background: #6366f1;\n color: #ffffff;\n width: 2rem;\n height: 2rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 50%;\n position: absolute;\n top: -1rem;\n right: -1rem;\n}\n.p-overlaypanel .p-overlaypanel-close:enabled:hover {\n background: #4f46e5;\n color: #ffffff;\n}\n.p-overlaypanel:after {\n border: solid transparent;\n border-color: rgba(255, 255, 255, 0);\n border-bottom-color: #ffffff;\n}\n.p-overlaypanel:before {\n border: solid transparent;\n border-color: rgba(255, 255, 255, 0);\n border-bottom-color: #f2f2f2;\n}\n.p-overlaypanel.p-overlaypanel-flipped:after {\n border-top-color: #ffffff;\n}\n.p-overlaypanel.p-overlaypanel-flipped:before {\n border-top-color: #ffffff;\n}\n\n.p-sidebar {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.p-sidebar .p-sidebar-header {\n padding: 1.25rem;\n}\n.p-sidebar .p-sidebar-header .p-sidebar-close,\n.p-sidebar .p-sidebar-header .p-sidebar-icon {\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border: 0 none;\n background: transparent;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,\n.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {\n color: #343a40;\n border-color: transparent;\n background: #e9ecef;\n}\n.p-sidebar .p-sidebar-header .p-sidebar-close:focus,\n.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-sidebar .p-sidebar-header + .p-sidebar-content {\n padding-top: 0;\n}\n.p-sidebar .p-sidebar-content {\n padding: 1.25rem;\n}\n\n.p-tooltip .p-tooltip-text {\n background: #495057;\n color: #ffffff;\n padding: 0.75rem 0.75rem;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n}\n.p-tooltip.p-tooltip-right .p-tooltip-arrow {\n border-right-color: #495057;\n}\n.p-tooltip.p-tooltip-left .p-tooltip-arrow {\n border-left-color: #495057;\n}\n.p-tooltip.p-tooltip-top .p-tooltip-arrow {\n border-top-color: #495057;\n}\n.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {\n border-bottom-color: #495057;\n}\n\n.p-fileupload .p-fileupload-buttonbar {\n background: #f8f9fa;\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n color: #343a40;\n border-bottom: 0 none;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-fileupload .p-fileupload-buttonbar .p-button {\n margin-right: 0.5rem;\n}\n.p-fileupload .p-fileupload-content {\n background: #ffffff;\n padding: 2rem 1rem;\n border: 1px solid #dee2e6;\n color: #495057;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-fileupload .p-progressbar {\n height: 0.25rem;\n}\n.p-fileupload .p-fileupload-row > div {\n padding: 1rem 1rem;\n}\n.p-fileupload.p-fileupload-advanced .p-message {\n margin-top: 0;\n}\n\n.p-breadcrumb {\n background: #ffffff;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 1rem;\n}\n.p-breadcrumb ul li .p-menuitem-link {\n transition: box-shadow 0.2s;\n border-radius: 6px;\n}\n.p-breadcrumb ul li .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n}\n.p-breadcrumb ul li.p-breadcrumb-chevron {\n margin: 0 0.5rem 0 0.5rem;\n color: #495057;\n}\n.p-breadcrumb ul li:last-child .p-menuitem-text {\n color: #495057;\n}\n.p-breadcrumb ul li:last-child .p-menuitem-icon {\n color: #6c757d;\n}\n\n.p-contextmenu {\n padding: 0.25rem 0;\n background: #ffffff;\n color: #495057;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n width: 12.5rem;\n}\n.p-contextmenu .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-contextmenu .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-contextmenu .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-contextmenu .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-contextmenu .p-submenu-list {\n padding: 0.25rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n}\n.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {\n background: #eef2ff;\n}\n.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {\n color: #4338ca;\n}\n.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {\n color: #4338ca;\n}\n.p-contextmenu .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n.p-contextmenu .p-submenu-icon {\n font-size: 0.875rem;\n}\n\n.p-dock .p-dock-list {\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n padding: 0.5rem 0.5rem;\n border-radius: 0.5rem;\n}\n.p-dock .p-dock-item {\n padding: 0.5rem;\n}\n.p-dock .p-dock-action {\n width: 4rem;\n height: 4rem;\n}\n.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,\n.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,\n.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,\n.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next {\n margin: 0 0.9rem;\n}\n.p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,\n.p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,\n.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,\n.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next {\n margin: 0 1.3rem;\n}\n.p-dock.p-dock-magnification.p-dock-top .p-dock-item-current,\n.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current {\n margin: 0 1.5rem;\n}\n.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,\n.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,\n.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,\n.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next {\n margin: 0.9rem 0;\n}\n.p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,\n.p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,\n.p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,\n.p-dock.p-dock-magnification.p-dock-right .p-dock-item-next {\n margin: 1.3rem 0;\n}\n.p-dock.p-dock-magnification.p-dock-left .p-dock-item-current,\n.p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {\n margin: 1.5rem 0;\n}\n\n@media screen and (max-width: 960px) {\n .p-dock.p-dock-top .p-dock-container,\n .p-dock.p-dock-bottom .p-dock-container {\n overflow-x: auto;\n width: 100%;\n }\n .p-dock.p-dock-top .p-dock-container .p-dock-list,\n .p-dock.p-dock-bottom .p-dock-container .p-dock-list {\n margin: 0 auto;\n }\n .p-dock.p-dock-left .p-dock-container,\n .p-dock.p-dock-right .p-dock-container {\n overflow-y: auto;\n height: 100%;\n }\n .p-dock.p-dock-left .p-dock-container .p-dock-list,\n .p-dock.p-dock-right .p-dock-container .p-dock-list {\n margin: auto 0;\n }\n .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,\n .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,\n .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,\n .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,\n .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current,\n .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,\n .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,\n .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,\n .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,\n .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current,\n .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,\n .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,\n .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,\n .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,\n .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current,\n .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,\n .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,\n .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,\n .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,\n .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {\n transform: none;\n margin: 0;\n }\n}\n.p-megamenu {\n padding: 0.5rem;\n background: #f8f9fa;\n color: #495057;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n margin-left: 0.5rem;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,\n.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {\n background: #eef2ff;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,\n.p-megamenu\n .p-megamenu-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-menuitem-text {\n color: #4338ca;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-megamenu\n .p-megamenu-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-menuitem-icon {\n color: #4338ca;\n}\n.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,\n.p-megamenu\n .p-megamenu-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-submenu-icon {\n color: #4338ca;\n}\n.p-megamenu .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-megamenu .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-megamenu .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-megamenu .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-megamenu .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-megamenu .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-megamenu .p-megamenu-panel {\n background: #ffffff;\n color: #495057;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-megamenu .p-megamenu-submenu-header {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n}\n.p-megamenu .p-megamenu-submenu {\n padding: 0.25rem 0;\n width: 12.5rem;\n}\n.p-megamenu .p-megamenu-submenu .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {\n background: #eef2ff;\n}\n.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {\n color: #4338ca;\n}\n.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {\n color: #4338ca;\n}\n.p-megamenu.p-megamenu-vertical {\n width: 12.5rem;\n padding: 0.25rem 0;\n}\n\n.p-menu {\n padding: 0.25rem 0;\n background: #ffffff;\n color: #495057;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n width: 12.5rem;\n}\n.p-menu .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-menu .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-menu .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-menu .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-menu .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-menu .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-menu.p-menu-overlay {\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-menu .p-submenu-header {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #343a40;\n background: #ffffff;\n font-weight: 700;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n.p-menu .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n\n.p-menubar {\n padding: 0.5rem;\n background: #f8f9fa;\n color: #495057;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n}\n.p-menubar .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-menubar .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-menubar .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-menubar .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-menubar .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-menubar .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n margin-left: 0.5rem;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,\n.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {\n background: #eef2ff;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,\n.p-menubar\n .p-menubar-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-menuitem-text {\n color: #4338ca;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-menubar\n .p-menubar-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-menuitem-icon {\n color: #4338ca;\n}\n.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,\n.p-menubar\n .p-menubar-root-list\n > .p-menuitem.p-menuitem-active\n > .p-menuitem-link:not(.p-disabled):hover\n .p-submenu-icon {\n color: #4338ca;\n}\n.p-menubar .p-submenu-list {\n padding: 0.25rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n width: 12.5rem;\n}\n.p-menubar .p-submenu-list .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n.p-menubar .p-submenu-list .p-submenu-icon {\n font-size: 0.875rem;\n}\n.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {\n background: #eef2ff;\n}\n.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {\n color: #4338ca;\n}\n.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {\n color: #4338ca;\n}\n\n@media screen and (max-width: 960px) {\n .p-menubar {\n position: relative;\n }\n .p-menubar .p-menubar-button {\n display: flex;\n width: 2rem;\n height: 2rem;\n color: #6c757d;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-menubar .p-menubar-button:hover {\n color: #6c757d;\n background: #e9ecef;\n }\n .p-menubar .p-menubar-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n }\n .p-menubar .p-menubar-root-list {\n position: absolute;\n display: none;\n padding: 0.25rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n width: 100%;\n }\n .p-menubar .p-menubar-root-list .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n }\n .p-menubar .p-menubar-root-list .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {\n color: #495057;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n transition: transform 0.2s;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n .p-menubar .p-menubar-root-list .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {\n transition: transform 0.2s;\n transform: rotate(90deg);\n }\n .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n .p-menubar .p-menubar-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-menubar .p-menubar-root-list ul li a {\n padding-left: 2.25rem;\n }\n .p-menubar .p-menubar-root-list ul li ul li a {\n padding-left: 3.75rem;\n }\n .p-menubar .p-menubar-root-list ul li ul li ul li a {\n padding-left: 5.25rem;\n }\n .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {\n padding-left: 6.75rem;\n }\n .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {\n padding-left: 8.25rem;\n }\n .p-menubar.p-menubar-mobile-active .p-menubar-root-list {\n display: flex;\n flex-direction: column;\n top: 100%;\n left: 0;\n z-index: 1;\n }\n}\n.p-panelmenu .p-panelmenu-header > a {\n padding: 1.25rem;\n border: 1px solid #dee2e6;\n color: #6c757d;\n background: #f8f9fa;\n font-weight: 700;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n}\n.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {\n margin-right: 0.5rem;\n}\n.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {\n margin-right: 0.5rem;\n}\n.p-panelmenu .p-panelmenu-header > a:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {\n background: #e9ecef;\n border-color: #dee2e6;\n color: #343a40;\n}\n.p-panelmenu .p-panelmenu-header.p-highlight {\n margin-bottom: 0;\n}\n.p-panelmenu .p-panelmenu-header.p-highlight > a {\n background: #f8f9fa;\n border-color: #dee2e6;\n color: #343a40;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {\n border-color: #dee2e6;\n background: #e9ecef;\n color: #343a40;\n}\n.p-panelmenu .p-panelmenu-content {\n padding: 0.25rem 0;\n border: 1px solid #dee2e6;\n background: #ffffff;\n color: #495057;\n border-top: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {\n margin-right: 0.5rem;\n}\n.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {\n padding: 0 0 0 1rem;\n}\n.p-panelmenu .p-panelmenu-panel {\n margin-bottom: 4px;\n}\n\n.p-slidemenu {\n padding: 0.25rem 0;\n background: #ffffff;\n color: #495057;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n width: 12.5rem;\n}\n.p-slidemenu .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-slidemenu .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-slidemenu .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-slidemenu .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-slidemenu .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-slidemenu.p-slidemenu-overlay {\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-slidemenu .p-slidemenu-list {\n padding: 0.25rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {\n background: #eef2ff;\n}\n.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {\n color: #4338ca;\n}\n.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon,\n.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {\n color: #4338ca;\n}\n.p-slidemenu .p-slidemenu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n.p-slidemenu .p-slidemenu-icon {\n font-size: 0.875rem;\n}\n.p-slidemenu .p-slidemenu-backward {\n padding: 0.75rem 1.25rem;\n color: #495057;\n}\n\n.p-steps .p-steps-item .p-menuitem-link {\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n background: #ffffff;\n}\n.p-steps .p-steps-item .p-menuitem-link .p-steps-number {\n color: #495057;\n border: 1px solid #e9ecef;\n background: #ffffff;\n min-width: 2rem;\n height: 2rem;\n line-height: 2rem;\n font-size: 1.143rem;\n z-index: 1;\n border-radius: 50%;\n}\n.p-steps .p-steps-item .p-menuitem-link .p-steps-title {\n margin-top: 0.5rem;\n color: #6c757d;\n}\n.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-steps .p-steps-item.p-highlight .p-steps-number {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-steps .p-steps-item.p-highlight .p-steps-title {\n font-weight: 700;\n color: #495057;\n}\n.p-steps .p-steps-item:before {\n content: ' ';\n border-top: 1px solid #dee2e6;\n width: 100%;\n top: 50%;\n left: 0;\n display: block;\n position: absolute;\n margin-top: -1rem;\n}\n\n.p-tabmenu .p-tabmenu-nav {\n background: #ffffff;\n border: 1px solid #dee2e6;\n border-width: 0 0 2px 0;\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {\n margin-right: 0;\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {\n border: solid #dee2e6;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #dee2e6 transparent;\n background: #ffffff;\n color: #6c757d;\n padding: 1.25rem;\n font-weight: 700;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n transition: box-shadow 0.2s;\n margin: 0 0 -2px 0;\n height: calc(100% + 2px);\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {\n margin-right: 0.5rem;\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #c7d2fe;\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {\n background: #ffffff;\n border-color: #adb5bd;\n color: #6c757d;\n}\n.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {\n background: #ffffff;\n border-color: #6366f1;\n color: #6366f1;\n}\n\n.p-tieredmenu {\n padding: 0.25rem 0;\n background: #ffffff;\n color: #495057;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n width: 12.5rem;\n}\n.p-tieredmenu .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n color: #495057;\n border-radius: 0;\n transition: box-shadow 0.2s;\n user-select: none;\n}\n.p-tieredmenu .p-menuitem-link .p-menuitem-text {\n color: #495057;\n}\n.p-tieredmenu .p-menuitem-link .p-menuitem-icon {\n color: #6c757d;\n margin-right: 0.5rem;\n}\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n color: #6c757d;\n}\n.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {\n background: #e9ecef;\n}\n.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {\n color: #495057;\n}\n.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {\n color: #6c757d;\n}\n.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {\n color: #6c757d;\n}\n.p-tieredmenu .p-menuitem-link:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #c7d2fe;\n}\n.p-tieredmenu.p-tieredmenu-overlay {\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-tieredmenu .p-submenu-list {\n padding: 0.25rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {\n background: #eef2ff;\n}\n.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {\n color: #4338ca;\n}\n.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,\n.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {\n color: #4338ca;\n}\n.p-tieredmenu .p-menu-separator {\n border-top: 1px solid #dee2e6;\n margin: 0.25rem 0;\n}\n.p-tieredmenu .p-submenu-icon {\n font-size: 0.875rem;\n}\n\n.p-inline-message {\n padding: 0.75rem 0.75rem;\n margin: 0;\n border-radius: 6px;\n}\n.p-inline-message.p-inline-message-info {\n background: #e9e9ff;\n border: solid #696cff;\n border-width: 0px;\n color: #696cff;\n}\n.p-inline-message.p-inline-message-info .p-inline-message-icon {\n color: #696cff;\n}\n.p-inline-message.p-inline-message-success {\n background: #e4f8f0;\n border: solid #1ea97c;\n border-width: 0px;\n color: #1ea97c;\n}\n.p-inline-message.p-inline-message-success .p-inline-message-icon {\n color: #1ea97c;\n}\n.p-inline-message.p-inline-message-warn {\n background: #fff2e2;\n border: solid #cc8925;\n border-width: 0px;\n color: #cc8925;\n}\n.p-inline-message.p-inline-message-warn .p-inline-message-icon {\n color: #cc8925;\n}\n.p-inline-message.p-inline-message-error {\n background: #ffe7e6;\n border: solid #ff5757;\n border-width: 0px;\n color: #ff5757;\n}\n.p-inline-message.p-inline-message-error .p-inline-message-icon {\n color: #ff5757;\n}\n.p-inline-message .p-inline-message-icon {\n font-size: 1rem;\n margin-right: 0.5rem;\n}\n.p-inline-message .p-inline-message-text {\n font-size: 1rem;\n}\n.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {\n margin-right: 0;\n}\n\n.p-message {\n margin: 1rem 0;\n border-radius: 6px;\n}\n.p-message .p-message-wrapper {\n padding: 1.25rem 1.75rem;\n}\n.p-message .p-message-close {\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n background: transparent;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-message .p-message-close:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n.p-message .p-message-close:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-message.p-message-info {\n background: #e9e9ff;\n border: solid #696cff;\n border-width: 0 0 0 6px;\n color: #696cff;\n}\n.p-message.p-message-info .p-message-icon {\n color: #696cff;\n}\n.p-message.p-message-info .p-message-close {\n color: #696cff;\n}\n.p-message.p-message-success {\n background: #e4f8f0;\n border: solid #1ea97c;\n border-width: 0 0 0 6px;\n color: #1ea97c;\n}\n.p-message.p-message-success .p-message-icon {\n color: #1ea97c;\n}\n.p-message.p-message-success .p-message-close {\n color: #1ea97c;\n}\n.p-message.p-message-warn {\n background: #fff2e2;\n border: solid #cc8925;\n border-width: 0 0 0 6px;\n color: #cc8925;\n}\n.p-message.p-message-warn .p-message-icon {\n color: #cc8925;\n}\n.p-message.p-message-warn .p-message-close {\n color: #cc8925;\n}\n.p-message.p-message-error {\n background: #ffe7e6;\n border: solid #ff5757;\n border-width: 0 0 0 6px;\n color: #ff5757;\n}\n.p-message.p-message-error .p-message-icon {\n color: #ff5757;\n}\n.p-message.p-message-error .p-message-close {\n color: #ff5757;\n}\n.p-message .p-message-text {\n font-size: 1rem;\n font-weight: 400;\n}\n.p-message .p-message-icon {\n font-size: 1.5rem;\n margin-right: 0.5rem;\n}\n\n.p-toast {\n opacity: 0.9;\n}\n.p-toast .p-toast-message {\n margin: 0 0 1rem 0;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n}\n.p-toast .p-toast-message .p-toast-message-content {\n padding: 1rem;\n border-width: 0 0 0 6px;\n}\n.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {\n margin: 0 0 0 1rem;\n}\n.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {\n font-size: 2rem;\n}\n.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {\n font-weight: 700;\n}\n.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {\n margin: 0.5rem 0 0 0;\n}\n.p-toast .p-toast-message .p-toast-icon-close {\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n background: transparent;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-toast .p-toast-message .p-toast-icon-close:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n.p-toast .p-toast-message .p-toast-icon-close:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n.p-toast .p-toast-message.p-toast-message-info {\n background: #e9e9ff;\n border: solid #696cff;\n border-width: 0 0 0 6px;\n color: #696cff;\n}\n.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,\n.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {\n color: #696cff;\n}\n.p-toast .p-toast-message.p-toast-message-success {\n background: #e4f8f0;\n border: solid #1ea97c;\n border-width: 0 0 0 6px;\n color: #1ea97c;\n}\n.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,\n.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {\n color: #1ea97c;\n}\n.p-toast .p-toast-message.p-toast-message-warn {\n background: #fff2e2;\n border: solid #cc8925;\n border-width: 0 0 0 6px;\n color: #cc8925;\n}\n.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,\n.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {\n color: #cc8925;\n}\n.p-toast .p-toast-message.p-toast-message-error {\n background: #ffe7e6;\n border: solid #ff5757;\n border-width: 0 0 0 6px;\n color: #ff5757;\n}\n.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,\n.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {\n color: #ff5757;\n}\n\n.p-galleria .p-galleria-close {\n margin: 0.5rem;\n background: transparent;\n color: #f8f9fa;\n width: 4rem;\n height: 4rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 50%;\n}\n.p-galleria .p-galleria-close .p-galleria-close-icon {\n font-size: 2rem;\n}\n.p-galleria .p-galleria-close:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f8f9fa;\n}\n.p-galleria .p-galleria-item-nav {\n background: transparent;\n color: #f8f9fa;\n width: 4rem;\n height: 4rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n margin: 0 0.5rem;\n}\n.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,\n.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {\n font-size: 2rem;\n}\n.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f8f9fa;\n}\n.p-galleria .p-galleria-caption {\n background: rgba(0, 0, 0, 0.5);\n color: #f8f9fa;\n padding: 1rem;\n}\n.p-galleria .p-galleria-indicators {\n padding: 1rem;\n}\n.p-galleria .p-galleria-indicators .p-galleria-indicator button {\n background-color: #ced4da;\n width: 1rem;\n height: 1rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 50%;\n}\n.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {\n background: #adb5bd;\n}\n.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,\n.p-galleria.p-galleria-indicators-top .p-galleria-indicator {\n margin-right: 0.5rem;\n}\n.p-galleria.p-galleria-indicators-left .p-galleria-indicator,\n.p-galleria.p-galleria-indicators-right .p-galleria-indicator {\n margin-bottom: 0.5rem;\n}\n.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {\n background: rgba(0, 0, 0, 0.5);\n}\n.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {\n background: rgba(255, 255, 255, 0.4);\n}\n.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {\n background: rgba(255, 255, 255, 0.6);\n}\n.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background: #eef2ff;\n color: #4338ca;\n}\n.p-galleria .p-galleria-thumbnail-container {\n background: rgba(0, 0, 0, 0.9);\n padding: 1rem 0.25rem;\n}\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {\n margin: 0.5rem;\n background-color: transparent;\n color: #f8f9fa;\n width: 2rem;\n height: 2rem;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n border-radius: 50%;\n}\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f8f9fa;\n}\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {\n transition: box-shadow 0.2s;\n}\n.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-galleria-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\n}\n\n.p-image-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\n}\n\n.p-image-preview-indicator {\n background-color: transparent;\n color: #f8f9fa;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.p-image-toolbar {\n padding: 1rem;\n}\n\n.p-image-action.p-link {\n color: #f8f9fa;\n background-color: transparent;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n margin-right: 0.5rem;\n}\n.p-image-action.p-link:last-child {\n margin-right: 0;\n}\n.p-image-action.p-link:hover {\n color: #f8f9fa;\n background-color: rgba(255, 255, 255, 0.1);\n}\n.p-image-action.p-link i {\n font-size: 1.5rem;\n}\n\n.p-avatar {\n background-color: #dee2e6;\n border-radius: 6px;\n}\n.p-avatar.p-avatar-lg {\n width: 3rem;\n height: 3rem;\n font-size: 1.5rem;\n}\n.p-avatar.p-avatar-lg .p-avatar-icon {\n font-size: 1.5rem;\n}\n.p-avatar.p-avatar-xl {\n width: 4rem;\n height: 4rem;\n font-size: 2rem;\n}\n.p-avatar.p-avatar-xl .p-avatar-icon {\n font-size: 2rem;\n}\n\n.p-avatar-group .p-avatar {\n border: 2px solid #ffffff;\n}\n\n.p-chip {\n background-color: #dee2e6;\n color: #495057;\n border-radius: 16px;\n padding: 0 0.75rem;\n}\n.p-chip .p-chip-text {\n line-height: 1.5;\n margin-top: 0.375rem;\n margin-bottom: 0.375rem;\n}\n.p-chip .p-chip-icon {\n margin-right: 0.5rem;\n}\n.p-chip img {\n width: 2.25rem;\n height: 2.25rem;\n margin-left: -0.75rem;\n margin-right: 0.5rem;\n}\n.p-chip .p-chip-remove-icon {\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n margin-left: 0.5rem;\n}\n.p-chip .p-chip-remove-icon:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-scrolltop {\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.p-scrolltop.p-link {\n background: rgba(0, 0, 0, 0.7);\n}\n.p-scrolltop.p-link:hover {\n background: rgba(0, 0, 0, 0.8);\n}\n.p-scrolltop .p-scrolltop-icon {\n font-size: 1.5rem;\n color: #f8f9fa;\n}\n\n.p-skeleton {\n background-color: #dee2e6;\n border-radius: 6px;\n}\n.p-skeleton:after {\n background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));\n}\n\n.p-tag {\n background: #6366f1;\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.25rem 0.4rem;\n border-radius: 6px;\n}\n.p-tag.p-tag-success {\n background-color: #22c55e;\n color: #ffffff;\n}\n.p-tag.p-tag-info {\n background-color: #3b82f6;\n color: #ffffff;\n}\n.p-tag.p-tag-warning {\n background-color: #f59e0b;\n color: #ffffff;\n}\n.p-tag.p-tag-danger {\n background-color: #ef4444;\n color: #ffffff;\n}\n.p-tag .p-tag-icon {\n margin-right: 0.25rem;\n font-size: 0.75rem;\n}\n\n.p-inplace .p-inplace-display {\n padding: 0.75rem 0.75rem;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-inplace .p-inplace-display:not(.p-disabled):hover {\n background: #e9ecef;\n color: #495057;\n}\n.p-inplace .p-inplace-display:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #c7d2fe;\n}\n\n.p-progressbar {\n border: 0 none;\n height: 1.5rem;\n background: #dee2e6;\n border-radius: 6px;\n}\n.p-progressbar .p-progressbar-value {\n border: 0 none;\n margin: 0;\n background: #6366f1;\n}\n.p-progressbar .p-progressbar-label {\n color: #ffffff;\n line-height: 1.5rem;\n}\n\n.p-terminal {\n background: #ffffff;\n color: #495057;\n border: 1px solid #dee2e6;\n padding: 1.25rem;\n}\n.p-terminal .p-terminal-input {\n font-size: 1rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n}\n\n.p-badge {\n background: #6366f1;\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 700;\n min-width: 1.5rem;\n height: 1.5rem;\n line-height: 1.5rem;\n}\n.p-badge.p-badge-secondary {\n background-color: #64748b;\n color: #ffffff;\n}\n.p-badge.p-badge-success {\n background-color: #22c55e;\n color: #ffffff;\n}\n.p-badge.p-badge-info {\n background-color: #3b82f6;\n color: #ffffff;\n}\n.p-badge.p-badge-warning {\n background-color: #f59e0b;\n color: #ffffff;\n}\n.p-badge.p-badge-danger {\n background-color: #ef4444;\n color: #ffffff;\n}\n.p-badge.p-badge-lg {\n font-size: 1.125rem;\n min-width: 2.25rem;\n height: 2.25rem;\n line-height: 2.25rem;\n}\n.p-badge.p-badge-xl {\n font-size: 1.5rem;\n min-width: 3rem;\n height: 3rem;\n line-height: 3rem;\n}\n\n.p-tag {\n background: #6366f1;\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.25rem 0.4rem;\n border-radius: 6px;\n}\n.p-tag.p-tag-success {\n background-color: #22c55e;\n color: #ffffff;\n}\n.p-tag.p-tag-info {\n background-color: #3b82f6;\n color: #ffffff;\n}\n.p-tag.p-tag-warning {\n background-color: #f59e0b;\n color: #ffffff;\n}\n.p-tag.p-tag-danger {\n background-color: #ef4444;\n color: #ffffff;\n}\n\n.p-button-label {\n font-weight: 700;\n}\n\n.p-accordion .p-accordion-header .p-accordion-header-link {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n\n.p-tabview .p-tabview-nav li .p-tabview-nav-link {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\n}\n.p-tabview .p-tabview-nav .p-tabview-ink-bar {\n z-index: 1;\n display: block;\n position: absolute;\n bottom: 0;\n height: 2px;\n background-color: #6366f1;\n transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n\n.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background-color: #6366f1;\n}\n\n.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background-color: #6366f1;\n}\n\n.p-button:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;\n}\n.p-button.p-button-secondary:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;\n}\n.p-button.p-button-success:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;\n}\n.p-button.p-button-info:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;\n}\n.p-button.p-button-warning:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;\n}\n.p-button.p-button-help:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;\n}\n.p-button.p-button-danger:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;\n}\n\n.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #6366f1;\n}\n.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #6366f1;\n}\n";
|
|
17725
17989
|
styleInject(css_248z$2);
|
|
17726
17990
|
|
|
17727
|
-
var css_248z$1 = ".p-component,\n.p-component * {\n box-sizing: border-box;\n}\n\n.p-hidden {\n display: none;\n}\n\n.p-hidden-space {\n visibility: hidden;\n}\n\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n}\n\n.p-disabled,\n.p-disabled * {\n cursor: default !important;\n pointer-events: none;\n user-select: none;\n}\n\n.p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n}\n\n.p-unselectable-text {\n user-select: none;\n}\n\n.p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n}\n\n@-webkit-keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n}\n\n.p-link:disabled {\n cursor: default;\n}\n\n/* Non react overlay animations */\n.p-connected-overlay {\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\n.p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity 0.1s linear;\n}\n\n/* React based overlay animations */\n.p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-enter-done {\n transform: none;\n}\n\n.p-connected-overlay-exit {\n opacity: 1;\n}\n\n.p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n}\n\n.p-toggleable-content-enter-done {\n transform: none;\n}\n\n.p-toggleable-content-exit {\n max-height: 1000px;\n}\n\n.p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n}\n\n.p-accordion-header-link:focus {\n z-index: 1;\n}\n\n.p-accordion-header-text {\n line-height: 1;\n}\n\n.p-autocomplete {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-autocomplete-dd .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete-dd .p-autocomplete-input,\n.p-autocomplete-dd .p-autocomplete-multiple-container {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dd .p-autocomplete-dropdown {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0px;\n}\n\n.p-autocomplete .p-autocomplete-panel {\n min-width: 100%;\n}\n\n.p-autocomplete-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-autocomplete-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-autocomplete-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-autocomplete-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-autocomplete-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-autocomplete-token-icon {\n cursor: pointer;\n}\n\n.p-autocomplete-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-autocomplete-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-autocomplete {\n display: flex;\n}\n\n.p-fluid .p-autocomplete-dd .p-autocomplete-input {\n width: 1%;\n}\n\n.p-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n\n.p-avatar-circle {\n border-radius: 50%;\n}\n\n.p-avatar-circle img {\n border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n\n.p-avatar-clickable {\n cursor: pointer;\n}\n\n.p-avatar-group .p-avatar + .p-avatar {\n margin-left: -1rem;\n}\n\n.p-avatar-group {\n display: flex;\n align-items: center;\n}\n\n.p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 0.5rem;\n}\n\n.p-overlay-badge {\n position: relative;\n}\n\n.p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0;\n margin: 0;\n}\n\n.p-badge-dot {\n width: 0.5rem;\n min-width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n padding: 0;\n}\n\n.p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n}\n\n.p-blockui-container {\n position: relative;\n}\n\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n\n.p-breadcrumb {\n overflow-x: auto;\n}\n\n.p-breadcrumb ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-buttonset .p-button {\n margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.p-calendar {\n position: relative;\n display: inline-flex;\n max-width: 100%;\n}\n\n.p-calendar .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-calendar-w-btn-right .p-inputtext {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-calendar-w-btn-right .p-datepicker-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-inputtext {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-datepicker-trigger {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n/* Fluid */\n.p-fluid .p-calendar {\n display: flex;\n}\n\n.p-fluid .p-calendar .p-inputtext {\n width: 1%;\n}\n\n/* Datepicker */\n.p-calendar .p-datepicker {\n min-width: 100%;\n}\n\n.p-datepicker {\n width: auto;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-datepicker-inline {\n display: inline-block;\n position: static;\n overflow-x: auto;\n}\n\n/* Header */\n.p-datepicker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-datepicker-header .p-datepicker-title {\n margin: 0 auto;\n}\n\n.p-datepicker-prev,\n.p-datepicker-next {\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n flex: 1 1 auto;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n/* DatePicker Table */\n.p-datepicker table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.p-datepicker td > span {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin: 0 auto;\n overflow: hidden;\n position: relative;\n}\n\n/* Month Picker */\n.p-monthpicker-month {\n width: 33.3%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n/* Button Bar */\n.p-datepicker-buttonbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/* Time Picker */\n.p-timepicker {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-timepicker button {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-timepicker > div {\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n/* Touch UI */\n.p-datepicker-touch-ui,\n.p-calendar .p-datepicker-touch-ui {\n position: fixed;\n top: 50%;\n left: 50%;\n min-width: 80vw;\n transform: translate(-50%, -50%);\n}\n\n/* Year Picker */\n.p-yearpicker-year {\n width: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-card-header img {\n width: 100%;\n}\n\n.p-carousel {\n display: flex;\n flex-direction: column;\n}\n\n.p-carousel-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.p-carousel-prev,\n.p-carousel-next {\n align-self: center;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-carousel-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-items-content {\n overflow: hidden;\n width: 100%;\n}\n\n.p-carousel-items-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-indicators {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-carousel-indicator > button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n flex-direction: column;\n}\n\n.p-carousel-vertical .p-carousel-items-container {\n flex-direction: column;\n height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n visibility: visible;\n}\n\n.p-cascadeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-cascadeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-cascadeselect-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-cascadeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-cascadeselect .p-cascadeselect-panel {\n min-width: 100%;\n}\n\n.p-cascadeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-cascadeselect-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n}\n\n.p-cascadeselect-item-content {\n display: flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-cascadeselect-group-icon {\n margin-left: auto;\n}\n\n.p-cascadeselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n min-width: 100%;\n}\n\n.p-fluid .p-cascadeselect {\n display: flex;\n}\n\n.p-fluid .p-cascadeselect .p-cascadeselect-label {\n width: 1%;\n}\n\n.p-cascadeselect-sublist {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-cascadeselect-item-active {\n overflow: visible !important;\n}\n\n.p-cascadeselect-item-active > .p-cascadeselect-sublist {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-chart {\n position: relative;\n}\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-chip {\n display: inline-flex;\n align-items: center;\n}\n\n.p-chip-text {\n line-height: 1.5;\n}\n\n.p-chip-icon.pi {\n line-height: 1.5;\n}\n\n.p-chip .p-chip-remove-icon {\n line-height: 1.5;\n cursor: pointer;\n}\n\n.p-chip img {\n border-radius: 50%;\n}\n\n.p-chips {\n display: inline-flex;\n}\n\n.p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-chips-token-icon {\n cursor: pointer;\n}\n\n.p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-chips {\n display: flex;\n}\n\n.p-colorpicker {\n display: inline-block;\n}\n\n.p-colorpicker-dragging {\n cursor: pointer;\n}\n\n.p-colorpicker-overlay {\n position: relative;\n}\n\n.p-colorpicker-panel {\n position: relative;\n width: 193px;\n height: 166px;\n}\n\n.p-colorpicker-overlay-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-colorpicker-preview {\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-content {\n position: relative;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-selector {\n width: 150px;\n height: 150px;\n top: 8px;\n left: 8px;\n position: absolute;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n width: 150px;\n height: 150px;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-handle {\n position: absolute;\n top: 0px;\n left: 150px;\n border-radius: 100%;\n width: 10px;\n height: 10px;\n border-width: 1px;\n border-style: solid;\n margin: -5px 0 0 -5px;\n cursor: pointer;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n width: 17px;\n height: 150px;\n top: 8px;\n left: 167px;\n position: absolute;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n position: absolute;\n top: 150px;\n left: 0px;\n width: 21px;\n margin-left: -2px;\n margin-top: -5px;\n height: 10px;\n border-width: 2px;\n border-style: solid;\n opacity: 0.85;\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n background: transparent\n url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAACf5SURBVHja7H3LjuRIkqQaJ+e0wB72T/s7+w/qOKduoLBd3ZVZmeEP0z0UjSUUiqqpuUf1AoMJIBDuTjrdwyhUERVVMzZ3/y8z+99m9jAz33/7/hs97vb7zzv7qff54n7HNncv7Vc9nnjuf/Ixsv2i7y/328eii/EMP9vd5fjvr3cc4/Fa793dvffe+/P57Pf73b99+9b/8pe/9C+99/9jZv9rB8Dsn3kWT9RsQCIgzE7Us3r8le+Ig/fqMRKAp8cAEPAY4/Gy93l2cY393P0J+/nYBtvH8+e+rfXe246cBr/+eDz68/m0+/3uHx8f9v37d/v69av9/PPP/tNPP9lf//pX+9J7f+ygenzCSfPZgLxz0l48oeEvXKVv7fPisU4/v28yM7O2/5q7t+A5P3Y8hvq772/u3nYQjdePfXbgbDuYxmv+fD7t+Xza4/Gwx+Ph9/vdbreb3W43//79u/3666/2z3/+0/72t7/5Tz/9ZN++fbMv8A+Vfmj/ZmZtf63hgLXWVo7z0ueOgQ0enwY9+MH9Kp99+Vw8wcG2bQc+7+cF8BgcC4957EevNwDRRgByAFYbQILIdIDI3e35fFrvvY2/j8ejPR6P7X6/++1284+Pj/bjxw/79u1b+/XXX9s//vGP9ve//91+/vnn9ng82pfe+8qJ5YH1FeAEJ28KEPpsg5NyArEA3+lEtdaOE8MXQvBZDBKbAYv3w+PhNnhsapu7W2tt671ba63vf1vvPQQWRaUjUu2/B9D2c34C0YhSO5B8j1B9/9uez2e73++2/247BfrXr1/tX//6l/3yyy/2yy+/+NevX+35fNoUWDAwKZCKESYEZyGCpSdeAEnRTRW4YSQKgJQBy+HxRkHUOZrtwEGAMICOY/wRhE60NsDTB7DGMZHuzMx778Zgcnd7PB4DWPZ8Pn0A6na79dvtZvf7fbvf7/bbb78dwPr111/t69ev/ttvv1nvfQqs8Y/5Im2VIluR3sag+uQ7toDi5PcQ39FEVLqALgNW8HgDJPWE0i5gIp00ANSZ0sxs0BkCyDBCjef7376/NgT51ns/IhYCCzXV/X63j48P//HjR//4+Gj3+719+/bNxu/379/9drv9DqwoUlQBpehnIk6jSOSr+ir4jnysCCDZ+46T1FrDk+2tNcOLESN6AKzTRwFQZsByEteK7hrS3R6ZBngaRizQUcfj5/PZdh01QDWe266p2uPxsPv93m632/i179+/t99++619fHwMrdV+/PjRbrebPR6PZmZaY1WFNdFkKwCqLYjriI48SCAqkU5RldJEXtBLBhGpR8AiACGNdd4v0EuH+GZggd7aRJTqCKRBhyN6YYQaVLhrqra/tokscEQs+/j4sG/fvg0hbz9+/LDb7eaPx8Pc/UKFHlz1L9GkONk+iXQZ9UnwKKApQNIxWyGVtxkV9t7bHsGOyBYAq+3jzGDCCHWIa6C+Jva9ZHs7tWEE25D6CEwDaObu2wDW8/n0XVPZ4/FAkLUBKgTWANK3b9/6x8fHtuuwASy/UOEMT8paSFJzn2WEETjpODK4Bd6PR1GVhT1mZgIUjhdYkt35hOKG3cD7oDVw8pYYdOOYw7AkXXWiwmEbDDpES2Hoqp3ybKfAE/09n8+2R6p2v9/brrdOVIiPPz4+2sfHhz0ej+3xePQRGTliTb2fLErR1e0FjeQB2CLqi7Ix3keefBF5HPZzYQd4JNCVfzRokSmTQDYcbtZU214iMQBiI5G+Daug//5zimSwDS2Ek0AHj2oYn0dk6r0fgn3XVna/3/1+v/fn87kNU3QI+X2bff/+vd/vd3s8HkekvGisiVGYgSoDVEsiT2iyigzsopeQgnbvx/Gqx+PTtgiATQBGelCUwTUGDBxzUxkd6qMByID6DEouaG6iN9VRoO9AQyBhJriBV3VQ4W6EbgJYdr/f++Px2G63G2aJvgNxZJI+wH0CFmc8k2wrjXJIQXBCj9d3s/L0VgDJBcScKJzMIG0BuNJ5FKkuEXCAqxClsowuMi3VYxbiJ62EYAIgDVrrHLH2KIXaagBpRCnctiGwBqD2yLXtUWgAaQAMjdIDgB8fHw4R96yxXgBV5rAfJ1fQravPGumyos8MaALUlwwPwYRCXgGNdZWyDlico/YR9oADAE7uusr20DkHf8r2E8flmAFMh+cbRqjn83lsez6f296NcESpkQkOnXS/3we42g6utkerfr/ffddhbQflQaPj89y9lahwxesKKC0T4XiVSwOTNJLyiDLt1DIdJQS82rYSlSLfaRNU2MAaQOd9i7K9AUb0o0a0IothwzLN8/kc20YmeGis/bUTre1Z4TYi1g4wu91uDr6X7zRruw5rkgoDEKlolUWKCCAVoEURxZSQJ8CYMk5VticikQEFSkc9K/4yeJSOQ0obQh6jFdoSqLcITJ0tBQTT0FXjdbQUIAvsz+ezuXvbW1+s9953CtzAbrDb7dZHlENb4na79cfjsaFFMT5jnI+S3VDcJwJPRG2evB+BEkU4BTKPaJIozIPOAUWBzlEIvxcBS+2LOglFuTM4oeRy2m8/YRdLAbRVH71S6LSzdwUdC0iPB609Hg9398NuGIVnduL3bUcHBEdPM+vTiFWNYBOgWGYh0L6H97MQiZTx6YHYNnDLEUwciYztAlWjE/ttlME5ZXlHJBrWA9b5JhGLHfROADuAhNFrWAoAtpHFdXcfAh47Ghr0YA09tqGRumutkwE7LA4z2xBYUQmkUqbxLCIJY1JRIeopT7SUKUCojI7KMxYArqExySZn1gfFAAs01sm7wmwPTE9JjQCyEaUYZNu+30AYgqcrd33fZxuFZtZYe4RyyBjb7XbroMl8aCoE6gDr+O5fVIE0A0zv3aGJ7wjp+2tH9rJbB6ayqQb+Az8fINn7jxToOCPzSG8RxTXhtl/cdwCnTwT7MR4ELG6oc5HtObnpp/4poJWTFTGi0XjfSO/JAPVdQw2v6jnApOyGYTOAI98AiIdbPxx4LFbvugw7Kw5cfBGV+ik1BtX6qB32orH4GIKO0ZJQ1MmRT1Irl0w4SkJDnZHmMWETXLwxtgYIdJjhdUGF3IhnAJgjGRj6CemPxLtDG8ygvw6txdtOhaOp73gO9oPt4NqGyN8j0jaAOOgSW5VHZOMCOFPhTF8p51s994QOmfqUPvJApB/utqBJRX0bTBy4RC/x/GRaMkgmlsJF3KOFEBidbG4iNSItbnDS0EbAks62U1pD8xTAZgAutBs6UJ7v+2yot0D0H/qLitqnwvnQsFVgqZpd9FxZES0CUKSjqLxigYnJ2VhEmS6EOReAT811rL8WgLXh8Vg3ofWwA+mSNQLINmExdDBFEWRSvA/AjegzBHvkY8H+p6gEYv6IbFjGuUQsprAqLSYgs4mQtwmNeUCfyvl2bo6j6KLc9YstwPvS+0xYAxcdFbjsjaLVoHjpvKPdgJoKAMcaC2fXODbwPZ9PN7OGzvjYd4js4aADiNpuJRwZ6PCp0LLgRIUK7meNNfOZEjBkJRaOVJdSSkSTIqM7rgZBca5qjMpZh6Jw5+iV1fJWtqFews8D7WSsozgqiVrhAEDn/SBadSjpDCAeVEjUeNo2DFLY5rhtHHOPdCNK+U6XGwD/bDfMIlY1WhE4PHHNI4A1dYxAU4XHUIYoHwMjmSpCZ6BT9Dd6pLDTYUxcIJpE6uukqzpMdjhto8cdvKpOvesH3cF+h/OOtIglHnDtj5LOHgEdmgZP+yEFAtuUqLAFnQtyP8iyuMB8WBJgR1yyxgGAkakFwLlENkFpRkLc4AQbgc0n+51oblAOfO4lewQKc4peWFh2ENzOzXy4DaIWuutO7cdD6xx0ho+HVTDEOLxnFKbZUjg04E6Bg2o9MIevdgObo4UIFWmrBuhN9QtrGQQI+EPsVXUVEVkHBd7UpeeKIo8JbYXFYRP2ggmLAT2ok8M+ohmA01QkwuiFpihEqUYRa2Mq3CMNUmFjWtyp7JQtDsCOrHAHU8dmweGZjYwSorSdSjpF6otqgCXARTQ5iUycBQ7dwVkh7yd9LAYaG6WTDHD6GgOL/KqTjUBA6kpjsa1AuoofH5kgPwbnHUE3PCoGXaPCNb5/dDQ4jLFjQpSJ9xmwLAFVn4AtAowFYPGkM8ECC8Gw15wzFirhOLnkTdT4PAIbFIgjMDkbqUizkN1dtou+9Q7PO2WGG7bGoI8VAM0hCrGYd0oAnH0rBBOiKrUbkozPFwA3jWbZZwsgeTKBIXL2I+q1RNzPgHbyvYbmEdmeilJOFsXIFk009xnPA6TuBnyM2grfh1rqpLmoHnn6HlBQvui28b7xOWKisIxYF7tAgKklloGanOBFoLRk1ktEY5445JZkf1GdEBfQkBYD1sXIp7pQoXjM2R33sOO+LcoKdzBjScfJee9QG+SscPRnjcenyIbvo3LQhiCmHvsOLTMW2g0TuptFuAs4lI5SACRwc8lF+VZNUaYQ9TMtZYGQb0Hr8Ba0w1QfH5po2ApCsGMJp2OGBuDBiIVA29DvejwekgrBQkCN5ZCVnqgOaRLXi4DEb5yDlApLYCIxHwnxVyjPgga8GXg8oEDuS3dM8xNKPOk9thCGTqJJppbQX4Pow/sZ2wtAPyb621FjOTb3DbpCehs2whhLbPaDx2pSa4eGANSXijFi8f4GmEyUY6Jow3pHinoB1Ma1uARIDF6mxVeimQVCHP0tg8LyicbAuzpFL9jviF7Q/tKhsH0yQckQ7QAiJyo8KA0jFACpg9vuoiLg6MqTIXpcV6tUaNEMYUVbKu2f7RcBSWR/GTVeQJFto8euwMRZ57hyx7iRWMcGvosgB7P40GVDXOMx0I8S1Gg4E4eywE1RIWaFBJDDx+LskUE2to3pZSozBJDNs8IJpZ0a/9TJ3534sV9pG9sNTE0U9bB/yYVRe9nGrcojonDNUVkUUTSb6SoCz0Ws4zGSbQg6zgLlNnTY99c6l35GZCI6RN13lG6gG3YjmwGXw6xHrGx71uxHK6ZY5G5Tx4EFUUxFPVetLcEyQKps48JB5++EeuJSHcBtrLfAjmg41ii8iU6noKOuBuPno8MBvC+MbidLAnSd4TR/ZWUgaOm8vq6xotphdKJFS0oTGaAFYLKgCM0n10UHQ0aLbFq66HDwaMlF9Rqk2a40VqCrsCW57ye0K/CwxsIeLKKtC90hLY7C86DXPZrhhAvH/i+0Mjh6EQ2ySeqr4l3ZCGo61ax3KrMfPNFHHmgsfu+lyMxLA0WinCjPlaNOkQdLMZfIQ89PugomWaDzPhz1LTipJ10FNgQ+b1w7xONNjn8CJOspFvNUysEVoXONNel8UK3HvmAtmABGRrGtCC7V0WDsSzHdcQE9mFjBFoKiTAvsBiedhfbCKVoCHbH9cBLwAU3iMRCIbCOw/jqKyWhhiPmQp+yXHPe8VhgBYCWyiQxy9tcUpTGNFo7VAi2XUiE77qp7Qbjrp3mHSGdAb5sAlQQFWgoYXiArRKrifixTVoTICtFuONEpRCaHibK8aK7D3Mlxg4JtSbwHLTGhXprNoIkiV9BLlQEwshRc1ASjKV3Sn1JCP8r8gomopuwGKuEgWNhtv1Am05aIRsP34udHBgfgQQCdgKkoEj0tBJT9cVMEEzdPuFLhrDwza/KLAEZzDUfjXybW8X1oSRj3rcMqNU10MKi7MrRoHiF3JYCzfsr88H1oVSC10usnpx7pMrMb4DV23Q93HVeiYRrjKfmDEqF33Uk3Oq0WqHrcj4xY0KCmwqh9Zva3oNOauEOCV8Q7ao/EL1MWA9Of6njgRj4X7cdGRWjpwuNECIpUHkS+jQDNrTKYKXJDIEYsIz8Ko9RGbcUYlRymxWON0Fig49pb4pYpuEqhpsKqYRqUbFINlYh8SXcBeCzyoQJH3YLGPksoMivjXPQW7XeiuERHZRHqoEVw0Lnxj+2Fk/OO1IeuOWZ36HGx5hL7bwxAPK0DjO8AK1vJxSagU4150eKwFpRvLlYA2xFKZwn91YLPOhWTsYwzsxTgdiJhNIs0G0QJg5PEpRvOItEcPYEJdJPNwMMrKw8A9T/C0waAOmmeEcna7+WXksaKIs4sml0AtmgjqC4GGcnUcRSlUshW7noDB91EZuk0+cEFxbONEIl+ZyCJ/YymrV9KQ+TOG82W9ijikuNvgcbEi+k/MPJyVeEljVWIYiH4koJxtmZV1sulsj3LqFFEM349ctRN0aJ6zuBlW6FChaKDAd9zoSRhYLLxqaIXZ5ONi9M4NY1tDl5c1/Jb6r0NrOo2bpO53CcmAODqtkukigCnthGNZVEJqaHT+0KNhdqJhbly14nqTpYFLfxh7HFRDfGizSjCskiX20TUisCV2w3FTFD2ZbGPla02o3rXZ9FsITNUjX6RQGeLIRL6FkyYcCXsxW1LVCZ4cegJOMYOvIq+2Iajoi5aHXa+odPlQsXvwKsfTvR3q4p3dsSz5j++8SJ/KZt0Mlh0jCgaTWgwms4VaQwP9mui/yqNRASyTLybcNeV3trIGe9KwON+ogUGC9enY1BN8RSFqIpwMUrtfOfY17LCpI041EbBzGSV0cmisOipsgJFqrZi9X+kuinTYgJA8jhMd7iUJMyQOQGVTzIDieyGkz4iUc/Oe4dVbzZBh05FZ4/oTznxEljD5c6iUmQrDGc9obGmoh4CZEzFh8YyC3wsizI3Me39otPIdc78rBBYTBViZo4pK0LNI6RtRgC69E+hpQDH3sR0fKepXXwHi4bgIMA79Iixj4WPOxWjrxqrUjuMSjdqra2kPhjZBvgdwvmEAd15ZoKSpSAb1hD4Qo+5yh4ZmFFEEyCRjjyPI/tg4II3QZenLJPAPsZno2LypXKA27MVHVliKLshKwRPxbuKSgkoZRdnRndCw10ojyOiaitOIl00jT6kPWE/lEDF2eOgrsBuiKyHjagLb9WLJR0T9oOLzPVEjQN8SnO11oab31prDu77MErnGqvappzMPK4CzZXADmwJi6Z8BdrsYpAGNcx3gSXFexVkILw70h2e+KGbRNaIgn0LANRoRcBO+25KN4F+6sQiKFcODyu1G16xHxIDVa1Eo1aJ8cmxs2JytGJfVIy2aA6hinJEd0p/+cwgnbjrJhoDjaZfScCDFJH/B72u5kBmcxPUvAE1sfi0ul8UseQUeBLtbRKFZhNTLZh5YyrDg5MrJ66Kx9Iby05M9lwtYzSJYivg2qA+N8vSkO4syBJNUSG56CzAnZr1Tlnh6Mfax+J4PBr9IKot+VgVSyFccDaqNRZn9yhATgGzAKooWqkZOjh3sAUa5ZLdLYLM1DHIrnBlEzAQry93pNcGqwaeqBZ1GtCcUfXkdFqXqTCYfm6VVWMyAEZrZgWWRhM9QKlrn0U1sbAarzBzWbVPTNBwtSQR2wsq26YSUGQtyP0R5ERxFyqcPVa2h8iYnTLSU8Mle5IV5z2cqJoJ74Du1H6WzGbOKLMUkYIZzp5Qps9Ee0XMs3e1Eqn4GJn7zk2EahtMyjhFupHBcXZKrceZu47UucmI9Q4VfvJfZSuE0Yw0oCXlnFRDrWx7RU+xF5WBh+wG1Dboe3UwP7swQtuMFvE1BAr2YkU/qMHUtjKwVrRWBArVnCeOO41YybZoTXYLANlIY83mH34KsKIINekm5ULxBvTEBucmOhTYYO2Be99QsEcRKrMjXrIbXphqP5soMRXyiZg3RasqokW99up4yj4Q/fIl2syi1mT/6cSKV6IprlHBvmCwOLGpIKDmRXCTXykrnAjyCyWpGdAV0CjjM3hPGKHQkpjMal61Ilql0BzpLdHa0oniD8oTC3Hw1HY+tjJSp1SGnQ404/mwFPx8oy2eMCF11ytUyECyqp8ljhFRYaWmmIl4FxHKkt72ioeljMRNZamRcBelGgWWLTBfsU345C0xILhZT0THxmUdpZlGnRCSNxf2g9Rd7zjvLeppd73YbATIMt0FlDa1FqJIJ+qRlixZxHXFavuyqYwz6Yl3VYxG519M0PDo+yYTPGZlL3nBk9OeUWWJCtMidAYK9cWSfipTglropdPxsZk/MTgtG8hKJlh9raK5YKVlhzIQrliTaS+MKEq8MzU20eqy8RQuFO+RG09rjI5WmRaI95LznkYo3xdPE6CoUKFHi3cosKjOhYjiou/AV3kCqtmV3agzIQNXqxSnDe7uEGilMLsTq7+EoEt0Fy9LEFkNNko6YVY4A9ZouptRGO8HzxtZ/5dUO4lYYRbHa55y8Ve1xwRTuySgKDJmIMzmFWYTYC8aCBaNVYYrg0KKegJPn2Sfl/YZO995TYEQI5W9bDcks3iiKFJp+rPA85rpNBOTMyT1ZdqJVgEMPS7XyyCFES1q3OMEYFbsTioIVun7Clx1NYMZP2cjAW/BxInNzjekr9sNb04Bk6I5ocJSVHKx0GxgP6T/C1JhJGgrmip4LqMIZoUFw3QaibDLAxYekTqKoq3KJi/RS0yOUKUcL1PhZ80trHphKvIks3iiWUItiy4V8LzTUrPw+ibm53G/uSfU52w9FKiQPSZTAl2BhyZHRHXCnAor0+SjSDHRR+E6Ddl0MY5Y1W0ZZfp16e1wichkgZGs5TmkqmSbqwkbLC9YqwoAnjRitE1Eqct71HlJlgNQoG7u/jsVvhOhViOYJ2tofWbEUgD8jIj1KlVSppVGpUm2p7apblZ0wtMoJaZ0WVILtGRq/VljfTKwShpL2As+mZg6O36a7U2cd59NvCj6XS3SWMpVT7LHkOKo5SUCYIOJppca6OwYag4h02miuUIqjIDliRHqlanzZEOEWWHi9l8ilrp5wMTNP9FJkFm2QlaYeWxhVljVbOJ3KSuEC5QjVsggOzi6KMifzldrrSeF6OWI1SbT6ytZoru+l2BGhe0zIpZoRmwTz6tNJhfMjiGn2WfbJkDjyNRmVMhzBFgrCfozmEvITvvJfE1o8o+s0Oc3DLBocY+CeJ/tF3VFmOijT8V61NEgDNCmJmEm8w3D4nIwuZUjVIkKwc2faSk1u4n3a5GjruhOtQ2prJDbygVNloDVBAVeXo8yPdHWosxNTzLElgl2MfO5VP5h2npFyE8ojW/FYolgj3RYKwj2BnP9VGRrQv031Fi4YiECRL0naJHREWumsWbZnOtbyVXc9WxF5iZmgmRWwgWoCb2qmUVRd4NP9JYHzr4pLRY0FFo0z4+zWnH/aY9aeFTHBHZJiHmBPjQwfz6v3Ke+47LGyiJV0CLsSYdpEyvMRCc++tzmwXpbijYnAJveVzoo8zTuREhotWXGaBKxGBRIbU3onsox25giDxNlT5ke9MM3YbC2SdRa0lih2A5626OZzjZZlC1qObaJWPcos0sshmmbdHEGUNgZkfTYN+WiD6AyVRKgZsKedZSzrlLgEZJBaimIXNENBNbtBhfLDlWjmxdX96uUgsS8xjbRZekcxSBCSr00KVaXgTabdDKZDGIqeqpedLXOgud3SruMu6JBoj2nx8t2w2UtiFdn6aw+T2ZYS4DNTlTyOWHr8gs98j6ZNCspTFBatB2bBi9ZZXRRctZo55uKXgzW3Xf8/cXf9VdUoLYMWDNB7QUd5olm8SjqqTbjZJ0IOWs6Wj0mWg9iZZbQqxljYkmE0VNZA5HGUtsYJGSOKpo8ZYEIJlHCacqFh225xsoMUdN3hOeTnE4sLYhxD45XmXoW+VHHohXQWhvdE3oGKmcdmCxkEiYK1QQAszkRsXwCzBZotsu5YC2Fj1U7MtwPqZ+A5fkNAaKsrBK50tVrZms3JAuLyAgQbTO9Zle4hGREw4XJr6WW5yxdp0bJTApEU+V4llKLLq7J3ED+Xkc7DGfe8LOV7IZK94Ja4sjyNbCmvV8RKAmIrThP0YNo5gVwHItf0KSNbCGT2WODe0TPoll2T+pTdiZ0WESFFwolf8wpU22ZnhJF6andICNUEm0yYW/ZdHkFSl7hRZmZ6vssAHC6yFtkJ7ygv0K7wa73f7yARzy+lIjUeWMqBM3UAr01Lib2uKaUKrLDuvMujE6vrOOQTXCd7avmrLlYzJ9S3Wx57xBkQdboonzkgQ2hwDKL0O76lnd8k/aQwuiejyEVqpJWQGkRDVZ/1px3RnoAlnQlwEADhTOdg2wuA4O6430YRZJk4aXF3Cy/eVQKas7qmJJEs1/o8NNYuIp6UbSEJQqixr6WWA2SCmW5xvRdvGS0CGgypEX6otFM53BFP/E+lXmqyNGoU7KtmLaFRU3k8YN9WpDVZced0mTCBsp6uFBxpOdIXzXx2vZqEfpIkyEMZ9nd6R8e97UjUSp77llEi6jHt+xNbyhgtM57Eh0vjXmV8g/eQKE6jS6iyaizZDETHrZKmHTtjX3KcR/foQdO+xoVFhr6mpiXl7YsGy3g7ws3MVflC4+X4bbAT4vuPOHqs5NJIWGPF2dukT8nwOau762YabNwfATItqxDlywEFYk2/r8m0WuLgFWxGUoAFNGsfC8dNTMoygotuZcOR6wCjdmsnvnqJF/qXvWZLlNue0WjTVqUXF1QykIItke9WgbA2krAssLdVhO9ZUJQZ9tkCSiaK8hRrgCeyv2r24y+kszykqREyxREYprXlA/GP5y0IRItj7ZlIFNRifcTrTdaY0WaqkJzE701NUhnJ00lCQEwsruQtaQtR1GiKX0XZcSq3x9Ape6tqDJbaTvw+7m7IehAiNgntCCqVkRQOWhlKpwAa+VWKFlkakmWWB5wC27bG2SIL93Z1ea3zCttq1wkynmPji0incxARWRSkccCZ139fZkKU8c40UcZ3aQDLpz/sLZXAJm6OtOLYWX5gJVtxRM/pdkK3RFlVujfo0SENNccWEkEyoCQvged+eL0MC+K2PTkUEZ5cuOD+YvRhaHc9ugv949faI7oFFN5eZfXzPkOdFgUwdOCd8AW2b4hZVbshupKyZXV/ppK+UUnwZQu+OQVqGsq7JPoMt03atku7hutKJ2uv5pF90CUl6IeZ3wiK6zQYY0KZzbDRD+F1FeJNsWsLdNA4Y2eIkG+AKQl8BSpMFpLtfRX7R9kdDITRCciyvyULvtsYL26nQvXK6DhbC2LSrLSb/mtVyyLhivabEWjTcpIUaG/VTUTue8ntx3/CuB07l6ZAQp7tsysZRortQsyWgw0i7+wXxrBJkapnASQNPXNXn/17+zzKxNIZEeE0l7B9LqNvtcmXHd83zaZO5h1Pcw1lriyohM9i0rT6MXiepH+lujzE+julUXnymAU9cyZxOA+9EaNchcao6zPIvqLsmwKEKi//iOkwkRHVeiwqrlUCC6DJaHLyrpdHvRNyWiyApwsSnv9tjBLEVFNfXshqjrNxpK0V9Bfsd1QHUhlAUyc33DwTawFUb3iA41Volo66ThnsXxh8ISRzC2HDojliykzgCsXjZr8gdO2ZvT6VqPf7MQWoluoubIu0iwardb4qE1aDlRB21T2LS/tZGICb9Jq3YQf5rNxy8xhQXkyYwyikE0MUrtErGwyRdKk5wG4wmn4BX1mBZqcgilq3KPHFwO18v6F5QeyMcnqmCt+XoUaS9osiXQp0FJgsTgfwvH3fjyb9rejm7yH+Sk1BS65Rc452gCT99nEeA09rFmf/4rVUJUT1WJ81vxXKIJ70KDHTn8nK2IWnaJt799hddaxUNFfq1d7YOAp8LcJrVc1nK1GjVmnwCSNXynuz8Y9M2952wYRp3x88Tn5vXQy8R2d8IS2ImBYRI8FqktnoVQj0qSNZOkkW2Eyb2G/ENAe30CrelFENGkzGgz0Va6xFoBlBdMzsx+sAMw2+8ez42VC3q7rPFgFdK+8JjRlJTpbpbtDXAipPgoqDyFIFsAUAat9mWUxFe0xEdvlq3ySGEyv6iIgLSiCX6h1ov2y/WRL9IsXxiXlL1BuutbF7DiJLVFx3+tUOANJAZAvAUFllJOBtSJNlibmJu8vj0ehM6Q6HlaRDOyoT4Dq3NIjHHULMsQocmkqTNLRWYSJ/pmVfavcz5liBRQrYCtnigWQTcfrxfctA+mNCzKjWN7+h92QDeCLUWsm6itXepT1hSvYvXhS1bHlehKFx+r/qZysGeVYVqoqHqN8Yb1QeJ5TYeWERf1Z1cczWqtQwgsAj56Xv8vKZ70g9g26S18Z5yVGwGhXAL0XBXxKhauRoBTiI4p9ZUCKgLQKgF8By+Ljy8JmwRKas/F4aayidbImGiuqF8p1Q98GVvZPRxMpOPNKsrCLo6s4vBgRo8FV6028FfU+8z0JMK3yv2ZjIKKTPJYAzyyKaWAVwrP0qWb7FY8XtuNUo1oVeFWRXDhRSyd0Ieq+StcWRN9IXL+roS4rKb+ssYoRbAVAFaBcwLUIIp8BYuVkV9qBXvn/3rhIOBq98v+FUWghQtWpcAYYE1O7FgfOViJCcHWWBi/L0lYo6819qxdgCZQTvfbKxcUyJKPEGQBjKlxMQzM6e2dQl04AaUr1vALiFcCvnECbXQR0wlqwQNzKBZPNE1QgerfB7xRcoog1PakU/lKAvHuyiiG9fKzZSXklYolWlYo9sxLVo/PwKcCOnos7U2QUOaXCtL3lVXAt/OP2Zw3UKuheeT4By2dfiC9duG+MXUv01RxYBYpLwQZNf2NVvsNRV8/Ve2YDhfuLIvClKEz2gnz+DrDwlmxOt2hzccu2NwE6u1iWLnjTyxGkIAqAlmusd8Bm8U0yj31oichsUZHsua1ShSooF6l/etUnd+IwS+Y8zjLOYvTl/1U+V3qouNpQVXed7QabtKysgE3RpLqSKldb9SpNTpjP3le1WCqvBRfa7AKogPnVqJXtUx7HSrQ6LW6b1KaWgFR9TXzJV8BTeQ3D+yVqBO9NFxyrjo8ARBlwn/jadHwqF+KCthqvnanwzcFcAZeKaMvgLAz0pbRUOAGlzymcQCu44y9fNCsAiFzyBQC9Yje0acRaOLnLJz07cew7rZ7kyeBZdVALBfmXx2p1TFZBTp5eNbq/PFbGq828GKHSiLQKxhWQUSZnnzAgqwBafv2dC1QIeV+JrquRsxC9PImAVyqcXYkjZVb7i22n9hnYdnHXs22RNmOHXXzfYQGE08f3z22R6SeuePx8qTnE6+G2JFJE52TFTa9E42XqK7zn7LxPIlBkCagaVmWbXL5xEsGq0c3oam9R1lNJ6YvR6E/ZlnhOKxGqHKWK22ZRrE6FVeAFYCiD5Z3BenfQKlfjnzk2s/cuXmjLY/fu2EyBNRmg0vY3BupdMK0O2lIPeqXHXLnwq/tkOq0KpM+4EBcuuHgyxeIAzsBV3mcCwqV9XgBrKwJ6+eSJIndqylYnRiwAwQoXin/GPvSzXeyGPwsUk5NVOWHVaPUpA754oqvezn/LsQr7sQJgrUwtaoXBWBmUTxucKh28eZVWLsK3x2oFlCsR992xsqi74QWP6t0r8933rAz4CkDfeU8LLJeq1qy8b+WiWAFGaHu8eAG2jArfAcorJ3/1arIXrqxXr8iXxPtqlMre9xkX0rvRbAG8ORV+EsBWuNzeHbDPHLw35cFnSIG3xuGViPxJ0bAOLFrd7+DVVwZahPxy2UCl68k+lcHzxYFtK//fZHw+PZH4BEB68XNnwGpf3g3vq1ffK0nBm9T06VfuvzGb/LOBtGwzFT+3fem9f/n/+c/8Gwa+2X/zn38DSFd//vNL7/3/mtnD/ufnf34+7+df/28AkXg9KZ7Ze3oAAAAASUVORK5CYII=')\n no-repeat left top;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n background: transparent\n url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=')\n no-repeat left top;\n}\n\n.p-confirm-popup {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: 10px;\n}\n\n.p-confirm-popup-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-confirm-popup:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n display: flex;\n align-items: center;\n}\n\n.p-contextmenu {\n position: absolute;\n}\n\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n}\n\n.p-datascroller {\n}\n\n.p-datascroller .p-datascroller-header {\n text-align: center;\n padding: 0.5em 0.75em;\n border-bottom: 0 none;\n}\n\n.p-datascroller .p-datascroller-footer {\n text-align: center;\n padding: 0.25em 0.625em;\n border-top: 0px none;\n}\n\n.p-datascroller .p-datascroller-content {\n padding: 0.25em 0.625em;\n}\n\n.p-datascroller-inline .p-datascroller-content {\n overflow: auto;\n}\n\n.p-datascroller .p-datascroller-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.p-datatable {\n position: relative;\n}\n\n.p-datatable table {\n border-collapse: collapse;\n min-width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-datatable .p-sortable-disabled {\n cursor: auto;\n}\n\n.p-datatable .p-sortable-column .p-column-title,\n.p-datatable .p-sortable-column .p-sortable-column-icon,\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n vertical-align: middle;\n}\n\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper > table,\n.p-datatable-auto-layout > .p-datatable-wrapper > table {\n table-layout: auto;\n}\n\n.p-datatable-selectable .p-selectable-row,\n.p-datatable-selectable-cell .p-selectable-cell {\n cursor: pointer;\n}\n\n.p-datatable-drag-selection-helper {\n position: absolute;\n z-index: 99999999;\n}\n\n/* Scrollable */\n.p-datatable-scrollable .p-datatable-wrapper {\n position: relative;\n overflow: auto;\n}\n\n.p-datatable-scrollable .p-datatable-thead,\n.p-datatable-scrollable .p-datatable-tbody,\n.p-datatable-scrollable .p-datatable-tfoot {\n display: block;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr,\n.p-datatable-scrollable .p-datatable-tbody > tr,\n.p-datatable-scrollable .p-datatable-tfoot > tr {\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr > th,\n.p-datatable-scrollable .p-datatable-tbody > tr > td,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td {\n display: flex;\n flex: 1 1 0;\n align-items: center;\n}\n\n.p-datatable-scrollable .p-datatable-thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-frozen-tbody {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-tfoot {\n position: sticky;\n bottom: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-frozen-column {\n position: sticky;\n background: inherit;\n}\n\n.p-datatable-scrollable th.p-frozen-column {\n z-index: 1;\n}\n\n.p-datatable-scrollable-both .p-datatable-thead > tr > th,\n.p-datatable-scrollable-both .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,\n.p-datatable-scrollable-horizontal\n .p-datatable-thead\n > tr\n > th\n .p-datatable-scrollable-horizontal\n .p-datatable-tbody\n > tr\n > td,\n.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {\n flex: 0 0 auto;\n}\n\n.p-datatable-flex-scrollable {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.p-datatable-flex-scrollable .p-datatable-wrapper {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n}\n\n.p-datatable-scrollable .p-rowgroup-header {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {\n display: table;\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {\n display: table-row;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {\n display: table-cell;\n}\n\n.p-datatable-virtual-table {\n position: absolute;\n}\n\n.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {\n display: inline-block; /* For Safari */\n}\n\n/* Resizable */\n.p-datatable-resizable > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-resizable .p-datatable-thead > tr > th,\n.p-datatable-resizable .p-datatable-tfoot > tr > td,\n.p-datatable-resizable .p-datatable-tbody > tr > td {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.p-datatable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-datatable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-datatable .p-column-header-content {\n display: flex;\n align-items: center;\n}\n\n.p-datatable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n.p-datatable .p-row-editor-init,\n.p-datatable .p-row-editor-save,\n.p-datatable .p-row-editor-cancel {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Expand */\n.p-datatable .p-row-toggler {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Reorder */\n.p-datatable-reorder-indicator-up,\n.p-datatable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n.p-reorderable-column,\n.p-datatable-reorderablerow-handle {\n cursor: move;\n}\n\n/* Loader */\n.p-datatable .p-datatable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n}\n\n/* Filter */\n.p-column-filter-row {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.p-column-filter-menu {\n display: inline-flex;\n margin-left: auto;\n}\n\n.p-column-filter-row .p-column-filter-element {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-column-filter-menu-button,\n.p-column-filter-clear-button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-column-filter-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-column-filter-row-items {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-column-filter-row-item {\n cursor: pointer;\n}\n\n.p-column-filter-add-button,\n.p-column-filter-remove-button {\n justify-content: center;\n}\n\n.p-column-filter-add-button .p-button-label,\n.p-column-filter-remove-button .p-button-label {\n flex-grow: 0;\n}\n\n.p-column-filter-buttonbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n width: auto;\n}\n\n/* Responsive */\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n display: none;\n}\n\n/* VirtualScroller */\n.p-datatable .p-virtualscroller-loading {\n transform: none !important;\n min-height: 0;\n position: sticky;\n top: 0;\n left: 0;\n}\n\n/* Alignment */\n.p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-left,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n text-align: left;\n justify-content: flex-start;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-right,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n text-align: right;\n justify-content: flex-end;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-center,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n text-align: center;\n justify-content: center;\n}\n\n.p-dataview-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-dialog-visible {\n display: flex;\n}\n\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-dialog:not([class*='p-dialog-']) {\n display: none;\n}\n\n.p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.p-dialog-footer {\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-dialog .p-dialog-title {\n flex-grow: 1;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-dialog-enter-done {\n transform: none;\n}\n\n.p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-top-left .p-dialog,\n.p-dialog-top-right .p-dialog,\n.p-dialog-bottom-left .p-dialog,\n.p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n}\n\n.p-dialog-top .p-dialog-enter,\n.p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-dialog-bottom .p-dialog-enter,\n.p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-dialog-left .p-dialog-enter,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-enter,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-enter,\n.p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-dialog-right .p-dialog-enter,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-enter,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-enter,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-top-left .p-dialog-enter-active,\n.p-dialog-bottom-left .p-dialog-enter-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-top-right .p-dialog-enter-active,\n.p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n}\n\n.p-dialog-top .p-dialog-exit-active,\n.p-dialog-bottom .p-dialog-exit-active,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-exit-active,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n}\n\n/* Maximize */\n.p-dialog-maximized {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n.p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n justify-content: flex-start;\n}\n\n.p-dialog-right {\n justify-content: flex-end;\n}\n\n.p-dialog-top {\n align-items: flex-start;\n}\n\n.p-dialog-top-left {\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.p-dialog-top-right {\n justify-content: flex-end;\n align-items: flex-start;\n}\n\n.p-dialog-bottom {\n align-items: flex-end;\n}\n\n.p-dialog-bottom-left {\n justify-content: flex-start;\n align-items: flex-end;\n}\n\n.p-dialog-bottom-right {\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n}\n\n/* Resizable */\n.p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n}\n\n.p-dialog-draggable .p-dialog-header {\n cursor: move;\n}\n\n.p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n}\n\n.p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n}\n\n.p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n}\n\n.p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n}\n\n.p-divider-horizontal.p-divider-center {\n justify-content: center;\n}\n\n.p-divider-content {\n z-index: 1;\n}\n\n.p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n}\n\n.p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: '';\n}\n\n.p-divider-vertical.p-divider-top {\n align-items: flex-start;\n}\n\n.p-divider-vertical.p-divider-center {\n align-items: center;\n}\n\n.p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n}\n.p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n}\n\n.p-dock-container {\n display: flex;\n pointer-events: auto;\n}\n\n.p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n}\n\n.p-dock-magnification .p-dock-item {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n}\n\n.p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n}\n\n.p-dock-magnification .p-dock-item-second-prev,\n.p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n}\n\n.p-dock-magnification .p-dock-item-prev,\n.p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n}\n\n.p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n}\n\n.p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n}\n\n.p-dock-top .p-dock-container {\n flex-direction: column-reverse;\n}\n\n/* bottom */\n.p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n}\n\n.p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n}\n\n.p-dock-bottom .p-dock-container {\n flex-direction: column;\n}\n\n/* right */\n.p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n}\n\n.p-dock-right .p-dock-list {\n flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n}\n\n.p-dock-left .p-dock-list {\n flex-direction: column;\n}\n\n.p-dock-left .p-dock-container {\n flex-direction: row-reverse;\n}\n\n.p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-dropdown-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\ninput.p-dropdown-label {\n cursor: default;\n}\n\n.p-dropdown .p-dropdown-panel {\n min-width: 100%;\n}\n\n.p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-dropdown-items-wrapper {\n overflow: auto;\n}\n\n.p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-dropdown-filter {\n width: 100%;\n}\n\n.p-dropdown-filter-container {\n position: relative;\n}\n\n.p-dropdown-filter-icon,\n.p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-dropdown {\n display: flex;\n}\n\n.p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n}\n\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n list-style-type: none;\n}\n.ql-editor ul > li::before {\n content: '\\2022';\n}\n.ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false'] {\n pointer-events: none;\n}\n.ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li * {\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before {\n color: #777;\n cursor: pointer;\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before {\n content: '\\2611';\n}\n.ql-editor ul[data-checked='false'] > li::before {\n content: '\\2610';\n}\n.ql-editor li::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n}\n.ql-editor ol li:before {\n content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type='file'],\n.ql-snow .ql-toolbar input.ql-image[type='file'] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor pre {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n white-space: pre-wrap;\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor pre.ql-syntax {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0px;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n content: 'Heading 1';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n content: 'Heading 2';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n content: 'Heading 3';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n content: 'Heading 4';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n content: 'Heading 5';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n content: 'Heading 6';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: 'Sans Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n content: 'Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n content: 'Monospace';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n content: 'Small';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n content: 'Large';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n content: 'Huge';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0px;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0px 0px 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: 'Visit URL:';\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type='text'] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0px;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: 'Edit';\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: 'Remove';\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type='text'] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0px;\n content: 'Save';\n padding-right: 0px;\n}\n.ql-snow .ql-tooltip[data-mode='link']::before {\n content: 'Enter link:';\n}\n.ql-snow .ql-tooltip[data-mode='formula']::before {\n content: 'Enter formula:';\n}\n.ql-snow .ql-tooltip[data-mode='video']::before {\n content: 'Enter video:';\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-fieldset-toggleable .p-fieldset-legend a {\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n}\n\n.p-fieldset-legend-text {\n line-height: 1;\n}\n\n.p-fileupload-content {\n position: relative;\n}\n\n.p-fileupload-row {\n display: flex;\n align-items: center;\n}\n\n.p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n}\n\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n\n.p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n\n.p-button.p-fileupload-choose input[type='file'] {\n display: none;\n}\n\n.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n}\n\n.p-fileupload-filename {\n word-wrap: break-word;\n}\n\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n}\n\n.p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n display: flex;\n}\n\n.p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.5;\n}\n\n.p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n}\n\n/* Indicators */\n.p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n}\n\n.p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n/* FullScreen */\n.p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n\n.p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n/* Animation */\n.p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-enter-done {\n transform: none;\n}\n\n.p-galleria-exit {\n opacity: 1;\n}\n\n.p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n}\n\n.p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-image-preview-container {\n position: relative;\n display: inline-block;\n}\n\n.p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.p-image-preview-icon {\n font-size: 1.5rem;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n}\n\n.p-image-preview-container > img {\n cursor: pointer;\n}\n\n.p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n}\n\n.p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-image-preview {\n transition: transform 0.15s;\n max-width: 100vw;\n max-height: 100vh;\n}\n\n.p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-preview-enter-done {\n transform: none;\n}\n\n.p-image-preview-exit {\n opacity: 1;\n}\n\n.p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inplace-content-close {\n margin-left: 0.25rem;\n}\n\n.p-inputnumber {\n display: inline-flex;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-fluid .p-inputnumber {\n width: 100%;\n}\n\n.p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n}\n\n.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n}\n\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n\n.p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n width: 100%;\n}\n\n@keyframes dash-frame {\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.p-knob-range {\n fill: none;\n transition: stroke 0.1s ease-in;\n}\n.p-knob-value {\n animation-name: dash-frame;\n animation-fill-mode: forwards;\n fill: none;\n}\n.p-knob-text {\n font-size: 1.3rem;\n text-align: center;\n}\n.p-listbox-list-wrapper {\n overflow: auto;\n}\n\n.p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n}\n\n.p-listbox-filter-container {\n position: relative;\n}\n\n.p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-listbox-filter {\n width: 100%;\n}\n\n.p-megamenu {\n display: flex;\n}\n\n.p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-megamenu-root-list > .p-menuitem {\n position: relative;\n}\n\n.p-megamenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-megamenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-megamenu-panel {\n display: none;\n position: absolute;\n width: auto;\n z-index: 1;\n}\n\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n}\n\n.p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal {\n align-items: center;\n}\n\n.p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-megamenu-horizontal .p-megamenu-custom,\n.p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n}\n\n/* Vertical */\n.p-megamenu-vertical {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-megamenu-grid {\n display: flex;\n}\n\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n}\n\n.p-megamenu-col-2 {\n width: 16.6667%;\n}\n\n.p-megamenu-col-3 {\n width: 25%;\n}\n\n.p-megamenu-col-4 {\n width: 33.3333%;\n}\n\n.p-megamenu-col-6 {\n width: 50%;\n}\n\n.p-megamenu-col-12 {\n width: 100%;\n}\n\n.p-mention {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-mention .p-mention-panel {\n min-width: 100%;\n}\n\n.p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-fluid .p-mention {\n display: flex;\n}\n\n.p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar {\n display: flex;\n align-items: center;\n}\n\n.p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menubar .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menubar .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar .p-menuitem {\n position: relative;\n}\n\n.p-menubar-root-list {\n display: flex;\n align-items: center;\n}\n\n.p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n}\n\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n}\n\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n}\n\n.p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n}\n\n.p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n}\n\n.p-fluid .p-inline-message {\n display: flex;\n}\n\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter {\n opacity: 0;\n}\n\n.p-message-enter-active {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin: 0;\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-exit-active .p-message-close {\n display: none;\n}\n\n.p-multiselect {\n display: inline-flex;\n position: relative;\n user-select: none;\n}\n\n.p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n}\n\n.p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-multiselect-token-icon {\n cursor: pointer;\n}\n\n.p-multiselect .p-multiselect-panel {\n min-width: 100%;\n}\n\n.p-multiselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n}\n\n.p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n}\n\n.p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n}\n\n.p-multiselect-items-wrapper {\n overflow: auto;\n}\n\n.p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-multiselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-multiselect {\n display: flex;\n}\n\n.p-orderlist {\n display: flex;\n}\n\n.p-orderlist-controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-orderlist-list-container {\n flex: 1 1 auto;\n}\n\n.p-orderlist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-orderlist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-orderlist-filter {\n position: relative;\n}\n\n.p-orderlist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-orderlist-filter-input {\n width: 100%;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n cursor: default;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-list {\n overflow: hidden;\n}\n\n.p-orderlist .p-orderlist-droppoint {\n height: 0.5rem;\n}\n\n.p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n background: var(--primary-color);\n}\n\n.p-organizationchart-table {\n border-spacing: 0;\n border-collapse: separate;\n margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n text-align: center;\n vertical-align: top;\n padding: 0 0.75rem;\n}\n\n.p-organizationchart-node-content {\n display: inline-block;\n position: relative;\n}\n\n.p-organizationchart-node-content .p-node-toggler {\n position: absolute;\n bottom: -0.75rem;\n margin-left: -0.75rem;\n z-index: 2;\n left: 50%;\n user-select: none;\n cursor: pointer;\n width: 1.5rem;\n height: 1.5rem;\n text-decoration: none;\n}\n\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n position: relative;\n top: 0.25rem;\n}\n\n.p-organizationchart-line-down {\n margin: 0 auto;\n height: 20px;\n width: 1px;\n}\n\n.p-organizationchart-line-right {\n border-radius: 0px;\n}\n\n.p-organizationchart-line-left {\n border-radius: 0;\n}\n\n.p-organizationchart-selectable-node {\n cursor: pointer;\n}\n\n.p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-overlaypanel-enter-done {\n transform: none;\n}\n\n.p-overlaypanel-exit {\n opacity: 1;\n}\n\n.p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n.p-overlaypanel:after,\n.p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-overlaypanel-flipped:after,\n.p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-paginator {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-paginator-left-content {\n margin-right: auto;\n}\n\n.p-paginator-right-content {\n margin-left: auto;\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n user-select: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-paginator-element:focus {\n z-index: 1;\n position: relative;\n}\n\n.p-panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.p-panel-title {\n line-height: 1;\n}\n\n.p-panel-header-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-password {\n position: relative;\n display: inline-flex;\n}\n\n.p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-password .p-password-panel {\n min-width: 100%;\n}\n\n.p-password-meter {\n height: 10px;\n}\n\n.p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n}\n\n.p-fluid .p-password {\n display: flex;\n}\n\n.p-picklist {\n display: flex;\n}\n\n.p-picklist-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-picklist-list-wrapper {\n flex: 1 1 50%;\n}\n\n.p-picklist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-picklist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-picklist-filter {\n position: relative;\n}\n\n.p-picklist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-picklist-filter-input {\n width: 100%;\n}\n\n.p-progressbar {\n position: relative;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n height: 100%;\n width: 0%;\n position: absolute;\n display: none;\n border: 0 none;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n display: inline-flex;\n}\n\n.p-progressbar-determinate .p-progressbar-value-animate {\n transition: width 1s ease-in-out;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n -webkit-animation-delay: 1.15s;\n animation-delay: 1.15s;\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n\n.p-progress-spinner-svg {\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n\n@keyframes p-progress-spinner-rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes p-progress-spinner-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n@keyframes p-progress-spinner-color {\n 100%,\n 0% {\n stroke: #d62d20;\n }\n 40% {\n stroke: #0057e7;\n }\n 66% {\n stroke: #008744;\n }\n 80%,\n 90% {\n stroke: #ffa700;\n }\n}\n\n.p-radiobutton {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-radiobutton-icon {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0) scale(0.1);\n border-radius: 50%;\n visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n}\n\n.p-rating {\n display: flex;\n align-items: center;\n}\n\n.p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n\n.p-rating.p-readonly .p-rating-item {\n cursor: default;\n}\n\n.p-ripple {\n overflow: hidden;\n position: relative;\n}\n\n.p-ink {\n display: block;\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n transform: scale(0);\n}\n\n.p-ink-active {\n animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n display: none !important;\n}\n\n@keyframes ripple {\n 100% {\n opacity: 0;\n transform: scale(2.5);\n }\n}\n\n.p-scrollpanel-wrapper {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + 18px);\n width: calc(100% + 18px);\n padding: 0 18px 18px 0;\n position: relative;\n overflow: scroll;\n box-sizing: border-box;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n background: #c1c1c1;\n border-radius: 3px;\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.25s linear;\n}\n\n.p-scrollpanel-bar-y {\n width: 9px;\n top: 0;\n}\n\n.p-scrollpanel-bar-x {\n height: 9px;\n bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n user-select: none;\n}\n\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-scrolltop-sticky {\n position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n\n.p-scrolltop-helper {\n display: none !important;\n}\n\n.p-scrolltop-enter {\n opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n opacity: 1;\n transition: opacity 0.15s;\n}\n\n.p-scrolltop-exit {\n opacity: 1;\n}\n\n.p-scrolltop-exit-active {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.p-sidebar-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-sidebar-visible {\n display: flex;\n}\n\n.p-sidebar-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-sidebar {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n transform: translate3d(0px, 0px, 0px);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-sidebar:not([class*='p-sidebar-']) {\n display: none;\n}\n\n.p-sidebar-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-sidebar-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n}\n\n.p-sidebar-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-sidebar-full .p-sidebar {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n/* Animation */\n/* Top, Bottom, Left and Right */\n.p-sidebar-top .p-sidebar-enter,\n.p-sidebar-top .p-sidebar-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-sidebar-bottom .p-sidebar-enter,\n.p-sidebar-bottom .p-sidebar-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-sidebar-left .p-sidebar-enter,\n.p-sidebar-left .p-sidebar-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-sidebar-right .p-sidebar-enter,\n.p-sidebar-right .p-sidebar-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-sidebar-top .p-sidebar-enter-active,\n.p-sidebar-bottom .p-sidebar-enter-active,\n.p-sidebar-left .p-sidebar-enter-active,\n.p-sidebar-right .p-sidebar-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s;\n}\n\n.p-sidebar-top .p-sidebar-enter-done,\n.p-sidebar-bottom .p-sidebar-enter-done,\n.p-sidebar-left .p-sidebar-enter-done,\n.p-sidebar-right .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-top .p-sidebar-exit-active,\n.p-sidebar-bottom .p-sidebar-exit-active,\n.p-sidebar-left .p-sidebar-exit-active,\n.p-sidebar-right .p-sidebar-exit-active {\n transition: all 0.3s;\n}\n\n/* Full */\n.p-sidebar-full .p-sidebar-enter {\n opacity: 0;\n transform: scale(0.5);\n}\n\n.p-sidebar-full .p-sidebar-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-sidebar-full .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-full .p-sidebar-exit-active {\n opacity: 0;\n transform: scale(0.5);\n transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Position */\n.p-sidebar-left {\n justify-content: flex-start;\n}\n\n.p-sidebar-right {\n justify-content: flex-end;\n}\n\n.p-sidebar-top {\n align-items: flex-start;\n}\n\n.p-sidebar-bottom {\n align-items: flex-end;\n}\n\n/* Size */\n.p-sidebar-left .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-right .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-top .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-bottom .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-left .p-sidebar-sm,\n.p-sidebar-right .p-sidebar-sm {\n width: 20rem;\n}\n\n.p-sidebar-left .p-sidebar-md,\n.p-sidebar-right .p-sidebar-md {\n width: 40rem;\n}\n\n.p-sidebar-left .p-sidebar-lg,\n.p-sidebar-right .p-sidebar-lg {\n width: 60rem;\n}\n\n.p-sidebar-top .p-sidebar-sm,\n.p-sidebar-bottom .p-sidebar-sm {\n height: 10rem;\n}\n\n.p-sidebar-top .p-sidebar-md,\n.p-sidebar-bottom .p-sidebar-md {\n height: 20rem;\n}\n\n.p-sidebar-top .p-sidebar-lg,\n.p-sidebar-bottom .p-sidebar-lg {\n height: 30rem;\n}\n\n.p-sidebar-left .p-sidebar-view,\n.p-sidebar-right .p-sidebar-view,\n.p-sidebar-top .p-sidebar-view,\n.p-sidebar-bottom .p-sidebar-view {\n width: 100%;\n height: 100%;\n}\n\n.p-sidebar-left .p-sidebar-content,\n.p-sidebar-right .p-sidebar-content,\n.p-sidebar-top .p-sidebar-content,\n.p-sidebar-bottom .p-sidebar-content {\n width: 100%;\n height: 100%;\n}\n\n@media screen and (max-width: 64em) {\n .p-sidebar-left .p-sidebar-lg,\n .p-sidebar-left .p-sidebar-md,\n .p-sidebar-right .p-sidebar-lg,\n .p-sidebar-right .p-sidebar-md {\n width: 20rem;\n }\n}\n\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n\n.p-skeleton::after {\n content: '';\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transform: translateX(-100%);\n z-index: 1;\n}\n\n.p-skeleton-circle {\n border-radius: 50%;\n}\n\n.p-skeleton-none::after {\n animation: none;\n}\n\n@keyframes p-skeleton-animation {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(100%);\n }\n}\n.p-slidemenu {\n width: 12.5em;\n}\n\n.p-slidemenu.p-slidemenu-overlay {\n position: absolute;\n}\n\n.p-slidemenu .p-menu-separator {\n border-width: 1px 0 0 0;\n}\n\n.p-slidemenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.p-slidemenu .p-slidemenu-rootlist {\n position: absolute;\n top: 0;\n}\n\n.p-slidemenu .p-submenu-list {\n display: none;\n position: absolute;\n top: 0;\n width: 12.5em;\n}\n\n.p-slidemenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-slidemenu .p-menuitem-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-text {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem {\n position: relative;\n}\n\n.p-slidemenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-slidemenu .p-slidemenu-wrapper {\n position: relative;\n}\n\n.p-slidemenu .p-slidemenu-content {\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n height: 100%;\n}\n\n.p-slidemenu-backward {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 0.25em;\n cursor: pointer;\n}\n\n.p-slidemenu-backward .p-slidemenu-backward-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu-backward span {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-active {\n position: static;\n}\n\n.p-slidemenu .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-slider {\n position: relative;\n}\n\n.p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n}\n\n.p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n}\n\n.p-slider-range {\n position: absolute;\n display: block;\n}\n\n.p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n}\n\n.p-slider-horizontal .p-slider-handle {\n top: 50%;\n}\n\n.p-slider-vertical {\n height: 100px;\n}\n\n.p-slider-vertical .p-slider-handle {\n left: 50%;\n}\n\n.p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n.p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n}\n\n.p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n}\n\n.p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n}\n\n.p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-speeddial-circle .p-speeddial-item,\n.p-speeddial-semi-circle .p-speeddial-item,\n.p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n}\n\n.p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n}\n\n.p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n}\n\n.p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n}\n\n.p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n}\n\n/* Direction */\n.p-speeddial-direction-up {\n align-items: center;\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-up .p-speeddial-list {\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-down {\n align-items: center;\n flex-direction: column;\n}\n\n.p-speeddial-direction-down .p-speeddial-list {\n flex-direction: column;\n}\n\n.p-speeddial-direction-left {\n justify-content: center;\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-left .p-speeddial-list {\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-right {\n justify-content: center;\n flex-direction: row;\n}\n\n.p-speeddial-direction-right .p-speeddial-list {\n flex-direction: row;\n}\n\n.p-splitbutton {\n display: inline-flex;\n position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n display: flex;\n}\n\n.p-splitter {\n display: flex;\n flex-wrap: nowrap;\n}\n\n.p-splitter-vertical {\n flex-direction: column;\n}\n\n.p-splitter-panel {\n flex-grow: 1;\n}\n\n.p-splitter-panel-nested {\n display: flex;\n}\n\n.p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n}\n\n.p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n}\n\n.p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n}\n\n.p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n}\n\n.p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n}\n\n.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n}\n\n.p-steps {\n position: relative;\n}\n\n.p-steps ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n}\n\n.p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n}\n\n.p-steps-item .p-menuitem-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-steps.p-readonly .p-steps-item {\n cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n cursor: default;\n}\n\n.p-steps-title {\n white-space: nowrap;\n}\n\n.p-steps-number {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-steps-title {\n display: block;\n}\n\n.p-tabmenu {\n overflow-x: auto;\n}\n\n.p-tabmenu-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex-wrap: nowrap;\n}\n\n.p-tabmenu-nav a {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabmenu-nav a:focus {\n z-index: 1;\n}\n\n.p-tabmenu-nav .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tabmenu-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabmenu::-webkit-scrollbar {\n display: none;\n}\n\n.p-tabview-nav-container {\n position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n}\n\n.p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n position: relative;\n}\n\n.p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n}\n\n.p-tabview-nav-link {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabview-nav-link:focus {\n z-index: 1;\n}\n\n.p-tabview-close {\n z-index: 1;\n}\n\n.p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tabview-nav-prev {\n left: 0;\n}\n\n.p-tabview-nav-next {\n right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n line-height: 1.5;\n}\n\n.p-tag.p-tag-rounded {\n border-radius: 10rem;\n}\n.p-terminal {\n height: 18rem;\n overflow: auto;\n}\n\n.p-terminal-prompt-container {\n display: flex;\n align-items: center;\n}\n\n.p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n display: none;\n}\n\n.p-tieredmenu-overlay {\n position: absolute;\n}\n\n.p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tieredmenu .p-menuitem {\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n}\n\n.p-timeline {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-event {\n display: flex;\n position: relative;\n min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n min-height: 0;\n}\n\n.p-timeline-event-opposite {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n flex: 0;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n.p-timeline-event-marker {\n display: flex;\n align-self: baseline;\n}\n\n.p-timeline-event-connector {\n flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n flex-direction: column;\n flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: column-reverse;\n}\n\n.p-toast {\n position: fixed;\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n}\n\n.p-toast-message-content {\n display: flex;\n align-items: flex-start;\n}\n\n.p-toast-message-text {\n flex: 1 1 auto;\n}\n\n.p-toast-detail {\n overflow-wrap: anywhere;\n}\n\n.p-toast-top-right {\n --toast-indent: 20px;\n top: 20px;\n right: 20px;\n}\n\n.p-toast-top-left {\n --toast-indent: 20px;\n top: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-left {\n --toast-indent: 20px;\n bottom: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-right {\n --toast-indent: 20px;\n bottom: 20px;\n right: 20px;\n}\n\n.p-toast-top-center {\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-bottom-center {\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-center {\n left: 50%;\n top: 50%;\n min-width: 20vw;\n transform: translate(-50%, -50%);\n}\n\n.p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-toast-icon-close.p-link {\n cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n}\n\n.p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n}\n\n.p-toast-message-enter-done {\n transform: none;\n}\n\n.p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n\n.p-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n display: flex;\n align-items: center;\n}\n\n.p-tooltip {\n position: absolute;\n padding: 0.25em 0.5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n padding: 0 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n padding: 0.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n}\n\n.p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0.25em 0.25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0 0.25em 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n padding: 0.25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0.25em 0.25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0 0.25em 0.25rem;\n}\n\n.p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n}\n\n.p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n}\n\n.p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n}\n\n.p-treenode-content {\n display: flex;\n align-items: center;\n}\n\n.p-tree-filter {\n width: 100%;\n}\n\n.p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-treeselect .p-treeselect-panel {\n min-width: 100%;\n}\n\n.p-treeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-treeselect-items-wrapper {\n overflow: auto;\n}\n\n.p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-treeselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-treeselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-treeselect {\n display: flex;\n}\n\n.p-treetable {\n position: relative;\n}\n\n.p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n table-layout: auto;\n}\n\n.p-treetable-selectable .p-treetable-tbody > tr {\n cursor: pointer;\n}\n\n.p-treetable-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n vertical-align: middle;\n overflow: hidden;\n position: relative;\n}\n\n.p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n}\n\n.p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n overflow: hidden;\n}\n\n.p-treetable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-treetable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n/* Scrollable */\n.p-treetable-scrollable-wrapper {\n position: relative;\n}\n.p-treetable-scrollable-header,\n.p-treetable-scrollable-footer {\n overflow: hidden;\n border: 0 none;\n}\n\n.p-treetable-scrollable-body {\n overflow: auto;\n position: relative;\n}\n\n.p-treetable-virtual-table {\n position: absolute;\n}\n\n/* Frozen Columns */\n.p-treetable-frozen-view .p-treetable-scrollable-body {\n overflow: hidden;\n}\n\n.p-treetable-unfrozen-view {\n position: absolute;\n top: 0px;\n left: 0px;\n}\n\n/* Reorder */\n.p-treetable-reorder-indicator-up,\n.p-treetable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n/* Loader */\n.p-treetable .p-treetable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n";
|
|
17991
|
+
var css_248z$1 = ".p-component,\n.p-component * {\n box-sizing: border-box;\n}\n\n.p-hidden {\n display: none;\n}\n\n.p-hidden-space {\n visibility: hidden;\n}\n\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n}\n\n.p-disabled,\n.p-disabled * {\n cursor: default !important;\n pointer-events: none;\n user-select: none;\n}\n\n.p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n}\n\n.p-unselectable-text {\n user-select: none;\n}\n\n.p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n}\n\n@-webkit-keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n}\n\n.p-link:disabled {\n cursor: default;\n}\n\n/* Non react overlay animations */\n.p-connected-overlay {\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\n.p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity 0.1s linear;\n}\n\n/* React based overlay animations */\n.p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-enter-done {\n transform: none;\n}\n\n.p-connected-overlay-exit {\n opacity: 1;\n}\n\n.p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n}\n\n.p-toggleable-content-enter-done {\n transform: none;\n}\n\n.p-toggleable-content-exit {\n max-height: 1000px;\n}\n\n.p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n}\n\n.p-accordion-header-link:focus {\n z-index: 1;\n}\n\n.p-accordion-header-text {\n line-height: 1;\n}\n\n.p-autocomplete {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-autocomplete-dd .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete-dd .p-autocomplete-input,\n.p-autocomplete-dd .p-autocomplete-multiple-container {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dd .p-autocomplete-dropdown {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0px;\n}\n\n.p-autocomplete .p-autocomplete-panel {\n min-width: 100%;\n}\n\n.p-autocomplete-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-autocomplete-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-autocomplete-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-autocomplete-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-autocomplete-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-autocomplete-token-icon {\n cursor: pointer;\n}\n\n.p-autocomplete-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-autocomplete-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-autocomplete {\n display: flex;\n}\n\n.p-fluid .p-autocomplete-dd .p-autocomplete-input {\n width: 1%;\n}\n\n.p-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n\n.p-avatar-circle {\n border-radius: 50%;\n}\n\n.p-avatar-circle img {\n border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n\n.p-avatar-clickable {\n cursor: pointer;\n}\n\n.p-avatar-group .p-avatar + .p-avatar {\n margin-left: -1rem;\n}\n\n.p-avatar-group {\n display: flex;\n align-items: center;\n}\n\n.p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 0.5rem;\n}\n\n.p-overlay-badge {\n position: relative;\n}\n\n.p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0;\n margin: 0;\n}\n\n.p-badge-dot {\n width: 0.5rem;\n min-width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n padding: 0;\n}\n\n.p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n}\n\n.p-blockui-container {\n position: relative;\n}\n\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n\n.p-breadcrumb {\n overflow-x: auto;\n}\n\n.p-breadcrumb ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-buttonset .p-button {\n margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.p-calendar {\n position: relative;\n display: inline-flex;\n max-width: 100%;\n}\n\n.p-calendar .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-calendar-w-btn-right .p-inputtext {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-calendar-w-btn-right .p-datepicker-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-inputtext {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-datepicker-trigger {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n/* Fluid */\n.p-fluid .p-calendar {\n display: flex;\n}\n\n.p-fluid .p-calendar .p-inputtext {\n width: 1%;\n}\n\n/* Datepicker */\n.p-calendar .p-datepicker {\n min-width: 100%;\n}\n\n.p-datepicker {\n width: auto;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-datepicker-inline {\n display: inline-block;\n position: static;\n overflow-x: auto;\n}\n\n/* Header */\n.p-datepicker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-datepicker-header .p-datepicker-title {\n margin: 0 auto;\n}\n\n.p-datepicker-prev,\n.p-datepicker-next {\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n flex: 1 1 auto;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n/* DatePicker Table */\n.p-datepicker table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.p-datepicker td > span {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin: 0 auto;\n overflow: hidden;\n position: relative;\n}\n\n/* Month Picker */\n.p-monthpicker-month {\n width: 33.3%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n/* Button Bar */\n.p-datepicker-buttonbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/* Time Picker */\n.p-timepicker {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-timepicker button {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-timepicker > div {\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n/* Touch UI */\n.p-datepicker-touch-ui,\n.p-calendar .p-datepicker-touch-ui {\n position: fixed;\n top: 50%;\n left: 50%;\n min-width: 80vw;\n transform: translate(-50%, -50%);\n}\n\n/* Year Picker */\n.p-yearpicker-year {\n width: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-card-header img {\n width: 100%;\n}\n\n.p-carousel {\n display: flex;\n flex-direction: column;\n}\n\n.p-carousel-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.p-carousel-prev,\n.p-carousel-next {\n align-self: center;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-carousel-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-items-content {\n overflow: hidden;\n width: 100%;\n}\n\n.p-carousel-items-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-indicators {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-carousel-indicator > button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n flex-direction: column;\n}\n\n.p-carousel-vertical .p-carousel-items-container {\n flex-direction: column;\n height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n visibility: visible;\n}\n\n.p-cascadeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-cascadeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-cascadeselect-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-cascadeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-cascadeselect .p-cascadeselect-panel {\n min-width: 100%;\n}\n\n.p-cascadeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-cascadeselect-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n}\n\n.p-cascadeselect-item-content {\n display: flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-cascadeselect-group-icon {\n margin-left: auto;\n}\n\n.p-cascadeselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n min-width: 100%;\n}\n\n.p-fluid .p-cascadeselect {\n display: flex;\n}\n\n.p-fluid .p-cascadeselect .p-cascadeselect-label {\n width: 1%;\n}\n\n.p-cascadeselect-sublist {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-cascadeselect-item-active {\n overflow: visible !important;\n}\n\n.p-cascadeselect-item-active > .p-cascadeselect-sublist {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-chart {\n position: relative;\n}\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-chip {\n display: inline-flex;\n align-items: center;\n}\n\n.p-chip-text {\n line-height: 1.5;\n}\n\n.p-chip-icon.pi {\n line-height: 1.5;\n}\n\n.p-chip .p-chip-remove-icon {\n line-height: 1.5;\n cursor: pointer;\n}\n\n.p-chip img {\n border-radius: 50%;\n}\n\n.p-chips {\n display: inline-flex;\n}\n\n.p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-chips-token-icon {\n cursor: pointer;\n}\n\n.p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-chips {\n display: flex;\n}\n\n.p-colorpicker {\n display: inline-block;\n}\n\n.p-colorpicker-dragging {\n cursor: pointer;\n}\n\n.p-colorpicker-overlay {\n position: relative;\n}\n\n.p-colorpicker-panel {\n position: relative;\n width: 193px;\n height: 166px;\n}\n\n.p-colorpicker-overlay-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-colorpicker-preview {\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-content {\n position: relative;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-selector {\n width: 150px;\n height: 150px;\n top: 8px;\n left: 8px;\n position: absolute;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n width: 150px;\n height: 150px;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-handle {\n position: absolute;\n top: 0px;\n left: 150px;\n border-radius: 100%;\n width: 10px;\n height: 10px;\n border-width: 1px;\n border-style: solid;\n margin: -5px 0 0 -5px;\n cursor: pointer;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n width: 17px;\n height: 150px;\n top: 8px;\n left: 167px;\n position: absolute;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n position: absolute;\n top: 150px;\n left: 0px;\n width: 21px;\n margin-left: -2px;\n margin-top: -5px;\n height: 10px;\n border-width: 2px;\n border-style: solid;\n opacity: 0.85;\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n background: transparent\n url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAACf5SURBVHja7H3LjuRIkqQaJ+e0wB72T/s7+w/qOKduoLBd3ZVZmeEP0z0UjSUUiqqpuUf1AoMJIBDuTjrdwyhUERVVMzZ3/y8z+99m9jAz33/7/hs97vb7zzv7qff54n7HNncv7Vc9nnjuf/Ixsv2i7y/328eii/EMP9vd5fjvr3cc4/Fa793dvffe+/P57Pf73b99+9b/8pe/9C+99/9jZv9rB8Dsn3kWT9RsQCIgzE7Us3r8le+Ig/fqMRKAp8cAEPAY4/Gy93l2cY393P0J+/nYBtvH8+e+rfXe246cBr/+eDz68/m0+/3uHx8f9v37d/v69av9/PPP/tNPP9lf//pX+9J7f+ygenzCSfPZgLxz0l48oeEvXKVv7fPisU4/v28yM7O2/5q7t+A5P3Y8hvq772/u3nYQjdePfXbgbDuYxmv+fD7t+Xza4/Gwx+Ph9/vdbreb3W43//79u/3666/2z3/+0/72t7/5Tz/9ZN++fbMv8A+Vfmj/ZmZtf63hgLXWVo7z0ueOgQ0enwY9+MH9Kp99+Vw8wcG2bQc+7+cF8BgcC4957EevNwDRRgByAFYbQILIdIDI3e35fFrvvY2/j8ejPR6P7X6/++1284+Pj/bjxw/79u1b+/XXX9s//vGP9ve//91+/vnn9ng82pfe+8qJ5YH1FeAEJ28KEPpsg5NyArEA3+lEtdaOE8MXQvBZDBKbAYv3w+PhNnhsapu7W2tt671ba63vf1vvPQQWRaUjUu2/B9D2c34C0YhSO5B8j1B9/9uez2e73++2/247BfrXr1/tX//6l/3yyy/2yy+/+NevX+35fNoUWDAwKZCKESYEZyGCpSdeAEnRTRW4YSQKgJQBy+HxRkHUOZrtwEGAMICOY/wRhE60NsDTB7DGMZHuzMx778Zgcnd7PB4DWPZ8Pn0A6na79dvtZvf7fbvf7/bbb78dwPr111/t69ev/ttvv1nvfQqs8Y/5Im2VIluR3sag+uQ7toDi5PcQ39FEVLqALgNW8HgDJPWE0i5gIp00ANSZ0sxs0BkCyDBCjef7376/NgT51ns/IhYCCzXV/X63j48P//HjR//4+Gj3+719+/bNxu/379/9drv9DqwoUlQBpehnIk6jSOSr+ir4jnysCCDZ+46T1FrDk+2tNcOLESN6AKzTRwFQZsByEteK7hrS3R6ZBngaRizQUcfj5/PZdh01QDWe266p2uPxsPv93m632/i179+/t99++619fHwMrdV+/PjRbrebPR6PZmZaY1WFNdFkKwCqLYjriI48SCAqkU5RldJEXtBLBhGpR8AiACGNdd4v0EuH+GZggd7aRJTqCKRBhyN6YYQaVLhrqra/tokscEQs+/j4sG/fvg0hbz9+/LDb7eaPx8Pc/UKFHlz1L9GkONk+iXQZ9UnwKKApQNIxWyGVtxkV9t7bHsGOyBYAq+3jzGDCCHWIa6C+Jva9ZHs7tWEE25D6CEwDaObu2wDW8/n0XVPZ4/FAkLUBKgTWANK3b9/6x8fHtuuwASy/UOEMT8paSFJzn2WEETjpODK4Bd6PR1GVhT1mZgIUjhdYkt35hOKG3cD7oDVw8pYYdOOYw7AkXXWiwmEbDDpES2Hoqp3ybKfAE/09n8+2R6p2v9/brrdOVIiPPz4+2sfHhz0ej+3xePQRGTliTb2fLErR1e0FjeQB2CLqi7Ix3keefBF5HPZzYQd4JNCVfzRokSmTQDYcbtZU214iMQBiI5G+Daug//5zimSwDS2Ek0AHj2oYn0dk6r0fgn3XVna/3/1+v/fn87kNU3QI+X2bff/+vd/vd3s8HkekvGisiVGYgSoDVEsiT2iyigzsopeQgnbvx/Gqx+PTtgiATQBGelCUwTUGDBxzUxkd6qMByID6DEouaG6iN9VRoO9AQyBhJriBV3VQ4W6EbgJYdr/f++Px2G63G2aJvgNxZJI+wH0CFmc8k2wrjXJIQXBCj9d3s/L0VgDJBcScKJzMIG0BuNJ5FKkuEXCAqxClsowuMi3VYxbiJ62EYAIgDVrrHLH2KIXaagBpRCnctiGwBqD2yLXtUWgAaQAMjdIDgB8fHw4R96yxXgBV5rAfJ1fQravPGumyos8MaALUlwwPwYRCXgGNdZWyDlico/YR9oADAE7uusr20DkHf8r2E8flmAFMh+cbRqjn83lsez6f296NcESpkQkOnXS/3we42g6utkerfr/ffddhbQflQaPj89y9lahwxesKKC0T4XiVSwOTNJLyiDLt1DIdJQS82rYSlSLfaRNU2MAaQOd9i7K9AUb0o0a0IothwzLN8/kc20YmeGis/bUTre1Z4TYi1g4wu91uDr6X7zRruw5rkgoDEKlolUWKCCAVoEURxZSQJ8CYMk5VticikQEFSkc9K/4yeJSOQ0obQh6jFdoSqLcITJ0tBQTT0FXjdbQUIAvsz+ezuXvbW1+s9953CtzAbrDb7dZHlENb4na79cfjsaFFMT5jnI+S3VDcJwJPRG2evB+BEkU4BTKPaJIozIPOAUWBzlEIvxcBS+2LOglFuTM4oeRy2m8/YRdLAbRVH71S6LSzdwUdC0iPB609Hg9398NuGIVnduL3bUcHBEdPM+vTiFWNYBOgWGYh0L6H97MQiZTx6YHYNnDLEUwciYztAlWjE/ttlME5ZXlHJBrWA9b5JhGLHfROADuAhNFrWAoAtpHFdXcfAh47Ghr0YA09tqGRumutkwE7LA4z2xBYUQmkUqbxLCIJY1JRIeopT7SUKUCojI7KMxYArqExySZn1gfFAAs01sm7wmwPTE9JjQCyEaUYZNu+30AYgqcrd33fZxuFZtZYe4RyyBjb7XbroMl8aCoE6gDr+O5fVIE0A0zv3aGJ7wjp+2tH9rJbB6ayqQb+Az8fINn7jxToOCPzSG8RxTXhtl/cdwCnTwT7MR4ELG6oc5HtObnpp/4poJWTFTGi0XjfSO/JAPVdQw2v6jnApOyGYTOAI98AiIdbPxx4LFbvugw7Kw5cfBGV+ik1BtX6qB32orH4GIKO0ZJQ1MmRT1Irl0w4SkJDnZHmMWETXLwxtgYIdJjhdUGF3IhnAJgjGRj6CemPxLtDG8ygvw6txdtOhaOp73gO9oPt4NqGyN8j0jaAOOgSW5VHZOMCOFPhTF8p51s994QOmfqUPvJApB/utqBJRX0bTBy4RC/x/GRaMkgmlsJF3KOFEBidbG4iNSItbnDS0EbAks62U1pD8xTAZgAutBs6UJ7v+2yot0D0H/qLitqnwvnQsFVgqZpd9FxZES0CUKSjqLxigYnJ2VhEmS6EOReAT811rL8WgLXh8Vg3ofWwA+mSNQLINmExdDBFEWRSvA/AjegzBHvkY8H+p6gEYv6IbFjGuUQsprAqLSYgs4mQtwmNeUCfyvl2bo6j6KLc9YstwPvS+0xYAxcdFbjsjaLVoHjpvKPdgJoKAMcaC2fXODbwPZ9PN7OGzvjYd4js4aADiNpuJRwZ6PCp0LLgRIUK7meNNfOZEjBkJRaOVJdSSkSTIqM7rgZBca5qjMpZh6Jw5+iV1fJWtqFews8D7WSsozgqiVrhAEDn/SBadSjpDCAeVEjUeNo2DFLY5rhtHHOPdCNK+U6XGwD/bDfMIlY1WhE4PHHNI4A1dYxAU4XHUIYoHwMjmSpCZ6BT9Dd6pLDTYUxcIJpE6uukqzpMdjhto8cdvKpOvesH3cF+h/OOtIglHnDtj5LOHgEdmgZP+yEFAtuUqLAFnQtyP8iyuMB8WBJgR1yyxgGAkakFwLlENkFpRkLc4AQbgc0n+51oblAOfO4lewQKc4peWFh2ENzOzXy4DaIWuutO7cdD6xx0ho+HVTDEOLxnFKbZUjg04E6Bg2o9MIevdgObo4UIFWmrBuhN9QtrGQQI+EPsVXUVEVkHBd7UpeeKIo8JbYXFYRP2ggmLAT2ok8M+ohmA01QkwuiFpihEqUYRa2Mq3CMNUmFjWtyp7JQtDsCOrHAHU8dmweGZjYwSorSdSjpF6otqgCXARTQ5iUycBQ7dwVkh7yd9LAYaG6WTDHD6GgOL/KqTjUBA6kpjsa1AuoofH5kgPwbnHUE3PCoGXaPCNb5/dDQ4jLFjQpSJ9xmwLAFVn4AtAowFYPGkM8ECC8Gw15wzFirhOLnkTdT4PAIbFIgjMDkbqUizkN1dtou+9Q7PO2WGG7bGoI8VAM0hCrGYd0oAnH0rBBOiKrUbkozPFwA3jWbZZwsgeTKBIXL2I+q1RNzPgHbyvYbmEdmeilJOFsXIFk009xnPA6TuBnyM2grfh1rqpLmoHnn6HlBQvui28b7xOWKisIxYF7tAgKklloGanOBFoLRk1ktEY5445JZkf1GdEBfQkBYD1sXIp7pQoXjM2R33sOO+LcoKdzBjScfJee9QG+SscPRnjcenyIbvo3LQhiCmHvsOLTMW2g0TuptFuAs4lI5SACRwc8lF+VZNUaYQ9TMtZYGQb0Hr8Ba0w1QfH5po2ApCsGMJp2OGBuDBiIVA29DvejwekgrBQkCN5ZCVnqgOaRLXi4DEb5yDlApLYCIxHwnxVyjPgga8GXg8oEDuS3dM8xNKPOk9thCGTqJJppbQX4Pow/sZ2wtAPyb621FjOTb3DbpCehs2whhLbPaDx2pSa4eGANSXijFi8f4GmEyUY6Jow3pHinoB1Ma1uARIDF6mxVeimQVCHP0tg8LyicbAuzpFL9jviF7Q/tKhsH0yQckQ7QAiJyo8KA0jFACpg9vuoiLg6MqTIXpcV6tUaNEMYUVbKu2f7RcBSWR/GTVeQJFto8euwMRZ57hyx7iRWMcGvosgB7P40GVDXOMx0I8S1Gg4E4eywE1RIWaFBJDDx+LskUE2to3pZSozBJDNs8IJpZ0a/9TJ3534sV9pG9sNTE0U9bB/yYVRe9nGrcojonDNUVkUUTSb6SoCz0Ws4zGSbQg6zgLlNnTY99c6l35GZCI6RN13lG6gG3YjmwGXw6xHrGx71uxHK6ZY5G5Tx4EFUUxFPVetLcEyQKps48JB5++EeuJSHcBtrLfAjmg41ii8iU6noKOuBuPno8MBvC+MbidLAnSd4TR/ZWUgaOm8vq6xotphdKJFS0oTGaAFYLKgCM0n10UHQ0aLbFq66HDwaMlF9Rqk2a40VqCrsCW57ye0K/CwxsIeLKKtC90hLY7C86DXPZrhhAvH/i+0Mjh6EQ2ySeqr4l3ZCGo61ax3KrMfPNFHHmgsfu+lyMxLA0WinCjPlaNOkQdLMZfIQ89PugomWaDzPhz1LTipJ10FNgQ+b1w7xONNjn8CJOspFvNUysEVoXONNel8UK3HvmAtmABGRrGtCC7V0WDsSzHdcQE9mFjBFoKiTAvsBiedhfbCKVoCHbH9cBLwAU3iMRCIbCOw/jqKyWhhiPmQp+yXHPe8VhgBYCWyiQxy9tcUpTGNFo7VAi2XUiE77qp7Qbjrp3mHSGdAb5sAlQQFWgoYXiArRKrifixTVoTICtFuONEpRCaHibK8aK7D3Mlxg4JtSbwHLTGhXprNoIkiV9BLlQEwshRc1ASjKV3Sn1JCP8r8gomopuwGKuEgWNhtv1Am05aIRsP34udHBgfgQQCdgKkoEj0tBJT9cVMEEzdPuFLhrDwza/KLAEZzDUfjXybW8X1oSRj3rcMqNU10MKi7MrRoHiF3JYCzfsr88H1oVSC10usnpx7pMrMb4DV23Q93HVeiYRrjKfmDEqF33Uk3Oq0WqHrcj4xY0KCmwqh9Zva3oNOauEOCV8Q7ao/EL1MWA9Of6njgRj4X7cdGRWjpwuNECIpUHkS+jQDNrTKYKXJDIEYsIz8Ko9RGbcUYlRymxWON0Fig49pb4pYpuEqhpsKqYRqUbFINlYh8SXcBeCzyoQJH3YLGPksoMivjXPQW7XeiuERHZRHqoEVw0Lnxj+2Fk/OO1IeuOWZ36HGx5hL7bwxAPK0DjO8AK1vJxSagU4150eKwFpRvLlYA2xFKZwn91YLPOhWTsYwzsxTgdiJhNIs0G0QJg5PEpRvOItEcPYEJdJPNwMMrKw8A9T/C0waAOmmeEcna7+WXksaKIs4sml0AtmgjqC4GGcnUcRSlUshW7noDB91EZuk0+cEFxbONEIl+ZyCJ/YymrV9KQ+TOG82W9ijikuNvgcbEi+k/MPJyVeEljVWIYiH4koJxtmZV1sulsj3LqFFEM349ctRN0aJ6zuBlW6FChaKDAd9zoSRhYLLxqaIXZ5ONi9M4NY1tDl5c1/Jb6r0NrOo2bpO53CcmAODqtkukigCnthGNZVEJqaHT+0KNhdqJhbly14nqTpYFLfxh7HFRDfGizSjCskiX20TUisCV2w3FTFD2ZbGPla02o3rXZ9FsITNUjX6RQGeLIRL6FkyYcCXsxW1LVCZ4cegJOMYOvIq+2Iajoi5aHXa+odPlQsXvwKsfTvR3q4p3dsSz5j++8SJ/KZt0Mlh0jCgaTWgwms4VaQwP9mui/yqNRASyTLybcNeV3trIGe9KwON+ogUGC9enY1BN8RSFqIpwMUrtfOfY17LCpI041EbBzGSV0cmisOipsgJFqrZi9X+kuinTYgJA8jhMd7iUJMyQOQGVTzIDieyGkz4iUc/Oe4dVbzZBh05FZ4/oTznxEljD5c6iUmQrDGc9obGmoh4CZEzFh8YyC3wsizI3Me39otPIdc78rBBYTBViZo4pK0LNI6RtRgC69E+hpQDH3sR0fKepXXwHi4bgIMA79Iixj4WPOxWjrxqrUjuMSjdqra2kPhjZBvgdwvmEAd15ZoKSpSAb1hD4Qo+5yh4ZmFFEEyCRjjyPI/tg4II3QZenLJPAPsZno2LypXKA27MVHVliKLshKwRPxbuKSgkoZRdnRndCw10ojyOiaitOIl00jT6kPWE/lEDF2eOgrsBuiKyHjagLb9WLJR0T9oOLzPVEjQN8SnO11oab31prDu77MErnGqvappzMPK4CzZXADmwJi6Z8BdrsYpAGNcx3gSXFexVkILw70h2e+KGbRNaIgn0LANRoRcBO+25KN4F+6sQiKFcODyu1G16xHxIDVa1Eo1aJ8cmxs2JytGJfVIy2aA6hinJEd0p/+cwgnbjrJhoDjaZfScCDFJH/B72u5kBmcxPUvAE1sfi0ul8UseQUeBLtbRKFZhNTLZh5YyrDg5MrJ66Kx9Iby05M9lwtYzSJYivg2qA+N8vSkO4syBJNUSG56CzAnZr1Tlnh6Mfax+J4PBr9IKot+VgVSyFccDaqNRZn9yhATgGzAKooWqkZOjh3sAUa5ZLdLYLM1DHIrnBlEzAQry93pNcGqwaeqBZ1GtCcUfXkdFqXqTCYfm6VVWMyAEZrZgWWRhM9QKlrn0U1sbAarzBzWbVPTNBwtSQR2wsq26YSUGQtyP0R5ERxFyqcPVa2h8iYnTLSU8Mle5IV5z2cqJoJ74Du1H6WzGbOKLMUkYIZzp5Qps9Ee0XMs3e1Eqn4GJn7zk2EahtMyjhFupHBcXZKrceZu47UucmI9Q4VfvJfZSuE0Yw0oCXlnFRDrWx7RU+xF5WBh+wG1Dboe3UwP7swQtuMFvE1BAr2YkU/qMHUtjKwVrRWBArVnCeOO41YybZoTXYLANlIY83mH34KsKIINekm5ULxBvTEBucmOhTYYO2Be99QsEcRKrMjXrIbXphqP5soMRXyiZg3RasqokW99up4yj4Q/fIl2syi1mT/6cSKV6IprlHBvmCwOLGpIKDmRXCTXykrnAjyCyWpGdAV0CjjM3hPGKHQkpjMal61Ilql0BzpLdHa0oniD8oTC3Hw1HY+tjJSp1SGnQ404/mwFPx8oy2eMCF11ytUyECyqp8ljhFRYaWmmIl4FxHKkt72ioeljMRNZamRcBelGgWWLTBfsU345C0xILhZT0THxmUdpZlGnRCSNxf2g9Rd7zjvLeppd73YbATIMt0FlDa1FqJIJ+qRlixZxHXFavuyqYwz6Yl3VYxG519M0PDo+yYTPGZlL3nBk9OeUWWJCtMidAYK9cWSfipTglropdPxsZk/MTgtG8hKJlh9raK5YKVlhzIQrliTaS+MKEq8MzU20eqy8RQuFO+RG09rjI5WmRaI95LznkYo3xdPE6CoUKFHi3cosKjOhYjiou/AV3kCqtmV3agzIQNXqxSnDe7uEGilMLsTq7+EoEt0Fy9LEFkNNko6YVY4A9ZouptRGO8HzxtZ/5dUO4lYYRbHa55y8Ve1xwRTuySgKDJmIMzmFWYTYC8aCBaNVYYrg0KKegJPn2Sfl/YZO995TYEQI5W9bDcks3iiKFJp+rPA85rpNBOTMyT1ZdqJVgEMPS7XyyCFES1q3OMEYFbsTioIVun7Clx1NYMZP2cjAW/BxInNzjekr9sNb04Bk6I5ocJSVHKx0GxgP6T/C1JhJGgrmip4LqMIZoUFw3QaibDLAxYekTqKoq3KJi/RS0yOUKUcL1PhZ80trHphKvIks3iiWUItiy4V8LzTUrPw+ibm53G/uSfU52w9FKiQPSZTAl2BhyZHRHXCnAor0+SjSDHRR+E6Ddl0MY5Y1W0ZZfp16e1wichkgZGs5TmkqmSbqwkbLC9YqwoAnjRitE1Eqct71HlJlgNQoG7u/jsVvhOhViOYJ2tofWbEUgD8jIj1KlVSppVGpUm2p7apblZ0wtMoJaZ0WVILtGRq/VljfTKwShpL2As+mZg6O36a7U2cd59NvCj6XS3SWMpVT7LHkOKo5SUCYIOJppca6OwYag4h02miuUIqjIDliRHqlanzZEOEWWHi9l8ilrp5wMTNP9FJkFm2QlaYeWxhVljVbOJ3KSuEC5QjVsggOzi6KMifzldrrSeF6OWI1SbT6ytZoru+l2BGhe0zIpZoRmwTz6tNJhfMjiGn2WfbJkDjyNRmVMhzBFgrCfozmEvITvvJfE1o8o+s0Oc3DLBocY+CeJ/tF3VFmOijT8V61NEgDNCmJmEm8w3D4nIwuZUjVIkKwc2faSk1u4n3a5GjruhOtQ2prJDbygVNloDVBAVeXo8yPdHWosxNTzLElgl2MfO5VP5h2npFyE8ojW/FYolgj3RYKwj2BnP9VGRrQv031Fi4YiECRL0naJHREWumsWbZnOtbyVXc9WxF5iZmgmRWwgWoCb2qmUVRd4NP9JYHzr4pLRY0FFo0z4+zWnH/aY9aeFTHBHZJiHmBPjQwfz6v3Ke+47LGyiJV0CLsSYdpEyvMRCc++tzmwXpbijYnAJveVzoo8zTuREhotWXGaBKxGBRIbU3onsox25giDxNlT5ke9MM3YbC2SdRa0lih2A5626OZzjZZlC1qObaJWPcos0sshmmbdHEGUNgZkfTYN+WiD6AyVRKgZsKedZSzrlLgEZJBaimIXNENBNbtBhfLDlWjmxdX96uUgsS8xjbRZekcxSBCSr00KVaXgTabdDKZDGIqeqpedLXOgud3SruMu6JBoj2nx8t2w2UtiFdn6aw+T2ZYS4DNTlTyOWHr8gs98j6ZNCspTFBatB2bBi9ZZXRRctZo55uKXgzW3Xf8/cXf9VdUoLYMWDNB7QUd5olm8SjqqTbjZJ0IOWs6Wj0mWg9iZZbQqxljYkmE0VNZA5HGUtsYJGSOKpo8ZYEIJlHCacqFh225xsoMUdN3hOeTnE4sLYhxD45XmXoW+VHHohXQWhvdE3oGKmcdmCxkEiYK1QQAszkRsXwCzBZotsu5YC2Fj1U7MtwPqZ+A5fkNAaKsrBK50tVrZms3JAuLyAgQbTO9Zle4hGREw4XJr6WW5yxdp0bJTApEU+V4llKLLq7J3ED+Xkc7DGfe8LOV7IZK94Ja4sjyNbCmvV8RKAmIrThP0YNo5gVwHItf0KSNbCGT2WODe0TPoll2T+pTdiZ0WESFFwolf8wpU22ZnhJF6andICNUEm0yYW/ZdHkFSl7hRZmZ6vssAHC6yFtkJ7ygv0K7wa73f7yARzy+lIjUeWMqBM3UAr01Lib2uKaUKrLDuvMujE6vrOOQTXCd7avmrLlYzJ9S3Wx57xBkQdboonzkgQ2hwDKL0O76lnd8k/aQwuiejyEVqpJWQGkRDVZ/1px3RnoAlnQlwEADhTOdg2wuA4O6430YRZJk4aXF3Cy/eVQKas7qmJJEs1/o8NNYuIp6UbSEJQqixr6WWA2SCmW5xvRdvGS0CGgypEX6otFM53BFP/E+lXmqyNGoU7KtmLaFRU3k8YN9WpDVZced0mTCBsp6uFBxpOdIXzXx2vZqEfpIkyEMZ9nd6R8e97UjUSp77llEi6jHt+xNbyhgtM57Eh0vjXmV8g/eQKE6jS6iyaizZDETHrZKmHTtjX3KcR/foQdO+xoVFhr6mpiXl7YsGy3g7ws3MVflC4+X4bbAT4vuPOHqs5NJIWGPF2dukT8nwOau762YabNwfATItqxDlywEFYk2/r8m0WuLgFWxGUoAFNGsfC8dNTMoygotuZcOR6wCjdmsnvnqJF/qXvWZLlNue0WjTVqUXF1QykIItke9WgbA2krAssLdVhO9ZUJQZ9tkCSiaK8hRrgCeyv2r24y+kszykqREyxREYprXlA/GP5y0IRItj7ZlIFNRifcTrTdaY0WaqkJzE701NUhnJ00lCQEwsruQtaQtR1GiKX0XZcSq3x9Ape6tqDJbaTvw+7m7IehAiNgntCCqVkRQOWhlKpwAa+VWKFlkakmWWB5wC27bG2SIL93Z1ea3zCttq1wkynmPji0incxARWRSkccCZ139fZkKU8c40UcZ3aQDLpz/sLZXAJm6OtOLYWX5gJVtxRM/pdkK3RFlVujfo0SENNccWEkEyoCQvged+eL0MC+K2PTkUEZ5cuOD+YvRhaHc9ugv949faI7oFFN5eZfXzPkOdFgUwdOCd8AW2b4hZVbshupKyZXV/ppK+UUnwZQu+OQVqGsq7JPoMt03atku7hutKJ2uv5pF90CUl6IeZ3wiK6zQYY0KZzbDRD+F1FeJNsWsLdNA4Y2eIkG+AKQl8BSpMFpLtfRX7R9kdDITRCciyvyULvtsYL26nQvXK6DhbC2LSrLSb/mtVyyLhivabEWjTcpIUaG/VTUTue8ntx3/CuB07l6ZAQp7tsysZRortQsyWgw0i7+wXxrBJkapnASQNPXNXn/17+zzKxNIZEeE0l7B9LqNvtcmXHd83zaZO5h1Pcw1lriyohM9i0rT6MXiepH+lujzE+julUXnymAU9cyZxOA+9EaNchcao6zPIvqLsmwKEKi//iOkwkRHVeiwqrlUCC6DJaHLyrpdHvRNyWiyApwsSnv9tjBLEVFNfXshqjrNxpK0V9Bfsd1QHUhlAUyc33DwTawFUb3iA41Volo66ThnsXxh8ISRzC2HDojliykzgCsXjZr8gdO2ZvT6VqPf7MQWoluoubIu0iwardb4qE1aDlRB21T2LS/tZGICb9Jq3YQf5rNxy8xhQXkyYwyikE0MUrtErGwyRdKk5wG4wmn4BX1mBZqcgilq3KPHFwO18v6F5QeyMcnqmCt+XoUaS9osiXQp0FJgsTgfwvH3fjyb9rejm7yH+Sk1BS65Rc452gCT99nEeA09rFmf/4rVUJUT1WJ81vxXKIJ70KDHTn8nK2IWnaJt799hddaxUNFfq1d7YOAp8LcJrVc1nK1GjVmnwCSNXynuz8Y9M2952wYRp3x88Tn5vXQy8R2d8IS2ImBYRI8FqktnoVQj0qSNZOkkW2Eyb2G/ENAe30CrelFENGkzGgz0Va6xFoBlBdMzsx+sAMw2+8ez42VC3q7rPFgFdK+8JjRlJTpbpbtDXAipPgoqDyFIFsAUAat9mWUxFe0xEdvlq3ySGEyv6iIgLSiCX6h1ov2y/WRL9IsXxiXlL1BuutbF7DiJLVFx3+tUOANJAZAvAUFllJOBtSJNlibmJu8vj0ehM6Q6HlaRDOyoT4Dq3NIjHHULMsQocmkqTNLRWYSJ/pmVfavcz5liBRQrYCtnigWQTcfrxfctA+mNCzKjWN7+h92QDeCLUWsm6itXepT1hSvYvXhS1bHlehKFx+r/qZysGeVYVqoqHqN8Yb1QeJ5TYeWERf1Z1cczWqtQwgsAj56Xv8vKZ70g9g26S18Z5yVGwGhXAL0XBXxKhauRoBTiI4p9ZUCKgLQKgF8By+Ljy8JmwRKas/F4aayidbImGiuqF8p1Q98GVvZPRxMpOPNKsrCLo6s4vBgRo8FV6028FfU+8z0JMK3yv2ZjIKKTPJYAzyyKaWAVwrP0qWb7FY8XtuNUo1oVeFWRXDhRSyd0Ieq+StcWRN9IXL+roS4rKb+ssYoRbAVAFaBcwLUIIp8BYuVkV9qBXvn/3rhIOBq98v+FUWghQtWpcAYYE1O7FgfOViJCcHWWBi/L0lYo6819qxdgCZQTvfbKxcUyJKPEGQBjKlxMQzM6e2dQl04AaUr1vALiFcCvnECbXQR0wlqwQNzKBZPNE1QgerfB7xRcoog1PakU/lKAvHuyiiG9fKzZSXklYolWlYo9sxLVo/PwKcCOnos7U2QUOaXCtL3lVXAt/OP2Zw3UKuheeT4By2dfiC9duG+MXUv01RxYBYpLwQZNf2NVvsNRV8/Ve2YDhfuLIvClKEz2gnz+DrDwlmxOt2hzccu2NwE6u1iWLnjTyxGkIAqAlmusd8Bm8U0yj31oichsUZHsua1ShSooF6l/etUnd+IwS+Y8zjLOYvTl/1U+V3qouNpQVXed7QabtKysgE3RpLqSKldb9SpNTpjP3le1WCqvBRfa7AKogPnVqJXtUx7HSrQ6LW6b1KaWgFR9TXzJV8BTeQ3D+yVqBO9NFxyrjo8ARBlwn/jadHwqF+KCthqvnanwzcFcAZeKaMvgLAz0pbRUOAGlzymcQCu44y9fNCsAiFzyBQC9Yje0acRaOLnLJz07cew7rZ7kyeBZdVALBfmXx2p1TFZBTp5eNbq/PFbGq828GKHSiLQKxhWQUSZnnzAgqwBafv2dC1QIeV+JrquRsxC9PImAVyqcXYkjZVb7i22n9hnYdnHXs22RNmOHXXzfYQGE08f3z22R6SeuePx8qTnE6+G2JFJE52TFTa9E42XqK7zn7LxPIlBkCagaVmWbXL5xEsGq0c3oam9R1lNJ6YvR6E/ZlnhOKxGqHKWK22ZRrE6FVeAFYCiD5Z3BenfQKlfjnzk2s/cuXmjLY/fu2EyBNRmg0vY3BupdMK0O2lIPeqXHXLnwq/tkOq0KpM+4EBcuuHgyxeIAzsBV3mcCwqV9XgBrKwJ6+eSJIndqylYnRiwAwQoXin/GPvSzXeyGPwsUk5NVOWHVaPUpA754oqvezn/LsQr7sQJgrUwtaoXBWBmUTxucKh28eZVWLsK3x2oFlCsR992xsqi74QWP6t0r8933rAz4CkDfeU8LLJeq1qy8b+WiWAFGaHu8eAG2jArfAcorJ3/1arIXrqxXr8iXxPtqlMre9xkX0rvRbAG8ORV+EsBWuNzeHbDPHLw35cFnSIG3xuGViPxJ0bAOLFrd7+DVVwZahPxy2UCl68k+lcHzxYFtK//fZHw+PZH4BEB68XNnwGpf3g3vq1ffK0nBm9T06VfuvzGb/LOBtGwzFT+3fem9f/n/+c/8Gwa+2X/zn38DSFd//vNL7/3/mtnD/ufnf34+7+df/28AkXg9KZ7Ze3oAAAAASUVORK5CYII=')\n no-repeat left top;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n background: transparent\n url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=')\n no-repeat left top;\n}\n\n.p-confirm-popup {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: 10px;\n}\n\n.p-confirm-popup-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-confirm-popup:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n display: flex;\n align-items: center;\n}\n\n.p-contextmenu {\n position: absolute;\n}\n\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n}\n\n.p-datascroller {\n}\n\n.p-datascroller .p-datascroller-header {\n text-align: center;\n padding: 0.5em 0.75em;\n border-bottom: 0 none;\n}\n\n.p-datascroller .p-datascroller-footer {\n text-align: center;\n padding: 0.25em 0.625em;\n border-top: 0px none;\n}\n\n.p-datascroller .p-datascroller-content {\n padding: 0.25em 0.625em;\n}\n\n.p-datascroller-inline .p-datascroller-content {\n overflow: auto;\n}\n\n.p-datascroller .p-datascroller-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.p-datatable {\n position: relative;\n}\n\n.p-datatable table {\n border-collapse: collapse;\n min-width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-datatable .p-sortable-disabled {\n cursor: auto;\n}\n\n.p-datatable .p-sortable-column .p-column-title,\n.p-datatable .p-sortable-column .p-sortable-column-icon,\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n vertical-align: middle;\n}\n\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper > table,\n.p-datatable-auto-layout > .p-datatable-wrapper > table {\n table-layout: auto;\n}\n\n.p-datatable-selectable .p-selectable-row,\n.p-datatable-selectable-cell .p-selectable-cell {\n cursor: pointer;\n}\n\n.p-datatable-drag-selection-helper {\n position: absolute;\n z-index: 99999999;\n}\n\n/* Scrollable */\n.p-datatable-scrollable .p-datatable-wrapper {\n position: relative;\n overflow: auto;\n}\n\n.p-datatable-scrollable .p-datatable-thead,\n.p-datatable-scrollable .p-datatable-tbody,\n.p-datatable-scrollable .p-datatable-tfoot {\n display: block;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr,\n.p-datatable-scrollable .p-datatable-tbody > tr,\n.p-datatable-scrollable .p-datatable-tfoot > tr {\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr > th,\n.p-datatable-scrollable .p-datatable-tbody > tr > td,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td {\n display: flex;\n flex: 1 1 0;\n align-items: center;\n}\n\n.p-datatable-scrollable .p-datatable-thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-frozen-tbody {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-tfoot {\n position: sticky;\n bottom: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-frozen-column {\n position: sticky;\n background: inherit;\n}\n\n.p-datatable-scrollable th.p-frozen-column {\n z-index: 1;\n}\n\n.p-datatable-scrollable-both .p-datatable-thead > tr > th,\n.p-datatable-scrollable-both .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,\n.p-datatable-scrollable-horizontal\n .p-datatable-thead\n > tr\n > th\n .p-datatable-scrollable-horizontal\n .p-datatable-tbody\n > tr\n > td,\n.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {\n flex: 0 0 auto;\n}\n\n.p-datatable-flex-scrollable {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.p-datatable-flex-scrollable .p-datatable-wrapper {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n}\n\n.p-datatable-scrollable .p-rowgroup-header {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {\n display: table;\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {\n display: table-row;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {\n display: table-cell;\n}\n\n.p-datatable-virtual-table {\n position: absolute;\n}\n\n.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {\n display: inline-block; /* For Safari */\n}\n\n/* Resizable */\n.p-datatable-resizable > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-resizable .p-datatable-thead > tr > th,\n.p-datatable-resizable .p-datatable-tfoot > tr > td,\n.p-datatable-resizable .p-datatable-tbody > tr > td {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.p-datatable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-datatable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-datatable .p-column-header-content {\n display: flex;\n align-items: center;\n}\n\n.p-datatable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n.p-datatable .p-row-editor-init,\n.p-datatable .p-row-editor-save,\n.p-datatable .p-row-editor-cancel {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Expand */\n.p-datatable .p-row-toggler {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Reorder */\n.p-datatable-reorder-indicator-up,\n.p-datatable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n.p-reorderable-column,\n.p-datatable-reorderablerow-handle {\n cursor: move;\n}\n\n/* Loader */\n.p-datatable .p-datatable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n}\n\n/* Filter */\n.p-column-filter-row {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.p-column-filter-menu {\n display: inline-flex;\n margin-left: auto;\n}\n\n.p-column-filter-row .p-column-filter-element {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-column-filter-menu-button,\n.p-column-filter-clear-button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-column-filter-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-column-filter-row-items {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-column-filter-row-item {\n cursor: pointer;\n}\n\n.p-column-filter-add-button,\n.p-column-filter-remove-button {\n justify-content: center;\n}\n\n.p-column-filter-add-button .p-button-label,\n.p-column-filter-remove-button .p-button-label {\n flex-grow: 0;\n}\n\n.p-column-filter-buttonbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n width: auto;\n}\n\n/* Responsive */\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n display: none;\n}\n\n/* VirtualScroller */\n.p-datatable .p-virtualscroller-loading {\n transform: none !important;\n min-height: 0;\n position: sticky;\n top: 0;\n left: 0;\n}\n\n/* Alignment */\n.p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-left,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n text-align: left;\n justify-content: flex-start;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-right,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n text-align: right;\n justify-content: flex-end;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-center,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n text-align: center;\n justify-content: center;\n}\n\n.p-dataview-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-dialog-visible {\n display: flex;\n}\n\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-dialog:not([class*='p-dialog-']) {\n display: none;\n}\n\n.p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.p-dialog-footer {\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-dialog .p-dialog-title {\n flex-grow: 1;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-dialog-enter-done {\n transform: none;\n}\n\n.p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-top-left .p-dialog,\n.p-dialog-top-right .p-dialog,\n.p-dialog-bottom-left .p-dialog,\n.p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n}\n\n.p-dialog-top .p-dialog-enter,\n.p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-dialog-bottom .p-dialog-enter,\n.p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-dialog-left .p-dialog-enter,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-enter,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-enter,\n.p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-dialog-right .p-dialog-enter,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-enter,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-enter,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-top-left .p-dialog-enter-active,\n.p-dialog-bottom-left .p-dialog-enter-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-top-right .p-dialog-enter-active,\n.p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n}\n\n.p-dialog-top .p-dialog-exit-active,\n.p-dialog-bottom .p-dialog-exit-active,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-exit-active,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n}\n\n/* Maximize */\n.p-dialog-maximized {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n.p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n justify-content: flex-start;\n}\n\n.p-dialog-right {\n justify-content: flex-end;\n}\n\n.p-dialog-top {\n align-items: flex-start;\n}\n\n.p-dialog-top-left {\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.p-dialog-top-right {\n justify-content: flex-end;\n align-items: flex-start;\n}\n\n.p-dialog-bottom {\n align-items: flex-end;\n}\n\n.p-dialog-bottom-left {\n justify-content: flex-start;\n align-items: flex-end;\n}\n\n.p-dialog-bottom-right {\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n}\n\n/* Resizable */\n.p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n}\n\n.p-dialog-draggable .p-dialog-header {\n cursor: move;\n}\n\n.p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n}\n\n.p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n}\n\n.p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n}\n\n.p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n}\n\n.p-divider-horizontal.p-divider-center {\n justify-content: center;\n}\n\n.p-divider-content {\n z-index: 1;\n}\n\n.p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n}\n\n.p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: '';\n}\n\n.p-divider-vertical.p-divider-top {\n align-items: flex-start;\n}\n\n.p-divider-vertical.p-divider-center {\n align-items: center;\n}\n\n.p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n}\n.p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n}\n\n.p-dock-container {\n display: flex;\n pointer-events: auto;\n}\n\n.p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n}\n\n.p-dock-magnification .p-dock-item {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n}\n\n.p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n}\n\n.p-dock-magnification .p-dock-item-second-prev,\n.p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n}\n\n.p-dock-magnification .p-dock-item-prev,\n.p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n}\n\n.p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n}\n\n.p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n}\n\n.p-dock-top .p-dock-container {\n flex-direction: column-reverse;\n}\n\n/* bottom */\n.p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n}\n\n.p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n}\n\n.p-dock-bottom .p-dock-container {\n flex-direction: column;\n}\n\n/* right */\n.p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n}\n\n.p-dock-right .p-dock-list {\n flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n}\n\n.p-dock-left .p-dock-list {\n flex-direction: column;\n}\n\n.p-dock-left .p-dock-container {\n flex-direction: row-reverse;\n}\n\n.p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-dropdown-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\ninput.p-dropdown-label {\n cursor: default;\n}\n\n.p-dropdown .p-dropdown-panel {\n min-width: 100%;\n}\n\n.p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-dropdown-items-wrapper {\n overflow: auto;\n}\n\n.p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-dropdown-filter {\n width: 100%;\n}\n\n.p-dropdown-filter-container {\n position: relative;\n}\n\n.p-dropdown-filter-icon,\n.p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-dropdown {\n display: flex;\n}\n\n.p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n}\n\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n list-style-type: none;\n}\n.ql-editor ul > li::before {\n content: '\\2022';\n}\n.ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false'] {\n pointer-events: none;\n}\n.ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li * {\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before {\n color: #777;\n cursor: pointer;\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before {\n content: '\\2611';\n}\n.ql-editor ul[data-checked='false'] > li::before {\n content: '\\2610';\n}\n.ql-editor li::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n}\n.ql-editor ol li:before {\n content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type='file'],\n.ql-snow .ql-toolbar input.ql-image[type='file'] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor pre {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n white-space: pre-wrap;\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor pre.ql-syntax {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0px;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n content: 'Heading 1';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n content: 'Heading 2';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n content: 'Heading 3';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n content: 'Heading 4';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n content: 'Heading 5';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n content: 'Heading 6';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: 'Sans Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n content: 'Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n content: 'Monospace';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n content: 'Small';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n content: 'Large';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n content: 'Huge';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0px;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0px 0px 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: 'Visit URL:';\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type='text'] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0px;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: 'Edit';\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: 'Remove';\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type='text'] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0px;\n content: 'Save';\n padding-right: 0px;\n}\n.ql-snow .ql-tooltip[data-mode='link']::before {\n content: 'Enter link:';\n}\n.ql-snow .ql-tooltip[data-mode='formula']::before {\n content: 'Enter formula:';\n}\n.ql-snow .ql-tooltip[data-mode='video']::before {\n content: 'Enter video:';\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-fieldset-toggleable .p-fieldset-legend a {\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n}\n\n.p-fieldset-legend-text {\n line-height: 1;\n}\n\n.p-fileupload-content {\n position: relative;\n}\n\n.p-fileupload-row {\n display: flex;\n align-items: center;\n}\n\n.p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n}\n\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n\n.p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n\n.p-button.p-fileupload-choose input[type='file'] {\n display: none;\n}\n\n.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n}\n\n.p-fileupload-filename {\n word-wrap: break-word;\n}\n\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n}\n\n.p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n display: flex;\n}\n\n.p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.5;\n}\n\n.p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n}\n\n/* Indicators */\n.p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n}\n\n.p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n/* FullScreen */\n.p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n\n.p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n/* Animation */\n.p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-enter-done {\n transform: none;\n}\n\n.p-galleria-exit {\n opacity: 1;\n}\n\n.p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n}\n\n.p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-image-preview-container {\n position: relative;\n display: inline-block;\n}\n\n.p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.p-image-preview-icon {\n font-size: 1.5rem;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n}\n\n.p-image-preview-container > img {\n cursor: pointer;\n}\n\n.p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n}\n\n.p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-image-preview {\n transition: transform 0.15s;\n max-width: 100vw;\n max-height: 100vh;\n}\n\n.p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-preview-enter-done {\n transform: none;\n}\n\n.p-image-preview-exit {\n opacity: 1;\n}\n\n.p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inplace-content-close {\n margin-left: 0.25rem;\n}\n\n.p-inputnumber {\n display: inline-flex;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-fluid .p-inputnumber {\n width: 100%;\n}\n\n.p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n}\n\n.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n}\n\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n\n.p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n width: 100%;\n}\n\n@keyframes dash-frame {\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.p-knob-range {\n fill: none;\n transition: stroke 0.1s ease-in;\n}\n.p-knob-value {\n animation-name: dash-frame;\n animation-fill-mode: forwards;\n fill: none;\n}\n.p-knob-text {\n font-size: 1.3rem;\n text-align: center;\n}\n.p-listbox-list-wrapper {\n overflow: auto;\n}\n\n.p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n}\n\n.p-listbox-filter-container {\n position: relative;\n}\n\n.p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-listbox-filter {\n width: 100%;\n}\n\n.p-megamenu {\n display: flex;\n}\n\n.p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-megamenu-root-list > .p-menuitem {\n position: relative;\n}\n\n.p-megamenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-megamenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-megamenu-panel {\n display: none;\n position: absolute;\n width: auto;\n z-index: 1;\n}\n\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n}\n\n.p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal {\n align-items: center;\n}\n\n.p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-megamenu-horizontal .p-megamenu-custom,\n.p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n}\n\n/* Vertical */\n.p-megamenu-vertical {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-megamenu-grid {\n display: flex;\n}\n\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n}\n\n.p-megamenu-col-2 {\n width: 16.6667%;\n}\n\n.p-megamenu-col-3 {\n width: 25%;\n}\n\n.p-megamenu-col-4 {\n width: 33.3333%;\n}\n\n.p-megamenu-col-6 {\n width: 50%;\n}\n\n.p-megamenu-col-12 {\n width: 100%;\n}\n\n.p-mention {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-mention .p-mention-panel {\n min-width: 100%;\n}\n\n.p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-fluid .p-mention {\n display: flex;\n}\n\n.p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar {\n display: flex;\n align-items: center;\n}\n\n.p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menubar .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menubar .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar .p-menuitem {\n position: relative;\n}\n\n.p-menubar-root-list {\n display: flex;\n align-items: center;\n}\n\n.p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n}\n\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n}\n\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n}\n\n.p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n}\n\n.p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n}\n\n.p-fluid .p-inline-message {\n display: flex;\n}\n\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter {\n opacity: 0;\n}\n\n.p-message-enter-active {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin: 0;\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-exit-active .p-message-close {\n display: none;\n}\n\n.p-multiselect {\n display: inline-flex;\n position: relative;\n user-select: none;\n}\n\n.p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n}\n\n.p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-multiselect-token-icon {\n cursor: pointer;\n}\n\n.p-multiselect .p-multiselect-panel {\n min-width: 100%;\n}\n\n.p-multiselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n}\n\n.p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n}\n\n.p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n}\n\n.p-multiselect-items-wrapper {\n overflow: auto;\n}\n\n.p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-multiselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-multiselect {\n display: flex;\n}\n\n.p-orderlist {\n display: flex;\n}\n\n.p-orderlist-controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-orderlist-list-container {\n flex: 1 1 auto;\n}\n\n.p-orderlist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-orderlist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-orderlist-filter {\n position: relative;\n}\n\n.p-orderlist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-orderlist-filter-input {\n width: 100%;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n cursor: default;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-list {\n overflow: hidden;\n}\n\n.p-orderlist .p-orderlist-droppoint {\n height: 0.5rem;\n}\n\n.p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n background: var(--primary-color);\n}\n\n.p-organizationchart-table {\n border-spacing: 0;\n border-collapse: separate;\n margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n text-align: center;\n vertical-align: top;\n padding: 0 0.75rem;\n}\n\n.p-organizationchart-node-content {\n display: inline-block;\n position: relative;\n}\n\n.p-organizationchart-node-content .p-node-toggler {\n position: absolute;\n bottom: -0.75rem;\n margin-left: -0.75rem;\n z-index: 2;\n left: 50%;\n user-select: none;\n cursor: pointer;\n width: 1.5rem;\n height: 1.5rem;\n text-decoration: none;\n}\n\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n position: relative;\n top: 0.25rem;\n}\n\n.p-organizationchart-line-down {\n margin: 0 auto;\n height: 20px;\n width: 1px;\n}\n\n.p-organizationchart-line-right {\n border-radius: 0px;\n}\n\n.p-organizationchart-line-left {\n border-radius: 0;\n}\n\n.p-organizationchart-selectable-node {\n cursor: pointer;\n}\n\n.p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-overlaypanel-enter-done {\n transform: none;\n}\n\n.p-overlaypanel-exit {\n opacity: 1;\n}\n\n.p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n.p-overlaypanel:after,\n.p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-overlaypanel-flipped:after,\n.p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-paginator {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-paginator-left-content {\n margin-right: auto;\n}\n\n.p-paginator-right-content {\n margin-left: auto;\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n user-select: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-paginator-element:focus {\n z-index: 1;\n position: relative;\n}\n\n.p-panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.p-panel-title {\n line-height: 1;\n}\n\n.p-panel-header-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-password {\n position: relative;\n display: inline-flex;\n}\n\n.p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-password .p-password-panel {\n min-width: 100%;\n}\n\n.p-password-meter {\n height: 10px;\n}\n\n.p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n}\n\n.p-fluid .p-password {\n display: flex;\n}\n\n.p-picklist {\n display: flex;\n}\n\n.p-picklist-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-picklist-list-wrapper {\n flex: 1 1 50%;\n}\n\n.p-picklist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-picklist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-picklist-filter {\n position: relative;\n}\n\n.p-picklist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-picklist-filter-input {\n width: 100%;\n}\n\n.p-progressbar {\n position: relative;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n height: 100%;\n width: 0%;\n position: absolute;\n display: none;\n border: 0 none;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n display: inline-flex;\n}\n\n.p-progressbar-determinate .p-progressbar-value-animate {\n transition: width 1s ease-in-out;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n -webkit-animation-delay: 1.15s;\n animation-delay: 1.15s;\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n\n.p-progress-spinner-svg {\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n\n@keyframes p-progress-spinner-rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes p-progress-spinner-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n@keyframes p-progress-spinner-color {\n 100%,\n 0% {\n stroke: #d62d20;\n }\n 40% {\n stroke: #0057e7;\n }\n 66% {\n stroke: #008744;\n }\n 80%,\n 90% {\n stroke: #ffa700;\n }\n}\n\n.p-radiobutton {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-radiobutton-icon {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0) scale(0.1);\n border-radius: 50%;\n visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n}\n\n.p-rating {\n display: flex;\n align-items: center;\n}\n\n.p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n\n.p-rating.p-readonly .p-rating-item {\n cursor: default;\n}\n\n.p-ripple {\n overflow: hidden;\n position: relative;\n}\n\n.p-ink {\n display: block;\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n transform: scale(0);\n}\n\n.p-ink-active {\n animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n display: none !important;\n}\n\n@keyframes ripple {\n 100% {\n opacity: 0;\n transform: scale(2.5);\n }\n}\n\n.p-scrollpanel-wrapper {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + 18px);\n width: calc(100% + 18px);\n padding: 0 18px 18px 0;\n position: relative;\n overflow: scroll;\n box-sizing: border-box;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n background: #c1c1c1;\n border-radius: 3px;\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.25s linear;\n}\n\n.p-scrollpanel-bar-y {\n width: 9px;\n top: 0;\n}\n\n.p-scrollpanel-bar-x {\n height: 9px;\n bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n user-select: none;\n}\n\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-scrolltop-sticky {\n position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n\n.p-scrolltop-helper {\n display: none !important;\n}\n\n.p-scrolltop-enter {\n opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n opacity: 1;\n transition: opacity 0.15s;\n}\n\n.p-scrolltop-exit {\n opacity: 1;\n}\n\n.p-scrolltop-exit-active {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.p-sidebar-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-sidebar-visible {\n display: flex;\n}\n\n.p-sidebar-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-sidebar {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n transform: translate3d(0px, 0px, 0px);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-sidebar:not([class*='p-sidebar-']) {\n display: none;\n}\n\n.p-sidebar-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-sidebar-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n}\n\n.p-sidebar-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-sidebar-full .p-sidebar {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n/* Animation */\n/* Top, Bottom, Left and Right */\n.p-sidebar-top .p-sidebar-enter,\n.p-sidebar-top .p-sidebar-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-sidebar-bottom .p-sidebar-enter,\n.p-sidebar-bottom .p-sidebar-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-sidebar-left .p-sidebar-enter,\n.p-sidebar-left .p-sidebar-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-sidebar-right .p-sidebar-enter,\n.p-sidebar-right .p-sidebar-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-sidebar-top .p-sidebar-enter-active,\n.p-sidebar-bottom .p-sidebar-enter-active,\n.p-sidebar-left .p-sidebar-enter-active,\n.p-sidebar-right .p-sidebar-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s;\n}\n\n.p-sidebar-top .p-sidebar-enter-done,\n.p-sidebar-bottom .p-sidebar-enter-done,\n.p-sidebar-left .p-sidebar-enter-done,\n.p-sidebar-right .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-top .p-sidebar-exit-active,\n.p-sidebar-bottom .p-sidebar-exit-active,\n.p-sidebar-left .p-sidebar-exit-active,\n.p-sidebar-right .p-sidebar-exit-active {\n transition: all 0.3s;\n}\n\n/* Full */\n.p-sidebar-full .p-sidebar-enter {\n opacity: 0;\n transform: scale(0.5);\n}\n\n.p-sidebar-full .p-sidebar-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-sidebar-full .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-full .p-sidebar-exit-active {\n opacity: 0;\n transform: scale(0.5);\n transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Position */\n.p-sidebar-left {\n justify-content: flex-start;\n}\n\n.p-sidebar-right {\n justify-content: flex-end;\n}\n\n.p-sidebar-top {\n align-items: flex-start;\n}\n\n.p-sidebar-bottom {\n align-items: flex-end;\n}\n\n/* Size */\n.p-sidebar-left .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-right .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-top .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-bottom .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-left .p-sidebar-sm,\n.p-sidebar-right .p-sidebar-sm {\n width: 20rem;\n}\n\n.p-sidebar-left .p-sidebar-md,\n.p-sidebar-right .p-sidebar-md {\n width: 40rem;\n}\n\n.p-sidebar-left .p-sidebar-lg,\n.p-sidebar-right .p-sidebar-lg {\n width: 60rem;\n}\n\n.p-sidebar-top .p-sidebar-sm,\n.p-sidebar-bottom .p-sidebar-sm {\n height: 10rem;\n}\n\n.p-sidebar-top .p-sidebar-md,\n.p-sidebar-bottom .p-sidebar-md {\n height: 20rem;\n}\n\n.p-sidebar-top .p-sidebar-lg,\n.p-sidebar-bottom .p-sidebar-lg {\n height: 30rem;\n}\n\n.p-sidebar-left .p-sidebar-view,\n.p-sidebar-right .p-sidebar-view,\n.p-sidebar-top .p-sidebar-view,\n.p-sidebar-bottom .p-sidebar-view {\n width: 100%;\n height: 100%;\n}\n\n.p-sidebar-left .p-sidebar-content,\n.p-sidebar-right .p-sidebar-content,\n.p-sidebar-top .p-sidebar-content,\n.p-sidebar-bottom .p-sidebar-content {\n width: 100%;\n height: 100%;\n}\n\n@media screen and (max-width: 64em) {\n .p-sidebar-left .p-sidebar-lg,\n .p-sidebar-left .p-sidebar-md,\n .p-sidebar-right .p-sidebar-lg,\n .p-sidebar-right .p-sidebar-md {\n width: 20rem;\n }\n}\n\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n\n.p-skeleton::after {\n content: '';\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transform: translateX(-100%);\n z-index: 1;\n}\n\n.p-skeleton-circle {\n border-radius: 50%;\n}\n\n.p-skeleton-none::after {\n animation: none;\n}\n\n@keyframes p-skeleton-animation {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(100%);\n }\n}\n.p-slidemenu {\n width: 12.5em;\n}\n\n.p-slidemenu.p-slidemenu-overlay {\n position: absolute;\n}\n\n.p-slidemenu .p-menu-separator {\n border-width: 1px 0 0 0;\n}\n\n.p-slidemenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.p-slidemenu .p-slidemenu-rootlist {\n position: absolute;\n top: 0;\n}\n\n.p-slidemenu .p-submenu-list {\n display: none;\n position: absolute;\n top: 0;\n width: 12.5em;\n}\n\n.p-slidemenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-slidemenu .p-menuitem-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-text {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem {\n position: relative;\n}\n\n.p-slidemenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-slidemenu .p-slidemenu-wrapper {\n position: relative;\n}\n\n.p-slidemenu .p-slidemenu-content {\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n height: 100%;\n}\n\n.p-slidemenu-backward {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 0.25em;\n cursor: pointer;\n}\n\n.p-slidemenu-backward .p-slidemenu-backward-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu-backward span {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-active {\n position: static;\n}\n\n.p-slidemenu .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-slider {\n position: relative;\n}\n\n.p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n}\n\n.p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n}\n\n.p-slider-range {\n position: absolute;\n display: block;\n}\n\n.p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n}\n\n.p-slider-horizontal .p-slider-handle {\n top: 50%;\n}\n\n.p-slider-vertical {\n height: 100px;\n}\n\n.p-slider-vertical .p-slider-handle {\n left: 50%;\n}\n\n.p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n.p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n}\n\n.p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n}\n\n.p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n}\n\n.p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-speeddial-circle .p-speeddial-item,\n.p-speeddial-semi-circle .p-speeddial-item,\n.p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n}\n\n.p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n}\n\n.p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n}\n\n.p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n}\n\n.p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n}\n\n/* Direction */\n.p-speeddial-direction-up {\n align-items: center;\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-up .p-speeddial-list {\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-down {\n align-items: center;\n flex-direction: column;\n}\n\n.p-speeddial-direction-down .p-speeddial-list {\n flex-direction: column;\n}\n\n.p-speeddial-direction-left {\n justify-content: center;\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-left .p-speeddial-list {\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-right {\n justify-content: center;\n flex-direction: row;\n}\n\n.p-speeddial-direction-right .p-speeddial-list {\n flex-direction: row;\n}\n\n.p-splitbutton {\n display: inline-flex;\n position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n display: flex;\n}\n\n.p-splitter {\n display: flex;\n flex-wrap: nowrap;\n}\n\n.p-splitter-vertical {\n flex-direction: column;\n}\n\n.p-splitter-panel {\n flex-grow: 1;\n}\n\n.p-splitter-panel-nested {\n display: flex;\n}\n\n.p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n}\n\n.p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n}\n\n.p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n}\n\n.p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n}\n\n.p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n}\n\n.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n}\n\n.p-steps {\n position: relative;\n}\n\n.p-steps ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n}\n\n.p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n}\n\n.p-steps-item .p-menuitem-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-steps.p-readonly .p-steps-item {\n cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n cursor: default;\n}\n\n.p-steps-title {\n white-space: nowrap;\n}\n\n.p-steps-number {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-steps-title {\n display: block;\n}\n\n.p-tabmenu {\n overflow-x: auto;\n}\n\n.p-tabmenu-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex-wrap: nowrap;\n}\n\n.p-tabmenu-nav a {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabmenu-nav a:focus {\n z-index: 1;\n}\n\n.p-tabmenu-nav .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tabmenu-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabmenu::-webkit-scrollbar {\n display: none;\n}\n\n.p-tabview-nav-container {\n position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n}\n\n.p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n position: relative;\n}\n\n.p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n}\n\n.p-tabview-nav-link {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabview-nav-link:focus {\n z-index: 1;\n}\n\n.p-tabview-close {\n z-index: 1;\n}\n\n.p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tabview-nav-prev {\n left: 0;\n}\n\n.p-tabview-nav-next {\n right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n line-height: 1.5;\n}\n\n.p-tag.p-tag-rounded {\n border-radius: 10rem;\n}\n.p-terminal {\n height: 18rem;\n overflow: auto;\n}\n\n.p-terminal-prompt-container {\n display: flex;\n align-items: center;\n}\n\n.p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n display: none;\n}\n\n.p-tieredmenu-overlay {\n position: absolute;\n}\n\n.p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tieredmenu .p-menuitem {\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n}\n\n.p-timeline {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-event {\n display: flex;\n position: relative;\n min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n min-height: 0;\n}\n\n.p-timeline-event-opposite {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n flex: 0;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n.p-timeline-event-marker {\n display: flex;\n align-self: baseline;\n}\n\n.p-timeline-event-connector {\n flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n flex-direction: column;\n flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: column-reverse;\n}\n\n.p-toast {\n position: fixed;\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n}\n\n.p-toast-message-content {\n display: flex;\n align-items: flex-start;\n}\n\n.p-toast-message-text {\n flex: 1 1 auto;\n}\n\n.p-toast-detail {\n overflow-wrap: anywhere;\n}\n\n.p-toast-top-right {\n --toast-indent: 20px;\n top: 20px;\n right: 20px;\n}\n\n.p-toast-top-left {\n --toast-indent: 20px;\n top: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-left {\n --toast-indent: 20px;\n bottom: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-right {\n --toast-indent: 20px;\n bottom: 20px;\n right: 20px;\n}\n\n.p-toast-top-center {\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-bottom-center {\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-center {\n left: 50%;\n top: 50%;\n min-width: 20vw;\n transform: translate(-50%, -50%);\n}\n\n.p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-toast-icon-close.p-link {\n cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n}\n\n.p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n}\n\n.p-toast-message-enter-done {\n transform: none;\n}\n\n.p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n\n.p-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n display: flex;\n align-items: center;\n}\n\n.p-tooltip {\n position: absolute;\n padding: 0.25em 0.5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n padding: 0 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n padding: 0.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n}\n\n.p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0.25em 0.25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0 0.25em 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n padding: 0.25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0.25em 0.25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0 0.25em 0.25rem;\n}\n\n.p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n}\n\n.p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n}\n\n.p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n}\n\n.p-treenode-content {\n display: flex;\n align-items: center;\n}\n\n.p-tree-filter {\n width: 100%;\n}\n\n.p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-treeselect .p-treeselect-panel {\n min-width: 100%;\n}\n\n.p-treeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-treeselect-items-wrapper {\n overflow: auto;\n}\n\n.p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-treeselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-treeselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-treeselect {\n display: flex;\n}\n\n.p-treetable {\n position: relative;\n}\n\n.p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n table-layout: auto;\n}\n\n.p-treetable-selectable .p-treetable-tbody > tr {\n cursor: pointer;\n}\n\n.p-treetable-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n vertical-align: middle;\n overflow: hidden;\n position: relative;\n}\n\n.p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n}\n\n.p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n overflow: hidden;\n}\n\n.p-treetable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-treetable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n/* Scrollable */\n.p-treetable-scrollable-wrapper {\n position: relative;\n}\n.p-treetable-scrollable-header,\n.p-treetable-scrollable-footer {\n overflow: hidden;\n border: 0 none;\n}\n\n.p-treetable-scrollable-body {\n overflow: auto;\n position: relative;\n}\n\n.p-treetable-virtual-table {\n position: absolute;\n}\n\n/* Frozen Columns */\n.p-treetable-frozen-view .p-treetable-scrollable-body {\n overflow: hidden;\n}\n\n.p-treetable-unfrozen-view {\n position: absolute;\n top: 0px;\n left: 0px;\n}\n\n/* Reorder */\n.p-treetable-reorder-indicator-up,\n.p-treetable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n/* Loader */\n.p-treetable .p-treetable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n\n\n\n\n\n\n/* ## header */\n.p-multiselect-panel {\n border-radius: 8px;\n box-shadow: 4px 4px 15px 0px #00000040;\n width: fit-content;\n margin-top:10px ;\n}\n.p-multiselect-panel .p-multiselect-header {\n border-radius: 8px 8px 0px 0px;\n background: #ffff !important;\n border: none !important;\n}\n\n\n.p-multiselect-panel .p-multiselect-footer {\n border-radius: 0px 0px 8px 8px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('https://cdn-images.frstfalconi.cloud/check.png') no-repeat center center;\n width: 15px;\n height: 12px;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close span {\n background: transparent !important;\n margin-right: 5px;\n margin-bottom: 5px;\n margin-left: 2px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 2px #757575 solid;\n box-shadow: none;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {\n border-color: #f18624;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #f18624;\n background: #f26818;\n}\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #f18624;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: none;\n border-color: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box {\n border: 2px #757575 solid;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:enabled:focus {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n/* ##Items wrapper */\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item{\n word-break: break-all;\n white-space: normal;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper{\n width: 300px;\n align-items: center;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 2px #757575 solid;\n}\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #f18624;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n border-width: 1px 0px 0px 0px;\n padding: 1rem 1rem;\n border-style: solid;\n border-color: #ebebeb;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component {\n width: 100%;\n padding: 0rem 0.3rem;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item .p-checkbox {\n margin-right: 16px;\n width: fit-content;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('https://cdn-images.frstfalconi.cloud/check.png') no-repeat center center;\n width: 15px;\n height: 12px;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-checkbox:not(.p-checkbox-disabled)\n .p-checkbox-box.p-highlight:hover {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #ff4d0d;\n background: #ff4d0d;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:focus {\n box-shadow: none;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-multiselect-items\n .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {\n background: #f7f9fc;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #525960;\n background: #f2f2f2;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar {\n width: 0.4rem;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb {\n background-color: #c4c4c4;\n border-radius: 20px;\n}\n";
|
|
17728
17992
|
styleInject(css_248z$1);
|
|
17729
17993
|
|
|
17730
17994
|
var css_248z = ".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 ";
|
|
@@ -17767,7 +18031,8 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
|
|
|
17767
18031
|
};
|
|
17768
18032
|
const selectedItems = selectedListItems;
|
|
17769
18033
|
const length = selectedItems ? selectedItems.length : 0;
|
|
17770
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(containerFiltro, { children: [length >= 1 && (jsxRuntime.jsx(countSelect, { children: jsxRuntime.jsx(textCountSelectNumber, { children: length }) })), jsxRuntime.jsx(FiltroPrimeReact, { onClickFilter: onClickFilter, children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedListItems, options: listFilterSearch, onChange: (e) => handleSelectItems(e.value), optionLabel: optionLabel, placeholder: placeholderSelect ? placeholderSelect : 'Por favor escolha', className: "multiselect-custom",
|
|
18034
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(containerFiltro, { children: [length >= 1 && (jsxRuntime.jsx(countSelect, { children: jsxRuntime.jsx(textCountSelectNumber, { children: length }) })), jsxRuntime.jsx(FiltroPrimeReact, { onClickFilter: onClickFilter, children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedListItems, options: listFilterSearch, onChange: (e) => handleSelectItems(e.value), optionLabel: optionLabel, placeholder: placeholderSelect ? placeholderSelect : 'Por favor escolha', className: "multiselect-custom",
|
|
18035
|
+
// panelStyle={selectItemsCss}
|
|
17771
18036
|
// selectedItemTemplate={selectedCountriesTemplate()}
|
|
17772
18037
|
selectedItemsLabel: placeholderSelect, disabled: isDisabled, maxSelectedLabels: 0, filter: false, showSelectAll: false, onClick: () => (onClickFilter ? setOnClickFilter(false) : setOnClickFilter(true)), panelHeaderTemplate: handleTemplateHeader(), removeIcon: handleRemoveIcon, dropdownIcon: handleDropdownIcon }) })] }) }));
|
|
17773
18038
|
}
|
|
@@ -17775,6 +18040,7 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
|
|
|
17775
18040
|
exports.AccordionList = AccordionList$2;
|
|
17776
18041
|
exports.AccordionTrackList = AccordionTrackList;
|
|
17777
18042
|
exports.AddIcon = AddIcon;
|
|
18043
|
+
exports.AdmButton = AdmButton;
|
|
17778
18044
|
exports.AlertCicle = AlertCicle;
|
|
17779
18045
|
exports.AudioPlayer = AudioPlayer;
|
|
17780
18046
|
exports.Avatar = Avatar;
|
|
@@ -17821,6 +18087,7 @@ exports.Diamond = Diamond;
|
|
|
17821
18087
|
exports.DoubleCheck = DoubleCheck;
|
|
17822
18088
|
exports.EditIcon = EditIcon;
|
|
17823
18089
|
exports.EmojiPicker = EmojiPicker;
|
|
18090
|
+
exports.EmptyAvatar = EmptyAvatar;
|
|
17824
18091
|
exports.ExclusiveClassCard = ExclusiveClassCard;
|
|
17825
18092
|
exports.ExitArrow = ExitArrow;
|
|
17826
18093
|
exports.ExpandButton = ExpandButton;
|
|
@@ -17833,6 +18100,7 @@ exports.FilterAccordionCheckbox = FilterAccordionCheckbox;
|
|
|
17833
18100
|
exports.FiltroGaleriaDesafios = FiltroGaleriaDesafios;
|
|
17834
18101
|
exports.GlobalMenu = GlobalMenu;
|
|
17835
18102
|
exports.GroupStatistics = TotalizerCard;
|
|
18103
|
+
exports.GroupsTable = GroupsTable;
|
|
17836
18104
|
exports.HeaderChallenge = HeaderChallenge;
|
|
17837
18105
|
exports.HeaderContent = HeaderContent;
|
|
17838
18106
|
exports.HeaderImprovementIdea = HeaderImprovementIdea;
|