pge-front-common 14.1.31 → 14.1.33
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/lib/components/FloatingMenu/FloatingMenu.stories.d.ts +14 -0
- package/lib/components/FloatingMenu/index.d.ts +3 -0
- package/lib/components/FloatingMenu/index.type.d.ts +9 -0
- package/lib/components/PaginationV2/index.d.ts +2 -1
- package/lib/components/PaginationV2/pagination.stories.d.ts +1 -0
- package/lib/components/PaginationV2/selectPagination.d.ts +2 -1
- package/lib/icons/calculate-icon.d.ts +2 -0
- package/lib/icons/index.d.ts +6 -1
- package/lib/icons/payment-icon.d.ts +2 -0
- package/lib/icons/two-user-icon.d.ts +2 -0
- package/lib/icons/two-user-search-icon.d.ts +2 -0
- package/lib/icons/up-arrow-icon.d.ts +2 -0
- package/lib/index.d.ts +27 -2
- package/lib/index.esm.js +579 -393
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +585 -392
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -106,38 +106,38 @@ function styleInject(css, ref) {
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
var css_248z$
|
|
110
|
-
var styles$
|
|
111
|
-
styleInject(css_248z$
|
|
109
|
+
var css_248z$G = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt {\r\n border: 1px solid #dc3545;\r\n background: transparent;\r\n color: #dc3545;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt:hover {\r\n background-color: #dc3545;\r\n color: #ffffff;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
110
|
+
var styles$C = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z","outline-danger":"button-module__outline-danger___lK8Xt"};
|
|
111
|
+
styleInject(css_248z$G);
|
|
112
112
|
|
|
113
113
|
function Button$1(_a) {
|
|
114
114
|
var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
|
|
115
|
-
return (React.createElement("button", __assign({ className: "".concat(styles$
|
|
115
|
+
return (React.createElement("button", __assign({ className: "".concat(styles$C.button, " ").concat(styles$C[variant]) }, props),
|
|
116
116
|
leftIcon,
|
|
117
117
|
text));
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
121
121
|
|
|
122
|
-
var css_248z$
|
|
123
|
-
var styles$
|
|
124
|
-
styleInject(css_248z$
|
|
122
|
+
var css_248z$F = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelInput___LHLDU {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n font-size: var(--font-size-12, 12px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n.styles-module__messageContainer___bVBqh {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__messageWrapper___gvioZ {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__counter___-yIJv {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.styles-module__messageError___QtCRI {\r\n color: var(--color-danger);\r\n}\r\n";
|
|
123
|
+
var styles$B = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","labelRequired":"styles-module__labelRequired___S-Q5b","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d","messageContainer":"styles-module__messageContainer___bVBqh","messageWrapper":"styles-module__messageWrapper___gvioZ","counter":"styles-module__counter___-yIJv","messageError":"styles-module__messageError___QtCRI"};
|
|
124
|
+
styleInject(css_248z$F);
|
|
125
125
|
|
|
126
126
|
var InputBase = function (_a) {
|
|
127
127
|
var _b;
|
|
128
128
|
var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, required = _a.required, error = _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var showCounter = _a.showCounter, value = _a.value, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className", "showCounter", "value"]);
|
|
129
129
|
var characterCount = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
|
|
130
|
-
return (React.createElement("div", { className: styles$
|
|
131
|
-
label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$
|
|
132
|
-
React.createElement("div", { className: styles$
|
|
133
|
-
leftIcon && React.createElement("div", { className: styles$
|
|
134
|
-
React.createElement("input", __assign({ className: clsx(styles$
|
|
135
|
-
_b[styles$
|
|
130
|
+
return (React.createElement("div", { className: styles$B.inputContainer },
|
|
131
|
+
label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$B.labelInput, " ").concat(required ? styles$B.labelRequired : "") }, label)),
|
|
132
|
+
React.createElement("div", { className: styles$B.inputContent },
|
|
133
|
+
leftIcon && React.createElement("div", { className: styles$B.iconWrapperLeft }, leftIcon),
|
|
134
|
+
React.createElement("input", __assign({ className: clsx(styles$B.textInput, customClass, (_b = {},
|
|
135
|
+
_b[styles$B.textInputDanger] = restrictionMessage || error,
|
|
136
136
|
_b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.id || props.name, value: value }, props, { disabled: disabled })),
|
|
137
|
-
rightIcon && (React.createElement("button", { tabIndex: -1, type: "button", className: styles$
|
|
138
|
-
(restrictionMessage || showCounter) && (React.createElement("div", { className: styles$
|
|
139
|
-
React.createElement("div", { className: styles$
|
|
140
|
-
showCounter && (React.createElement("div", { className: "".concat(styles$
|
|
137
|
+
rightIcon && (React.createElement("button", { tabIndex: -1, type: "button", className: styles$B.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
|
|
138
|
+
(restrictionMessage || showCounter) && (React.createElement("div", { className: styles$B.messageContainer },
|
|
139
|
+
React.createElement("div", { className: styles$B.messageWrapper }, restrictionMessage && (React.createElement("div", { className: styles$B.restrictionMessage }, restrictionMessage))),
|
|
140
|
+
showCounter && (React.createElement("div", { className: "".concat(styles$B.counter, " ").concat(restrictionMessage ? styles$B.messageError : "") }, characterCount))))));
|
|
141
141
|
};
|
|
142
142
|
|
|
143
143
|
var IconDownload = function (props) { return (React.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -537,54 +537,69 @@ var IconArrowLeft = function (props) {
|
|
|
537
537
|
React.createElement("path", { d: "M6.8999 12.5L0.899902 6.5L6.8999 0.5L8.2999 1.9L3.6999 6.5L8.2999 11.1L6.8999 12.5Z", fill: (_c = props === null || props === void 0 ? void 0 : props.fill) !== null && _c !== void 0 ? _c : "currentColor" })));
|
|
538
538
|
};
|
|
539
539
|
|
|
540
|
-
var
|
|
541
|
-
|
|
542
|
-
|
|
540
|
+
var IconPayment = function (props) { return (React.createElement("svg", __assign({ width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
541
|
+
React.createElement("path", { d: "M7 5C6.58333 5 6.22917 4.85417 5.9375 4.5625C5.64583 4.27083 5.5 3.91667 5.5 3.5C5.5 3.08333 5.64583 2.72917 5.9375 2.4375C6.22917 2.14583 6.58333 2 7 2C7.41667 2 7.77083 2.14583 8.0625 2.4375C8.35417 2.72917 8.5 3.08333 8.5 3.5C8.5 3.91667 8.35417 4.27083 8.0625 4.5625C7.77083 4.85417 7.41667 5 7 5ZM3.5 6.5C3.225 6.5 2.98958 6.40208 2.79375 6.20625C2.59792 6.01042 2.5 5.775 2.5 5.5V1.5C2.5 1.225 2.59792 0.989583 2.79375 0.79375C2.98958 0.597917 3.225 0.5 3.5 0.5H10.5C10.775 0.5 11.0104 0.597917 11.2063 0.79375C11.4021 0.989583 11.5 1.225 11.5 1.5V5.5C11.5 5.775 11.4021 6.01042 11.2063 6.20625C11.0104 6.40208 10.775 6.5 10.5 6.5H3.5ZM4.5 5.5H9.5C9.5 5.225 9.59792 4.98958 9.79375 4.79375C9.98958 4.59792 10.225 4.5 10.5 4.5V2.5C10.225 2.5 9.98958 2.40208 9.79375 2.20625C9.59792 2.01042 9.5 1.775 9.5 1.5H4.5C4.5 1.775 4.40208 2.01042 4.20625 2.20625C4.01042 2.40208 3.775 2.5 3.5 2.5V4.5C3.775 4.5 4.01042 4.59792 4.20625 4.79375C4.40208 4.98958 4.5 5.225 4.5 5.5ZM10 8.5H1.5C1.225 8.5 0.989583 8.40208 0.79375 8.20625C0.597917 8.01042 0.5 7.775 0.5 7.5V2H1.5V7.5H10V8.5Z", fill: "currentColor" }))); };
|
|
542
|
+
|
|
543
|
+
var IconTwoUsers = function (props) { return (React.createElement("svg", __assign({ width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
544
|
+
React.createElement("path", { d: "M0.5 8.5V7.1C0.5 6.81667 0.572917 6.55625 0.71875 6.31875C0.864583 6.08125 1.05833 5.9 1.3 5.775C1.81667 5.51667 2.34167 5.32292 2.875 5.19375C3.40833 5.06458 3.95 5 4.5 5C5.05 5 5.59167 5.06458 6.125 5.19375C6.65833 5.32292 7.18333 5.51667 7.7 5.775C7.94167 5.9 8.13542 6.08125 8.28125 6.31875C8.42708 6.55625 8.5 6.81667 8.5 7.1V8.5H0.5ZM9.5 8.5V7C9.5 6.63333 9.39792 6.28125 9.19375 5.94375C8.98958 5.60625 8.7 5.31667 8.325 5.075C8.75 5.125 9.15 5.21042 9.525 5.33125C9.9 5.45208 10.25 5.6 10.575 5.775C10.875 5.94167 11.1042 6.12708 11.2625 6.33125C11.4208 6.53542 11.5 6.75833 11.5 7V8.5H9.5ZM4.5 4.5C3.95 4.5 3.47917 4.30417 3.0875 3.9125C2.69583 3.52083 2.5 3.05 2.5 2.5C2.5 1.95 2.69583 1.47917 3.0875 1.0875C3.47917 0.695833 3.95 0.5 4.5 0.5C5.05 0.5 5.52083 0.695833 5.9125 1.0875C6.30417 1.47917 6.5 1.95 6.5 2.5C6.5 3.05 6.30417 3.52083 5.9125 3.9125C5.52083 4.30417 5.05 4.5 4.5 4.5ZM9.5 2.5C9.5 3.05 9.30417 3.52083 8.9125 3.9125C8.52083 4.30417 8.05 4.5 7.5 4.5C7.40833 4.5 7.29167 4.48958 7.15 4.46875C7.00833 4.44792 6.89167 4.425 6.8 4.4C7.025 4.13333 7.19792 3.8375 7.31875 3.5125C7.43958 3.1875 7.5 2.85 7.5 2.5C7.5 2.15 7.43958 1.8125 7.31875 1.4875C7.19792 1.1625 7.025 0.866667 6.8 0.6C6.91667 0.558333 7.03333 0.53125 7.15 0.51875C7.26667 0.50625 7.38333 0.5 7.5 0.5C8.05 0.5 8.52083 0.695833 8.9125 1.0875C9.30417 1.47917 9.5 1.95 9.5 2.5ZM1.5 7.5H7.5V7.1C7.5 7.00833 7.47708 6.925 7.43125 6.85C7.38542 6.775 7.325 6.71667 7.25 6.675C6.8 6.45 6.34583 6.28125 5.8875 6.16875C5.42917 6.05625 4.96667 6 4.5 6C4.03333 6 3.57083 6.05625 3.1125 6.16875C2.65417 6.28125 2.2 6.45 1.75 6.675C1.675 6.71667 1.61458 6.775 1.56875 6.85C1.52292 6.925 1.5 7.00833 1.5 7.1V7.5ZM4.5 3.5C4.775 3.5 5.01042 3.40208 5.20625 3.20625C5.40208 3.01042 5.5 2.775 5.5 2.5C5.5 2.225 5.40208 1.98958 5.20625 1.79375C5.01042 1.59792 4.775 1.5 4.5 1.5C4.225 1.5 3.98958 1.59792 3.79375 1.79375C3.59792 1.98958 3.5 2.225 3.5 2.5C3.5 2.775 3.59792 3.01042 3.79375 3.20625C3.98958 3.40208 4.225 3.5 4.5 3.5Z", fill: "currentColor" }))); };
|
|
545
|
+
|
|
546
|
+
var IconTwoUsersSearch = function (props) { return (React.createElement("svg", __assign({ width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
547
|
+
React.createElement("path", { d: "M0.458374 8.16732V6.88398C0.458374 6.62426 0.525214 6.38555 0.658895 6.16784C0.792575 5.95013 0.97018 5.78398 1.19171 5.6694C1.66532 5.4326 2.14657 5.25499 2.63546 5.13659C3.12435 5.01819 3.62087 4.95898 4.12504 4.95898C4.36949 4.95898 4.61584 4.97235 4.8641 4.99909C5.11237 5.02582 5.35872 5.06975 5.60317 5.13086C5.50386 5.26072 5.41792 5.39631 5.34535 5.53763C5.27278 5.67895 5.21358 5.826 5.16775 5.97878C4.99205 5.94058 4.81827 5.91385 4.6464 5.89857C4.47452 5.88329 4.30074 5.87565 4.12504 5.87565C3.69726 5.87565 3.2733 5.92721 2.85317 6.03034C2.43303 6.13346 2.01671 6.28815 1.60421 6.4944C1.53546 6.5326 1.48008 6.58607 1.43806 6.65482C1.39605 6.72357 1.37504 6.79996 1.37504 6.88398V7.25065H5.07608C5.10664 7.41871 5.14865 7.57912 5.20212 7.7319C5.2556 7.88468 5.32435 8.02982 5.40837 8.16732H0.458374ZM4.12504 4.50065C3.62087 4.50065 3.18928 4.32114 2.83025 3.96211C2.47122 3.60308 2.29171 3.17148 2.29171 2.66732C2.29171 2.16315 2.47122 1.73155 2.83025 1.37253C3.18928 1.0135 3.62087 0.833984 4.12504 0.833984C4.62921 0.833984 5.0608 1.0135 5.41983 1.37253C5.77886 1.73155 5.95837 2.16315 5.95837 2.66732C5.95837 3.17148 5.77886 3.60308 5.41983 3.96211C5.0608 4.32114 4.62921 4.50065 4.12504 4.50065ZM8.70837 2.66732C8.70837 3.17148 8.52886 3.60308 8.16983 3.96211C7.81081 4.32114 7.37921 4.50065 6.87504 4.50065C6.79101 4.50065 6.68407 4.4911 6.55421 4.472C6.42435 4.45291 6.3174 4.4319 6.23337 4.40898C6.43962 4.16454 6.59813 3.89336 6.7089 3.59544C6.81966 3.29753 6.87504 2.98815 6.87504 2.66732C6.87504 2.34648 6.81966 2.03711 6.7089 1.73919C6.59813 1.44128 6.43962 1.1701 6.23337 0.925651C6.34032 0.887457 6.44726 0.86263 6.55421 0.851172C6.66115 0.839714 6.7681 0.833984 6.87504 0.833984C7.37921 0.833984 7.81081 1.0135 8.16983 1.37253C8.52886 1.73155 8.70837 2.16315 8.70837 2.66732ZM4.12504 3.58398C4.37712 3.58398 4.59292 3.49423 4.77244 3.31471C4.95195 3.1352 5.04171 2.9194 5.04171 2.66732C5.04171 2.41523 4.95195 2.19944 4.77244 2.01992C4.59292 1.84041 4.37712 1.75065 4.12504 1.75065C3.87296 1.75065 3.65716 1.84041 3.47765 2.01992C3.29813 2.19944 3.20837 2.41523 3.20837 2.66732C3.20837 2.9194 3.29813 3.1352 3.47765 3.31471C3.65716 3.49423 3.87296 3.58398 4.12504 3.58398ZM7.79171 7.70898C8.05143 7.70898 8.26723 7.6326 8.4391 7.47982C8.61098 7.32704 8.70074 7.09787 8.70837 6.79232C8.71601 6.5326 8.63008 6.31489 8.45056 6.13919C8.27105 5.9635 8.05143 5.87565 7.79171 5.87565C7.53199 5.87565 7.31428 5.9635 7.13858 6.13919C6.96289 6.31489 6.87504 6.5326 6.87504 6.79232C6.87504 7.05204 6.96289 7.26975 7.13858 7.44544C7.31428 7.62114 7.53199 7.70898 7.79171 7.70898ZM7.79171 8.62565C7.28754 8.62565 6.85594 8.44614 6.49692 8.08711C6.13789 7.72808 5.95837 7.29648 5.95837 6.79232C5.95837 6.28815 6.13789 5.85655 6.49692 5.49753C6.85594 5.1385 7.28754 4.95898 7.79171 4.95898C8.29587 4.95898 8.72747 5.1385 9.0865 5.49753C9.44553 5.85655 9.62504 6.28815 9.62504 6.79232C9.62504 6.96801 9.60403 7.13416 9.56202 7.29075C9.52001 7.44735 9.45699 7.5944 9.37296 7.7319L10.5417 8.90065L9.90004 9.54232L8.73129 8.37357C8.59379 8.45759 8.44674 8.52062 8.29015 8.56263C8.13355 8.60464 7.9674 8.62565 7.79171 8.62565Z", fill: "currentColor" }))); };
|
|
548
|
+
|
|
549
|
+
var IconCalculate = function (props) { return (React.createElement("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
550
|
+
React.createElement("path", { d: "M3.05556 9.16667H3.97222V7.94444H5.19444V7.02778H3.97222V5.80556H3.05556V7.02778H1.83333V7.94444H3.05556V9.16667ZM6.11111 8.70833H9.16667V7.79167H6.11111V8.70833ZM6.11111 7.18056H9.16667V6.26389H6.11111V7.18056ZM6.78333 4.85833L7.63889 4.00278L8.49444 4.85833L9.13611 4.21667L8.28056 3.33056L9.13611 2.475L8.49444 1.83333L7.63889 2.68889L6.78333 1.83333L6.14167 2.475L6.99722 3.33056L6.14167 4.21667L6.78333 4.85833ZM1.98611 3.78889H5.04167V2.87222H1.98611V3.78889ZM1.22222 11C0.886111 11 0.59838 10.8803 0.359028 10.641C0.119676 10.4016 0 10.1139 0 9.77778V1.22222C0 0.886111 0.119676 0.59838 0.359028 0.359028C0.59838 0.119676 0.886111 0 1.22222 0H9.77778C10.1139 0 10.4016 0.119676 10.641 0.359028C10.8803 0.59838 11 0.886111 11 1.22222V9.77778C11 10.1139 10.8803 10.4016 10.641 10.641C10.4016 10.8803 10.1139 11 9.77778 11H1.22222ZM1.22222 9.77778H9.77778V1.22222H1.22222V9.77778Z", fill: "currentColor" }))); };
|
|
551
|
+
|
|
552
|
+
var IconUpArrow = function (props) { return (React.createElement("svg", __assign({ width: "8", height: "9", viewBox: "0 0 8 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
553
|
+
React.createElement("path", { d: "M3.5 8.5V2.4125L0.7 5.2125L0 4.5L4 0.5L8 4.5L7.3 5.2125L4.5 2.4125V8.5H3.5Z", fill: "currentColor" }))); };
|
|
554
|
+
|
|
555
|
+
var css_248z$E = ".styles-module__toast___JCV9s {\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n font-weight: 700;\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n font-weight: 700;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n font-weight: 700;\r\n color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textContent___S1KEv {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: var(--font-size-20, 20px);\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__closeButton___ELkqN {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n color: var(--foreground);\r\n}\r\n";
|
|
556
|
+
var styles$A = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
|
|
557
|
+
styleInject(css_248z$E);
|
|
543
558
|
|
|
544
559
|
var InformativeBox = function (_a) {
|
|
545
560
|
var _b;
|
|
546
561
|
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _c = _a.widthType, widthType = _c === void 0 ? "fitContent" : _c, _d = _a.hasDismissButton, hasDismissButton = _d === void 0 ? false : _d, props = __rest(_a, ["infoType", "title", "message", "onClose", "widthType", "hasDismissButton"]);
|
|
547
562
|
var getIcon = function () {
|
|
548
|
-
var iconClass = "".concat(styles$
|
|
563
|
+
var iconClass = "".concat(styles$A.icon, " ").concat(styles$A[infoType] || "");
|
|
549
564
|
switch (infoType) {
|
|
550
565
|
case "success":
|
|
551
|
-
return (React.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$
|
|
566
|
+
return (React.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$A.iconSize) }));
|
|
552
567
|
case "alert":
|
|
553
|
-
return React.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$
|
|
568
|
+
return React.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$A.iconSize) });
|
|
554
569
|
case "warning":
|
|
555
|
-
return React.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$
|
|
570
|
+
return React.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$A.iconSize) });
|
|
556
571
|
case "informative":
|
|
557
|
-
return (React.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$
|
|
572
|
+
return (React.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$A.iconSize) }));
|
|
558
573
|
default:
|
|
559
574
|
return null;
|
|
560
575
|
}
|
|
561
576
|
};
|
|
562
577
|
return (React.createElement("div", __assign({}, props),
|
|
563
|
-
React.createElement("div", { className: "".concat(styles$
|
|
564
|
-
React.createElement("div", { className: styles$
|
|
565
|
-
React.createElement("div", { className: styles$
|
|
578
|
+
React.createElement("div", { className: "".concat(styles$A.toast, " ").concat(styles$A[infoType], " ").concat(styles$A[widthType]) },
|
|
579
|
+
React.createElement("div", { className: styles$A.content },
|
|
580
|
+
React.createElement("div", { className: styles$A.info },
|
|
566
581
|
getIcon(),
|
|
567
|
-
React.createElement("div", { className: styles$
|
|
568
|
-
title && !message && (React.createElement("strong", { className: "".concat(styles$
|
|
569
|
-
!title && message && (React.createElement("span", { className: clsx(styles$
|
|
570
|
-
_b[styles$
|
|
571
|
-
_b[styles$
|
|
572
|
-
_b[styles$
|
|
573
|
-
_b[styles$
|
|
582
|
+
React.createElement("div", { className: styles$A.text },
|
|
583
|
+
title && !message && (React.createElement("strong", { className: "".concat(styles$A.title, " ").concat(styles$A[infoType]) }, title)),
|
|
584
|
+
!title && message && (React.createElement("span", { className: clsx(styles$A.textContent, (_b = {},
|
|
585
|
+
_b[styles$A.success] = infoType === "success",
|
|
586
|
+
_b[styles$A.alert] = infoType === "alert",
|
|
587
|
+
_b[styles$A.warning] = infoType === "warning",
|
|
588
|
+
_b[styles$A.informative] = infoType === "informative",
|
|
574
589
|
_b)) }, message)),
|
|
575
590
|
title && message && (React.createElement(React.Fragment, null,
|
|
576
|
-
React.createElement("strong", { className: "".concat(styles$
|
|
577
|
-
React.createElement("span", { className: styles$
|
|
578
|
-
hasDismissButton && (React.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$
|
|
591
|
+
React.createElement("strong", { className: "".concat(styles$A.title, " ").concat(styles$A[infoType]) }, title),
|
|
592
|
+
React.createElement("span", { className: styles$A.textContent }, message))))),
|
|
593
|
+
hasDismissButton && (React.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$A.closeButton, onClick: function (e) {
|
|
579
594
|
e.stopPropagation();
|
|
580
595
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
581
596
|
} },
|
|
582
|
-
React.createElement(IconCLose, { className: styles$
|
|
597
|
+
React.createElement(IconCLose, { className: styles$A.iconClose })))))));
|
|
583
598
|
};
|
|
584
599
|
|
|
585
|
-
var css_248z$
|
|
586
|
-
var styles$
|
|
587
|
-
styleInject(css_248z$
|
|
600
|
+
var css_248z$D = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: var(--checkbox-bg-main-color);\r\n border: 1px solid var(--light-grey-color, --checkbox-border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--checkbox-checked-hover-bg-color);\r\n border: 1px solid var(--checkbox-checked-hover-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px var(--checkbox-focus-box-shadow-color);\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--checkbox-border-color);\r\n background: var(--checkbox-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n filter: var(--checkbox-icon-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--checkbox-checked-bg-color);\r\n border: 1px solid var(--checkbox-checked-border-color);\r\n}";
|
|
601
|
+
var styles$z = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
|
|
602
|
+
styleInject(css_248z$D);
|
|
588
603
|
|
|
589
604
|
var Checkbox = function (_a) {
|
|
590
605
|
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
|
|
@@ -601,12 +616,12 @@ var Checkbox = function (_a) {
|
|
|
601
616
|
handleClick();
|
|
602
617
|
}
|
|
603
618
|
};
|
|
604
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
619
|
+
return (React.createElement("div", { className: "".concat(styles$z.checkbox, " ").concat(checked ? styles$z.checked : "", " ").concat(disabled ? styles$z.disabled : "", " \n ").concat(isHovered ? styles$z.hover : "", " ").concat(isFocused ? styles$z.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React.createElement(IconCheck, { className: styles$z.icon })));
|
|
605
620
|
};
|
|
606
621
|
|
|
607
|
-
var css_248z$
|
|
608
|
-
var styles$
|
|
609
|
-
styleInject(css_248z$
|
|
622
|
+
var css_248z$C = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n";
|
|
623
|
+
var styles$y = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","iconEye":"styles-module__iconEye___-ywWa","restrictionMessage":"styles-module__restrictionMessage___BhxxE"};
|
|
624
|
+
styleInject(css_248z$C);
|
|
610
625
|
|
|
611
626
|
var IconEyeOpen = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor" }, props),
|
|
612
627
|
React.createElement("path", { d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" }))); };
|
|
@@ -622,28 +637,28 @@ var PasswordInput = function (_a) {
|
|
|
622
637
|
props.onChange(e);
|
|
623
638
|
}
|
|
624
639
|
};
|
|
625
|
-
return (React.createElement("div", { className: styles$
|
|
626
|
-
label && (React.createElement("label", { htmlFor: props.name, className: "".concat(styles$
|
|
627
|
-
React.createElement("div", { className: styles$
|
|
628
|
-
React.createElement("input", __assign({ id: "psw", name: props.name || "psw", type: showPassword ? "text" : "password", autoComplete: "off", placeholder: "Digite sua senha", maxLength: 100, minLength: 5, onChange: handleInputChange, className: clsx(styles$
|
|
629
|
-
_b[styles$
|
|
640
|
+
return (React.createElement("div", { className: styles$y.inputContainer },
|
|
641
|
+
label && (React.createElement("label", { htmlFor: props.name, className: "".concat(styles$y.labelInput, " ").concat(required ? styles$y.labelRequired : "") }, label)),
|
|
642
|
+
React.createElement("div", { className: styles$y.passwordInputContainer },
|
|
643
|
+
React.createElement("input", __assign({ id: "psw", name: props.name || "psw", type: showPassword ? "text" : "password", autoComplete: "off", placeholder: "Digite sua senha", maxLength: 100, minLength: 5, onChange: handleInputChange, className: clsx(styles$y.textInput, customClass, (_b = {},
|
|
644
|
+
_b[styles$y.textInputDanger] = restrictionMessage,
|
|
630
645
|
_b)), ref: inputRef }, props, { disabled: disabled })),
|
|
631
|
-
React.createElement("button", { type: "button", className: styles$
|
|
632
|
-
restrictionMessage && (React.createElement("div", { className: clsx(styles$
|
|
646
|
+
React.createElement("button", { type: "button", className: styles$y.buttonTextPswUser, onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React.createElement(IconEyeOpen, { className: styles$y.iconEye })) : (React.createElement(IconEyeClose, { className: styles$y.iconEye })))),
|
|
647
|
+
restrictionMessage && (React.createElement("div", { className: clsx(styles$y.restrictionMessage) }, restrictionMessage))));
|
|
633
648
|
};
|
|
634
649
|
|
|
635
|
-
var css_248z$
|
|
636
|
-
var styles$
|
|
637
|
-
styleInject(css_248z$
|
|
650
|
+
var css_248z$B = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size: var(--font-size-14);\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n height: 40px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__button___ak3jK {\r\n font-size: var(--font-size-12);\r\n height: 35px;\r\n }\r\n}\r\n\r\n.styles-module__fullWidth___hkrRe {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__fitContent___h16Hv {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__primary___0Lugn {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___0Lugn:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___0Lugn:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE {\r\n border: 1px solid var(--btn-border-secondary-color);\r\n background: var(--btn-bg-secondary-color);\r\n color: var(--btn-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:hover {\r\n background: var(--btn-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-border-secondary-color);\r\n color: var(--btn-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:focus {\r\n background: var(--btn-bg-focus-secondary-color);\r\n color: var(--btn-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE.styles-module__danger___kcS09 {\r\n border: 1px solid var(--btn-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD {\r\n border: none;\r\n background: var(--btn-bg-tertiary-color);\r\n color: var(--btn-text-tertiary-color);\r\n font-weight: 400;\r\n font-size: var(--font-size-14);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:active {\r\n background: var(--terciary-button-background, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:hover {\r\n background: var(--btn-bg-hover-tertiary-color, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:focus {\r\n background: var(--btn-bg-focus-tertiary-color);\r\n outline: 2px solid #52819e;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09 {\r\n border: none;\r\n color: var(--btn-text-danger-tertiary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:hover {\r\n border: none;\r\n background: none;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:focus {\r\n border: none;\r\n background: none;\r\n}\r\n";
|
|
651
|
+
var styles$x = {"button":"styles-module__button___ak3jK","fullWidth":"styles-module__fullWidth___hkrRe","fitContent":"styles-module__fitContent___h16Hv","primary":"styles-module__primary___0Lugn","secondary":"styles-module__secondary___C7rZE","danger":"styles-module__danger___kcS09","tertiary":"styles-module__tertiary___xMgwD"};
|
|
652
|
+
styleInject(css_248z$B);
|
|
638
653
|
|
|
639
654
|
var PgeButton = React.forwardRef(function (_a, ref) {
|
|
640
655
|
var _b;
|
|
641
656
|
var variant = _a.variant, _c = _a.danger, danger = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.widthType, widthType = _e === void 0 ? "fit-content" : _e, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _f = _a.title, title = _f === void 0 ? "" : _f, className = _a.className, props = __rest(_a, ["variant", "danger", "disabled", "widthType", "leftIcon", "rightIcon", "title", "className"]);
|
|
642
|
-
var buttonClass = clsx(styles$
|
|
643
|
-
_b[styles$
|
|
644
|
-
_b[styles$
|
|
645
|
-
_b[styles$
|
|
646
|
-
_b[styles$
|
|
657
|
+
var buttonClass = clsx(styles$x.button, styles$x[variant], (_b = {},
|
|
658
|
+
_b[styles$x.danger] = danger && variant !== "primary",
|
|
659
|
+
_b[styles$x.disabled] = disabled,
|
|
660
|
+
_b[styles$x.fullWidth] = widthType === "full-width",
|
|
661
|
+
_b[styles$x.fitContent] = widthType === "fit-content",
|
|
647
662
|
_b), className);
|
|
648
663
|
return (React.createElement("button", __assign({ ref: ref, className: buttonClass, disabled: disabled }, props),
|
|
649
664
|
leftIcon && leftIcon,
|
|
@@ -652,9 +667,9 @@ var PgeButton = React.forwardRef(function (_a, ref) {
|
|
|
652
667
|
});
|
|
653
668
|
PgeButton.displayName = "PgeButton";
|
|
654
669
|
|
|
655
|
-
var css_248z$
|
|
656
|
-
var styles$
|
|
657
|
-
styleInject(css_248z$
|
|
670
|
+
var css_248z$A = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n\r\n .styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n border: 2px dotted var(--primary-color-with-opacity, #005a9280);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV {\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n }\r\n\r\n .styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n }\r\n}\r\n";
|
|
671
|
+
var styles$w = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
|
|
672
|
+
styleInject(css_248z$A);
|
|
658
673
|
|
|
659
674
|
var parseSizeToBytes = function (size) {
|
|
660
675
|
if (!size)
|
|
@@ -678,8 +693,8 @@ var parseSizeToBytes = function (size) {
|
|
|
678
693
|
var FileUpload = React.forwardRef(function (_a, ref) {
|
|
679
694
|
var _b;
|
|
680
695
|
var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, fileTypes = _a.fileTypes, onFileSelect = _a.onFileSelect, _e = _a.title, title = _e === void 0 ? React.createElement(React.Fragment, null, "Upload de Arquivos:") : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className, _g = _a.errorText, errorText = _g === void 0 ? "" : _g, _h = _a.noSelectedFileText, noSelectedFileText = _h === void 0 ? "Nenhum arquivo selecionado" : _h, _j = _a.helperText, helperText = _j === void 0 ? "" : _j, _k = _a.maxFileSize, maxFileSize = _k === void 0 ? "" : _k; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className", "errorText", "noSelectedFileText", "helperText", "maxFileSize"]);
|
|
681
|
-
var buttonClass = clsx(styles$
|
|
682
|
-
_b[styles$
|
|
696
|
+
var buttonClass = clsx(styles$w.labelUpload, styles$w.button, styles$w[variant], (_b = {},
|
|
697
|
+
_b[styles$w.danger] = danger && variant !== "primary",
|
|
683
698
|
_b), className);
|
|
684
699
|
var inputId = React.useId();
|
|
685
700
|
var helperId = React.useId();
|
|
@@ -725,9 +740,9 @@ var FileUpload = React.forwardRef(function (_a, ref) {
|
|
|
725
740
|
},
|
|
726
741
|
}); });
|
|
727
742
|
var openFileDialog = function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
728
|
-
return (React.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$
|
|
729
|
-
React.createElement("span", { id: "".concat(inputId, "-label"), className: styles$
|
|
730
|
-
React.createElement("div", { className: styles$
|
|
743
|
+
return (React.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$w.container },
|
|
744
|
+
React.createElement("span", { id: "".concat(inputId, "-label"), className: styles$w.label }, title),
|
|
745
|
+
React.createElement("div", { className: styles$w.inputContainer },
|
|
731
746
|
React.createElement("button", { type: "button", className: buttonClass, onClick: openFileDialog, onKeyDown: function (e) {
|
|
732
747
|
if (e.key === "Enter" || e.key === " ") {
|
|
733
748
|
e.preventDefault();
|
|
@@ -736,18 +751,18 @@ var FileUpload = React.forwardRef(function (_a, ref) {
|
|
|
736
751
|
}, "aria-label": "".concat(typeof title === "string" ? title : descricaoLabel, ". Tipos permitidos: ").concat(fileTypes.join(", "), ". Tamanho m\u00E1ximo: ").concat(maxFileSize, ".") },
|
|
737
752
|
React.createElement(IconUploadFile, { "aria-hidden": "true" }),
|
|
738
753
|
descricaoLabel),
|
|
739
|
-
React.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$
|
|
740
|
-
React.createElement("span", { className: styles$
|
|
754
|
+
React.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$w.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
|
|
755
|
+
React.createElement("span", { className: styles$w.description }, fileName || noSelectedFileText)),
|
|
741
756
|
React.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
|
|
742
|
-
? styles$
|
|
757
|
+
? styles$w.errorText
|
|
743
758
|
: fileName
|
|
744
|
-
? styles$
|
|
745
|
-
: styles$
|
|
759
|
+
? styles$w.successText
|
|
760
|
+
: styles$w.instructionText }, errorText || helperText)));
|
|
746
761
|
});
|
|
747
762
|
|
|
748
|
-
var css_248z$
|
|
749
|
-
var styles$
|
|
750
|
-
styleInject(css_248z$
|
|
763
|
+
var css_248z$z = ".styles-module__container___YGeVk {\r\n position: relative;\r\n display: flex;\r\n}\r\n\r\n.styles-module__tooltip___mnnfp {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n}\r\n\r\n.styles-module__textContent___F6Omr {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__top-right___KAK6B {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__bottom-right___2qH8T {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__bottom-left___9jLIE {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__top-left___wu3BB {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__mobile___jimue {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__container___YGeVk {\r\n position: static;\r\n }\r\n\r\n .styles-module__tooltip___mnnfp {\r\n width: max-content;\r\n max-width: 92vw;\r\n left: 0;\r\n bottom: 90%;\r\n text-align: start;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n border-radius: 8px;\r\n }\r\n\r\n .styles-module__textContent___F6Omr {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n";
|
|
764
|
+
var styles$v = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB","mobile":"styles-module__mobile___jimue"};
|
|
765
|
+
styleInject(css_248z$z);
|
|
751
766
|
|
|
752
767
|
var Tooltip$1 = function (_a) {
|
|
753
768
|
var text = _a.text, children = _a.children, forceVisible = _a.forceVisible;
|
|
@@ -805,25 +820,25 @@ var Tooltip$1 = function (_a) {
|
|
|
805
820
|
setInternalVisible(function (prev) { return !prev; });
|
|
806
821
|
}
|
|
807
822
|
};
|
|
808
|
-
return (React.createElement("div", { className: styles$
|
|
823
|
+
return (React.createElement("div", { className: styles$v.container, ref: containerRef, onMouseEnter: handleDesktopMouseEnter, onMouseLeave: handleDesktopMouseLeave, onClick: handleClick, onTouchStart: handleMobileTouch, role: "button", "aria-haspopup": "true", "aria-expanded": visible },
|
|
809
824
|
children,
|
|
810
|
-
visible && (React.createElement("div", { ref: tooltipRef, className: "".concat(styles$
|
|
811
|
-
React.createElement("span", { className: styles$
|
|
825
|
+
visible && (React.createElement("div", { ref: tooltipRef, className: "".concat(styles$v.tooltip, " ").concat(styles$v[position]), "aria-hidden": !visible },
|
|
826
|
+
React.createElement("span", { className: styles$v.textContent }, text)))));
|
|
812
827
|
};
|
|
813
828
|
|
|
814
|
-
var css_248z$
|
|
815
|
-
var styles$
|
|
816
|
-
styleInject(css_248z$
|
|
829
|
+
var css_248z$y = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n flex: 1;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__inputContent___kdVmc textarea {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__messageContainer___akVKQ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__messageWrapper___2mdmw {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.textarea-module__counter___zHZ86 {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n resize: none;\r\n font-size: var(--font-size-14, 14px);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__styledInput___fPp-f {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea:focus {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:disabled {\r\n background-color: #eeeeee;\r\n border-radius: 8px;\r\n cursor: not-allowed;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n padding-left: 8px;\r\n margin-top: 11px;\r\n}\r\n";
|
|
830
|
+
var styles$u = {"inputContainer":"textarea-module__inputContainer___lpM5d","label":"textarea-module__label___qDTpX","labelRequired":"textarea-module__labelRequired___bl2ew","labelError":"textarea-module__labelError___f0hpM","inputWrapper":"textarea-module__inputWrapper___WFx7P","inputWrapperError":"textarea-module__inputWrapperError___0gA5w","inputContent":"textarea-module__inputContent___kdVmc","messageContainer":"textarea-module__messageContainer___akVKQ","messageWrapper":"textarea-module__messageWrapper___2mdmw","counter":"textarea-module__counter___zHZ86","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
|
|
831
|
+
styleInject(css_248z$y);
|
|
817
832
|
|
|
818
833
|
var TextareaBase = function (_a) {
|
|
819
834
|
var name = _a.name, label = _a.label, value = _a.value; _a.type; var Icon = _a.Icon, placeholder = _a.placeholder, message = _a.message, textAlign = _a.textAlign, textError = _a.textError, hasError = _a.hasError, rows = _a.rows, hasIcon = _a.hasIcon, required = _a.required, showCounter = _a.showCounter, props = __rest(_a, ["name", "label", "value", "type", "Icon", "placeholder", "message", "textAlign", "textError", "hasError", "rows", "hasIcon", "required", "showCounter"]);
|
|
820
835
|
var characterCount = (value === null || value === void 0 ? void 0 : value.length) || 0;
|
|
821
|
-
return (React.createElement("div", { className: styles$
|
|
822
|
-
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$
|
|
823
|
-
React.createElement("div", { className: "".concat(styles$
|
|
824
|
-
React.createElement("div", { className: styles$
|
|
836
|
+
return (React.createElement("div", { className: styles$u.inputContainer },
|
|
837
|
+
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$u.label, " ").concat(required ? styles$u.labelRequired : "") }, label)),
|
|
838
|
+
React.createElement("div", { className: "".concat(styles$u.inputWrapper, " ").concat(hasError ? styles$u.inputWrapperError : "") },
|
|
839
|
+
React.createElement("div", { className: styles$u.inputContent },
|
|
825
840
|
Icon && Icon,
|
|
826
|
-
React.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$
|
|
841
|
+
React.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$u.styledInput, style: {
|
|
827
842
|
textAlign: textAlign,
|
|
828
843
|
paddingLeft: hasIcon
|
|
829
844
|
? textAlign === "start"
|
|
@@ -831,43 +846,43 @@ var TextareaBase = function (_a) {
|
|
|
831
846
|
: "0"
|
|
832
847
|
: "8px",
|
|
833
848
|
}, rows: rows })))),
|
|
834
|
-
((textError && hasError) || (!hasError && message) || showCounter) && (React.createElement("div", { className: styles$
|
|
835
|
-
React.createElement("div", { className: styles$
|
|
836
|
-
textError && hasError && (React.createElement("div", { className: "".concat(styles$
|
|
837
|
-
!hasError && message && (React.createElement("div", { className: styles$
|
|
838
|
-
showCounter && (React.createElement("div", { className: "".concat(styles$
|
|
849
|
+
((textError && hasError) || (!hasError && message) || showCounter) && (React.createElement("div", { className: styles$u.messageContainer },
|
|
850
|
+
React.createElement("div", { className: styles$u.messageWrapper },
|
|
851
|
+
textError && hasError && (React.createElement("div", { className: "".concat(styles$u.message, " ").concat(styles$u.messageError) }, textError)),
|
|
852
|
+
!hasError && message && (React.createElement("div", { className: styles$u.message }, message))),
|
|
853
|
+
showCounter && (React.createElement("div", { className: "".concat(styles$u.counter, " ").concat(textError && hasError ? styles$u.messageError : "") }, characterCount))))));
|
|
839
854
|
};
|
|
840
855
|
|
|
841
|
-
var css_248z$
|
|
842
|
-
var styles$
|
|
843
|
-
styleInject(css_248z$
|
|
856
|
+
var css_248z$x = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
|
|
857
|
+
var styles$t = {"inputContainer":"radioGroup-module__inputContainer___0cHBx","label":"radioGroup-module__label___Ziyuh","labelRequired":"radioGroup-module__labelRequired___q7SOr","labelError":"radioGroup-module__labelError___Ulm2e","inputWrapper":"radioGroup-module__inputWrapper___wbpEu","inputContent":"radioGroup-module__inputContent___g2v-v","message":"radioGroup-module__message___FoIYt","messageError":"radioGroup-module__messageError___5BsQY","radioGroup":"radioGroup-module__radioGroup___YpgFb","horizontal":"radioGroup-module__horizontal___J4nzL","vertical":"radioGroup-module__vertical___t-DLk","radioLabel":"radioGroup-module__radioLabel___wJDuM","inputWrapperError":"radioGroup-module__inputWrapperError___91QS1"};
|
|
858
|
+
styleInject(css_248z$x);
|
|
844
859
|
|
|
845
860
|
var RadioGroupBase = function (_a) {
|
|
846
861
|
var name = _a.name, label = _a.label, value = _a.value, options = _a.options, message = _a.message, textError = _a.textError, hasError = _a.hasError, orientation = _a.orientation, required = _a.required, disabled = _a.disabled, onInput = _a.onInput, customClass = _a.customClass, props = __rest(_a, ["name", "label", "value", "options", "message", "textError", "hasError", "orientation", "required", "disabled", "onInput", "customClass"]);
|
|
847
862
|
var classes = customClass
|
|
848
|
-
? "".concat(styles$
|
|
849
|
-
: styles$
|
|
863
|
+
? "".concat(styles$t.inputContainer, " ").concat(customClass)
|
|
864
|
+
: styles$t.inputContainer;
|
|
850
865
|
console.log(props);
|
|
851
866
|
return (React.createElement("div", { className: classes },
|
|
852
|
-
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$
|
|
853
|
-
React.createElement("div", { className: "".concat(styles$
|
|
854
|
-
React.createElement("div", { className: styles$
|
|
855
|
-
React.createElement("div", { className: "".concat(orientation === "vertical" ? styles$
|
|
867
|
+
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$t.label, " ").concat(required ? styles$t.labelRequired : "") }, label)),
|
|
868
|
+
React.createElement("div", { className: "".concat(styles$t.inputWrapper, " ").concat(hasError ? styles$t.inputWrapperError : "") },
|
|
869
|
+
React.createElement("div", { className: styles$t.inputContent },
|
|
870
|
+
React.createElement("div", { className: "".concat(orientation === "vertical" ? styles$t[orientation] : styles$t.radioGroup) }, options.map(function (option) { return (React.createElement("label", { key: option.value, className: "".concat(styles$t.radioLabel, " ").concat(hasError ? styles$t.labelError : "") },
|
|
856
871
|
React.createElement("input", { type: "radio", name: name, value: option.value, checked: value === option.value, onChange: function (event) {
|
|
857
872
|
onInput(event);
|
|
858
873
|
}, disabled: disabled }),
|
|
859
874
|
option.label)); })))),
|
|
860
|
-
textError && hasError && (React.createElement("p", { className: "".concat(styles$
|
|
861
|
-
!hasError && message && React.createElement("p", { className: styles$
|
|
875
|
+
textError && hasError && (React.createElement("p", { className: "".concat(styles$t.message, " ").concat(styles$t.messageError) }, textError)),
|
|
876
|
+
!hasError && message && React.createElement("p", { className: styles$t.message }, message)));
|
|
862
877
|
};
|
|
863
878
|
|
|
864
|
-
var css_248z$
|
|
865
|
-
var styles$
|
|
866
|
-
styleInject(css_248z$
|
|
879
|
+
var css_248z$w = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
|
|
880
|
+
var styles$s = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-","wrapperUserButton":"header-module__wrapperUserButton___M-CBj"};
|
|
881
|
+
styleInject(css_248z$w);
|
|
867
882
|
|
|
868
|
-
var css_248z$
|
|
869
|
-
var styles$
|
|
870
|
-
styleInject(css_248z$
|
|
883
|
+
var css_248z$v = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: var(--header-bg-dropdown);\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 306px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 304px;\r\n color: var(--header-font-dropdown);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 56px;\r\n border: none;\r\n white-space: pre-wrap;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .dropdown-module__primaryDropdown___I7kas {\r\n font-size: var(--font-size-14, 14);\r\n }\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: var(--header-hover-dropdown);\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n font-weight: 400;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n}\r\n\r\n.dropdown-module__colorIcon___7UTK3 {\r\n color: var(--header-menu-seta-color);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
|
|
884
|
+
var styles$r = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","primaryDropdown__disabled":"dropdown-module__primaryDropdown__disabled___McFgs","primaryDropdown__home":"dropdown-module__primaryDropdown__home___4Odwr","primaryDropdown__submenu":"dropdown-module__primaryDropdown__submenu___eXCiN","contentIcon":"dropdown-module__contentIcon___aqI89","colorIcon":"dropdown-module__colorIcon___7UTK3","active":"dropdown-module__active___RRrmk","inactive":"dropdown-module__inactive___AQdLm"};
|
|
885
|
+
styleInject(css_248z$v);
|
|
871
886
|
|
|
872
887
|
var DropDown = function (_a) {
|
|
873
888
|
var options = _a.options, optionSelection = _a.optionSelection, toggleDropDown = _a.toggleDropDown, restProps = __rest(_a, ["options", "optionSelection", "toggleDropDown"]);
|
|
@@ -909,13 +924,13 @@ var DropDown = function (_a) {
|
|
|
909
924
|
document.removeEventListener("keydown", handleKeyDown);
|
|
910
925
|
};
|
|
911
926
|
}, []);
|
|
912
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
927
|
+
return (React.createElement("div", __assign({ className: styles$r.dropdown }, restProps), options.map(function (item, index) {
|
|
913
928
|
var isExpanded = expandedMenuId === item.id;
|
|
914
929
|
var hasSubmenu = item.submenu.length > 0;
|
|
915
|
-
return (React.createElement("div", { key: item.id, className: styles$
|
|
916
|
-
React.createElement("button", { className: "".concat(styles$
|
|
917
|
-
? styles$
|
|
918
|
-
: styles$
|
|
930
|
+
return (React.createElement("div", { key: item.id, className: styles$r.menuItem },
|
|
931
|
+
React.createElement("button", { className: "".concat(styles$r.primaryDropdown, " ").concat(item.checked
|
|
932
|
+
? styles$r.primaryDropdown__menu
|
|
933
|
+
: styles$r.primaryDropdown__disabled), onClick: function (ev) { return handleMenuClick(item, ev); }, ref: function (el) { return (itemRefs.current[index] = el); }, onKeyDown: function (e) {
|
|
919
934
|
var _a, _b;
|
|
920
935
|
if (e.key === "ArrowDown") {
|
|
921
936
|
e.preventDefault();
|
|
@@ -935,9 +950,9 @@ var DropDown = function (_a) {
|
|
|
935
950
|
}
|
|
936
951
|
}, disabled: !item.checked, tabIndex: 0, role: "menuitem" },
|
|
937
952
|
item.nome,
|
|
938
|
-
item.checked && hasSubmenu && (React.createElement("div", { className: "".concat(styles$
|
|
939
|
-
React.createElement(IconTriangleExpand, { className: styles$
|
|
940
|
-
isExpanded && hasSubmenu && (React.createElement("div", { className: styles$
|
|
953
|
+
item.checked && hasSubmenu && (React.createElement("div", { className: "".concat(styles$r.contentIcon, " ").concat(isExpanded ? styles$r.active : styles$r.inactive) },
|
|
954
|
+
React.createElement(IconTriangleExpand, { className: styles$r.colorIcon })))),
|
|
955
|
+
isExpanded && hasSubmenu && (React.createElement("div", { className: styles$r.submenuContainer }, item.submenu.map(function (subItem) { return (React.createElement("button", { key: subItem.id, className: "".concat(styles$r.primaryDropdown, " ").concat(styles$r.primaryDropdown__submenu, " ").concat(subItem.checked ? "" : styles$r.primaryDropdown__disabled), onClick: function (ev) { return handleSubmenuClick(subItem, ev); }, onKeyDown: function (e) {
|
|
941
956
|
if ((e.key === "Enter" || e.key === " ") &&
|
|
942
957
|
subItem.checked) {
|
|
943
958
|
e.preventDefault();
|
|
@@ -947,9 +962,9 @@ var DropDown = function (_a) {
|
|
|
947
962
|
})));
|
|
948
963
|
};
|
|
949
964
|
|
|
950
|
-
var css_248z$
|
|
951
|
-
var styles$
|
|
952
|
-
styleInject(css_248z$
|
|
965
|
+
var css_248z$u = ".menu-module__iconMenu___hsJkY {\r\n width: 48px;\r\n height: 49px;\r\n color: var(--header-menu-icon-color);\r\n}\r\n\r\n.menu-module__menuButton___BV-Rs {\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n margin: 0;\r\n cursor: pointer;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .menu-module__iconMenu___hsJkY {\r\n width: 31px;\r\n height: 49px;\r\n }\r\n}\r\n";
|
|
966
|
+
var styles$q = {"iconMenu":"menu-module__iconMenu___hsJkY","menuButton":"menu-module__menuButton___BV-Rs"};
|
|
967
|
+
styleInject(css_248z$u);
|
|
953
968
|
|
|
954
969
|
var Menu$2 = function (_a) {
|
|
955
970
|
var options = _a.options, optionSelection = _a.optionSelection;
|
|
@@ -976,8 +991,8 @@ var Menu$2 = function (_a) {
|
|
|
976
991
|
document.removeEventListener("click", handleClickOutside);
|
|
977
992
|
};
|
|
978
993
|
}, [showDropDown]);
|
|
979
|
-
return (React.createElement("button", { ref: buttonRef, className: "".concat(styles$
|
|
980
|
-
React.createElement(MenuIcon, { className: styles$
|
|
994
|
+
return (React.createElement("button", { ref: buttonRef, className: "".concat(styles$q.menuButton, " ").concat(showDropDown ? styles$q.active : ""), onClick: toggleDropDown, "aria-expanded": showDropDown, "aria-label": "Abrir menu" },
|
|
995
|
+
React.createElement(MenuIcon, { className: styles$q.iconMenu }),
|
|
981
996
|
showDropDown && (React.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
|
|
982
997
|
};
|
|
983
998
|
|
|
@@ -985,9 +1000,9 @@ var LogoCASC = function (props) { return (React.createElement("svg", __assign({
|
|
|
985
1000
|
React.createElement("rect", { width: "134", height: "41", fill: "white" }),
|
|
986
1001
|
React.createElement("image", { xlinkHref: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjQ0IiB2aWV3Qm94PSIwIDAgMTE3IDQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzAuMDk4NiA5LjcxMDQ1SDMwLjMzMzNMMzAuNjY4NCAxMC4wMDc3TDMwLjkzNjYgMTAuMzM3OUwzMS4zMzg3IDEwLjc2NzJMMzEuNTczNCAxMS4wMzE0TDMyLjE0MzEgMTEuNTkyOEwzMi40MTEzIDExLjgyNEwzMi45NDc1IDEyLjI1MzNMMzMuNTE3MyAxMi42NDk2TDM0LjEyMDYgMTMuMDc4OUwzNC41ODk4IDEzLjQ3NTJMMzQuODU3OSAxMy43MzkzTDM1LjIyNjYgMTQuMjAxN0wzNS41MjgzIDE0LjYzMUwzNS45MzA1IDE1LjM5MDVMMzYuMTY1MSAxNi4wNTFMMzYuMzY2MiAxNi44NDM2TDM2LjQ2NjcgMTcuNjAzMUwzNi41MDAyIDE4LjE5NzVWMTkuMTIyMkwzNi40MzMyIDE5Ljg4MThMMzYuMjY1NiAyMC45Mzg1TDM2LjEzMTYgMjEuNDk5OUgzNi4wMzFMMzUuODI5OSAyMS4xNjk3TDM1LjYyODggMjAuODA2NEwzNS4yMjY2IDIwLjI3OEwzNS4wNTkgMjAuMDc5OUwzNC42OTA0IDE5Ljc4MjdMMzQuMTg3NiAxOS40NTI1TDMzLjQxNjggMTkuMDg5MkwzMi42NDU5IDE4Ljg1OEwzMS40MzkzIDE4LjYyNjlMMzAuMTMyMiAxOC40OTQ4TDI4LjU5MDQgMTguNDI4N0wyNy44ODY2IDE4LjM2MjdMMjcuMTE1NyAxOC4xOTc1TDI2LjQ3ODkgMTcuOTY2NEwyNS45NDI2IDE3LjcwMjJMMjUuNDA2NCAxNy4zNzJMMjQuOTM3MSAxNy4wMDg3TDI0LjUzNSAxNi42NDU0TDI0LjI2NjggMTYuNDE0M0wyNC4wMzIyIDE2LjE1MDFMMjMuNzk3NiAxNS45MTg5TDIzLjU2MyAxNS41NTU3TDIzLjU5NjUgMTUuMzI0NUwyMy44MzExIDE1LjEyNjNMMjQuMDY1NyAxNS4xNTk0TDI0LjYwMiAxNS41NTU3TDI1LjA3MTIgMTUuOTE4OUwyNS41NDA0IDE2LjE4MzFMMjYuMDA5NyAxNi4zODEyTDI2LjQxMTkgMTYuNDgwM0wyNi4yNzc4IDE2LjM0ODJMMjUuNDczNCAxNS44ODU5TDI0LjkwMzYgMTUuNDg5NkwyNC40MzQ0IDE1LjEyNjNMMjMuOTk4NyAxNC43MzAxTDIzLjU2MyAxNC4zMDA3TDIzLjI2MTMgMTMuOTM3NUwyMy4wNjAyIDEzLjY0MDNWMTMuNDQyMUwyMy4yOTQ5IDEzLjIxMUwyMy4zNjE5IDEzLjE3NzlIMjMuNTk2NUwyMy45MzE3IDEzLjM0MzFMMjQuNDY3OSAxMy43NzI0TDI1LjAzNzcgMTQuMjAxN0wyNS42NDEgMTQuNjMxTDI2LjExMDIgMTQuODk1MkwyNi41MTI0IDE1LjA2MDNMMjYuODE0MSAxNS4wOTMzTDI2LjY0NjUgMTQuOTI4MkwyNi4xNzcyIDE0LjY2NEwyNS41NzQgMTQuMjY3N0wyNS4wMzc3IDEzLjg3MTRMMjQuNjY5IDEzLjU3NDJMMjQuMTk5OCAxMy4xNzc5TDIzLjc5NzYgMTIuNzQ4NkwyMy40Mjg5IDEyLjI1MzNMMjMuMzYxOSAxMi4xMjEyVjExLjkyM0wyMy40OTYgMTEuNzU3OUwyMy42OTcgMTEuNjU4OEwyMy45MzE3IDExLjY5MTlMMjQuMjY2OCAxMS44OUwyNS4yNzIzIDEyLjY0OTZMMjUuODA4NiAxMy4wNDU4TDI2LjM0NDggMTMuNDA5MUwyNi44NDc2IDEzLjcwNjNMMjcuMjQ5OCAxMy45MDQ1TDI3LjE4MjcgMTMuNzcyNEwyNi44ODExIDEzLjU0MTJMMjYuMjEwOCAxMy4wNzg5TDI1LjY3NDUgMTIuNjQ5NkwyNS4yMDUzIDEyLjE4NzJMMjQuOTM3MSAxMS44MjRMMjQuOTAzNiAxMS41OTI4TDI1LjEzODIgMTEuMzI4NkwyNS4yMzg4IDExLjI2MjZIMjUuNDczNEwyNi4wMDk3IDExLjU1OThMMjYuMzc4MyAxMS44MjRMMjcuNDg0NCAxMi41NTA1TDI4LjEyMTIgMTIuOTEzOEwyOS4wMjYxIDEzLjM0MzFMMzAuMjMyNyAxMy43MzkzTDMwLjc2OSAxMy44NzE0TDMxLjIwNDcgMTMuOTA0NUwzMS40NzI4IDEzLjY3MzNMMzEuNTA2MyAxMy42MDcyVjEzLjQwOTFMMzEuMjcxNyAxMy4wNDU4TDMwLjUzNDQgMTIuMTIxMkwzMC4wNjUxIDExLjUyNjhMMjkuNzk3IDExLjA5NzRMMjkuNjk2NSAxMC44MzMzTDI5LjY2MjkgMTAuNjM1MVYxMC4zNzA5TDI5Ljc2MzUgMTAuMDA3N0wyOS44OTc1IDkuODA5NTJMMzAuMDk4NiA5LjcxMDQ1WiIgZmlsbD0iIzI4ODdCRiIvPgo8cGF0aCBkPSJNMjIuODY5NiAwLjVIMjIuOTM2OEwyMy4yMDU2IDEuMDI4MzhMMjMuNDA3MiAxLjM1ODYyTDIzLjc3NjggMS44MjA5NUwyNC4wNDU2IDIuMDg1MTRMMjQuNDgyNCAyLjQxNTM4TDI1LjAyIDIuNzEyNTlMMjUuODYgMy4wNDI4M0wyNi41OTkyIDMuMjQwOTdMMjcuNTA2NCAzLjQwNjA5TDI4LjI3OTIgMy41MDUxNkwzMC42MzEyIDMuNjM3MjVMMzEuNTM4NCAzLjc2OTM1TDMyLjIxMDQgMy45Njc0OUwzMy4wNTA0IDQuMzYzNzhMMzMuNTIwOCA0LjY2MDk5TDM0LjA1ODQgNS4wNTcyOEwzNC40OTUyIDUuNDUzNTZMMzUuMTMzNiA2LjA4MTAxTDM1LjQzNiA2LjUxMDMyTDM1LjQwMjQgNi42NDI0MUwzNS4xMzM2IDYuODQwNTZMMzQuOTMyIDYuODA3NTNMMzQuMzYwOCA2LjQxMTI1TDMzLjg5MDQgNi4wODEwMUwzMy4yNTIgNS43NTA3N0wzMi42NDcyIDUuNTUyNjNMMzIuMjc3NiA1LjQ4NjU4TDMyLjQ0NTYgNS42ODQ3M0wzMy4wMTY4IDUuOTQ4OTJMMzMuNTU0NCA2LjIxMzExTDM0LjA5MiA2LjU0MzM0TDM0LjQyOCA2LjgwNzUzTDM0LjgzMTIgNy4xNzA3OUwzNS4yMDA4IDcuNTM0MDZMMzUuNDM2IDcuNzk4MjRMMzUuNzM4NCA4LjEyODQ4TDM1LjkwNjQgOC4zNTk2NUwzNS45NCA4LjUyNDc3TDM1LjczODQgOC43NTU5M0wzNS42MDQgOC44MjE5OEgzNS4zNjg4TDM1LjEgOC42ODk4OUwzNC4yMjY0IDcuOTYzMzZMMzMuNjIxNiA3LjUzNDA2TDMyLjkxNiA3LjEzNzc3TDMyLjQ0NTYgNi45NzI2NUwzMi4xNDMyIDYuOTA2NkwzMi4zMTEyIDcuMDcxNzJMMzIuNzgxNiA3LjM2ODk0TDMzLjMxOTIgNy42OTkxN0wzMy44NTY4IDguMDk1NDZMMzQuMTkyOCA4LjM1OTY1TDM0LjUyODggOC42NTY4NkwzNC43OTc2IDguODg4MDNMMzUuMjM0NCA5LjM1MDM2TDM1LjUzNjggOS43NDY2NEwzNS42MDQgOS44Nzg3NFYxMC4wNDM5TDM1LjM2ODggMTAuMjc1TDM1LjEzMzYgMTAuMzA4TDM0Ljc2NCAxMC4xMDk5TDM0LjIyNjQgOS43MTM2MkwzMy42MjE2IDkuMjUxMjlMMzIuODE1MiA4LjcyMjkxTDMyLjEwOTYgOC4zMjY2MkwzMS43NzM2IDguMTYxNTFMMzEuNTcyIDguMTI4NDhMMzEuOTA4IDguMzkyNjdMMzIuNjQ3MiA4Ljg1NUwzMy4wNTA0IDkuMTUyMjJMMzMuNDg3MiA5LjU0ODVMMzMuNzg5NiA5Ljg3ODc0TDM0LjAyNDggMTAuMjQyVjEwLjQ0MDFMMzMuODkwNCAxMC42MDUzTDMzLjY1NTIgMTAuNzM3NEwzMy40NTM2IDEwLjcwNDNMMzIuOTE2IDEwLjM3NDFMMzIuNDQ1NiAxMC4wNDM5TDMxLjcwNjQgOS41ODE1M0wzMC44NjY0IDkuMDg2MTdMMzAuMTI3MiA4LjcyMjkxTDI5LjI4NzIgOC40MjU3TDI4LjQ4MDggOC4yMjc1NUwyNy45NDMyIDguMTI4NDhIMjcuNzQxNkwyNy41NzM2IDguMjI3NTVMMjcuNDcyOCA4LjQyNTdMMjcuNTA2NCA4LjY4OTg5TDI3Ljc3NTIgOS4wODYxN0wyOC4xMTEyIDkuNTE1NDhMMjguNTQ4IDEwLjA0MzlMMjkuMDE4NCAxMC42NzEzTDI5LjIyIDExLjA2NzZMMjkuMjg3MiAxMS4zMzE4VjExLjYyOUwyOS4xMTkyIDEyLjAyNTNMMjguOTUxMiAxMi4yNTY0TDI4Ljg4NCAxMi4yODk1SDI4LjY0ODhMMjguMzQ2NCAxMi4wMjUzTDI4LjA0NCAxMS42NjJMMjcuNzQxNiAxMS4zMzE4TDI3LjUwNjQgMTEuMDY3NkwyNy4xMDMyIDEwLjY3MTNMMjYuODM0NCAxMC40NDAxTDI2LjQ2NDggMTAuMTA5OUwyNi4wOTUyIDkuODEyNjlMMjUuNDkwNCA5LjM1MDM2TDI0Ljg1MiA4Ljg4ODAzTDI0LjUxNiA4LjYyMzg0TDI0LjAxMiA4LjE2MTUxTDIzLjYwODggNy42NjYxNUwyMy4yMzkyIDcuMDM4N0wyMy4wMDQgNi41NDMzNEwyMi43Njg4IDUuODQ5ODRMMjIuNjAwOCA1LjEyMzMyTDIyLjUgNC4zMzA3NVYyLjc0NTYxTDIyLjYwMDggMS44NTM5N0wyMi43Njg4IDAuODk2Mjg1TDIyLjg2OTYgMC41WiIgZmlsbD0iIzI4ODdCRiIvPgo8cGF0aCBkPSJNNjAuOTY0NCA0LjIxNDg0SDYyLjkwMzRMNjMuMzQ0MSA1LjIwMjU3TDYzLjg3MjkgNi40OTA5Mkw2NC43MTAyIDguNDY2MzhMNjYuNTYxIDEyLjg4OTdMNjcuMzU0MiAxNC43NzkzTDY4LjIzNTYgMTYuODgzNkw2OC41ODgxIDE3Ljc0MjVWMTcuNzg1NEg2Ni42OTMyTDY2LjQyODggMTcuNjk5NUw2Ni4xMjAzIDE2LjkyNjVMNjUuMDYyNyAxNC4yMjFMNjQuNzk4MyAxMy43MDU2TDU5LjExMzYgMTMuNjYyN0w1OC45ODE0IDE0LjA0OTJMNTguNDA4NSAxNS41MDkzTDU3Ljc0NzUgMTcuMzEzTDU3LjUyNzEgMTcuNzg1NEg1Ni4xNjFMNTUuNTg4MSAxNy43NDI1TDU1LjcyMDMgMTcuMzU1OUw1Ni4zODE0IDE1LjYzODJMNTcuMjE4NiAxMy41MzM5TDU4LjE4ODEgMTEuMDg2TDU5Ljk1MDggNi42MTk3NUw2MC43ODgxIDQuNTE1NDZMNjAuOTIwMyA0LjI1Nzc5TDYwLjk2NDQgNC4yMTQ4NFoiIGZpbGw9IiMyODg3QkYiLz4KPHBhdGggZD0iTTc0LjAwODYgNEg3NS41NTFMNzYuNDc2NCA0LjEyODgzTDc3LjM1NzggNC4zODY1TDc4LjEwNyA0LjczMDA2TDc4LjY3OTggNS4xMTY1Nkw3OS4xMjA1IDUuNTAzMDdMNzkuNTYxMiA2LjEwNDI5TDc5Ljg2OTcgNi43MDU1Mkw4MC4wNDU5IDcuMjYzOEw4MC4xMzQxIDcuNzM2MlY4LjA3OTc1SDc4LjMyNzNMNzguMjM5MiA3Ljc3OTE0TDc4LjEwNyA3LjI2MzhMNzcuNzk4NSA2LjcwNTUyTDc3LjQwMTkgNi4zMTkwMkw3Ni44NzMxIDYuMDE4NEw3Ni4yMTIgNS44MDM2OEw3NS43NzE0IDUuNzE3NzlMNzUuMjg2NiA1LjY3NDg1SDc0LjM2MTJMNzMuNTIzOSA1LjgwMzY4TDcyLjk5NTEgNS45NzU0Nkw3Mi41MTAzIDYuMjMzMTNMNzIuMTEzNyA2LjU3NjY5TDcxLjg0OTMgNy4wMDYxM0w3MS43MTcxIDcuMzkyNjRWNy45MDc5OEw3MS44NDkzIDguMzM3NDJMNzIuMDY5NyA4LjY4MDk4TDcyLjMzNDEgOC44OTU3MUw3Mi43NzQ4IDkuMTEwNDNMNzMuODMyNCA5LjQ1Mzk5TDc1LjYzOTIgOS44ODM0NEw3Ni44MjkgMTAuMTg0TDc3Ljg4NjYgMTAuNTI3Nkw3OC41OTE3IDEwLjg3MTJMNzkuMDc2NCAxMS4xNzE4TDc5LjYwNTMgMTEuNjQ0Mkw3OS45NTc4IDEyLjA3MzZMODAuMzEwMyAxMi43MTc4TDgwLjQ4NjYgMTMuNDQ3OVYxNC4zNDk3TDgwLjMxMDMgMTUuMDc5OEw4MC4wOSAxNS41OTUxTDc5LjY5MzQgMTYuMTk2M0w3OS4yMDg2IDE2LjcxMTdMNzguNjM1OCAxNy4xNDExTDc3LjcxMDMgMTcuNjEzNUw3Ny4wNDkzIDE3LjgyODJMNzYuMzg4MyAxNy45NTcxTDc1Ljk0NzYgMThINzQuNDQ5M0w3My4zOTE3IDE3Ljg3MTJMNzIuNTU0NCAxNy42NTY0TDcxLjc2MTIgMTcuMzEyOUw3MS4yNzY0IDE3LjAxMjNMNzAuNzAzNiAxNi41Mzk5TDcwLjIxODggMTUuOTgxNkw2OS44MjIyIDE1LjI5NDVMNjkuNTU3OCAxNC42NTAzTDY5LjM4MTUgMTMuOTIwMkw2OS4zMzc1IDEzLjQ0NzlMNjkuNDY5NyAxMy40MDQ5SDcxLjE4ODNMNzEuNDA4NiAxNC4yNjM4TDcxLjc2MTIgMTQuOTUwOUw3Mi4wNjk3IDE1LjI5NDVMNzIuMzc4MSAxNS41NTIxTDczLjAzOTIgMTUuODk1N0w3My44MzI0IDE2LjE1MzRMNzQuNDQ5MyAxNi4yODIyTDc0Ljk3ODEgMTYuMzI1Mkg3NS40MTg4TDc2LjMwMDIgMTYuMjM5M0w3Ni45NjEyIDE2LjA2NzVMNzcuNjY2MyAxNS43MjM5TDc4LjA2MjkgMTUuNDIzM0w3OC4zNzE0IDE0Ljk5MzlMNzguNTQ3NiAxNC41NjQ0TDc4LjU5MTcgMTQuMzQ5N1YxMy43NDg1TDc4LjUwMzYgMTMuMzYyTDc4LjIzOTIgMTIuOTMyNUw3Ny44NDI1IDEyLjU4OUw3Ny4wOTM0IDEyLjI0NTRMNzYuMTY4IDExLjk0NDhMNzIuOTk1MSAxMS4xNzE4TDcxLjg5MzQgMTAuNzQyM0w3MS4yNzY0IDEwLjM5ODhMNzAuNzkxNyAxMC4wMTIzTDcwLjQzOTIgOS42MjU3N0w3MC4xMzA3IDkuMTEwNDNMNjkuOTEwMyA4LjQ2NjI2TDY5Ljg2NjMgOC4yNTE1M1Y3LjI2MzhMNzAuMDQyNSA2LjYxOTYzTDcwLjMwNyA2LjAxODRMNzAuNzAzNiA1LjUwMzA3TDcxLjEwMDIgNS4xMTY1Nkw3MS43MTcxIDQuNjg3MTJMNzIuNDY2MyA0LjM0MzU2TDczLjIxNTQgNC4xMjg4M0w3NC4wMDg2IDRaIiBmaWxsPSIjMjg4N0JGIi8+CjxwYXRoIGQ9Ik00OC4xODQ3IDRINDkuNzI3MUw1MC41NjQ0IDQuMTI4ODNMNTEuNDg5OCA0LjQyOTQ1TDUyLjE5NDkgNC43NzMwMUw1Mi42MzU2IDUuMDMwNjdMNTMuMDc2MyA1LjM3NDIzTDUzLjQ3MjkgNS43MTc3OUw1My45MTM2IDYuMjc2MDdMNTQuMjY2MSA2Ljg3NzNMNTQuNTMwNSA3LjU2NDQyTDU0LjY2MjcgOC4xNjU2NFY4LjM4MDM3SDUyLjgxMTlMNTIuNzIzNyA4LjI5NDQ4TDUyLjUwMzQgNy40Nzg1M0w1Mi4xOTQ5IDYuOTIwMjVMNTEuNzU0MiA2LjQ0Nzg1TDUxLjEzNzMgNi4wNjEzNUw1MC42NTI1IDUuODQ2NjNMNDkuOTkxNSA1LjY3NDg1TDQ5LjE5ODMgNS41ODg5Nkg0OC43MTM2TDQ3LjkyMDMgNS42NzQ4NUw0Ny4xMjcxIDUuOTMyNTJMNDYuNTU0MiA2LjIzMzEzTDQ2LjExMzYgNi41NzY2OUw0NS42NzI5IDcuMDA2MTNMNDUuMjc2MyA3LjU2NDQyTDQ0Ljk2NzggOC4yMDg1OUw0NC43MDM0IDkuMDI0NTRMNDQuNTcxMiA5Ljc1NDZMNDQuNDgzMSAxMC42NTY0VjExLjE3MThMNDQuNTcxMiAxMi4xMTY2TDQ0Ljc0NzUgMTMuMDYxM0w0NS4wNTU5IDEzLjk2MzJMNDUuNDA4NSAxNC42NTAzTDQ1LjgwNTEgMTUuMTIyN0w0Ni4yNDU4IDE1LjU1MjFMNDYuNzMwNSAxNS44NTI4TDQ3LjMwMzQgMTYuMTEwNEw0Ny44NzYzIDE2LjI4MjJMNDguODAxNyAxNi40MTFMNDkuNjM5IDE2LjM2ODFMNTAuMzQ0MSAxNi4yMzkzTDUxLjA0OTIgMTUuOTgxNkw1MS41NzggMTUuNjM4TDUxLjkzMDUgMTUuMzM3NEw1Mi4yMzkgMTQuOTA4TDUyLjUwMzQgMTQuMzQ5N0w1Mi43MjM3IDEzLjQ5MDhMNTIuNzY3OCAxMy40NDc5SDU0LjY2MjdMNTQuNjE4NiAxMy45NjMyTDU0LjM5ODMgMTQuNzc5MUw1NC4wODk4IDE1LjQ2NjNMNTMuNjQ5MiAxNi4xMTA0TDUzLjE2NDQgMTYuNjI1OEw1Mi41MDM0IDE3LjA5ODJMNTEuNTc4IDE3LjU3MDZMNTAuNzg0NyAxNy44MjgyTDUwLjA3OTcgMTcuOTU3MUw0OS42MzkgMThINDguMjcyOUw0Ny4zNDc1IDE3Ljg3MTJMNDYuNTk4MyAxNy42NTY0TDQ1LjY3MjkgMTcuMjI3TDQ1LjEgMTYuODQwNUw0NC41MjcxIDE2LjM2ODFMNDQuMDQyNCAxNS44NTI4TDQzLjY0NTggMTUuMjk0NUw0My4yOTMyIDE0LjY5MzNMNDIuOTQwNyAxMy44MzQ0TDQyLjY3NjMgMTIuOTMyNUw0Mi41NDQxIDEyLjA3MzZMNDIuNSAxMS41NTgzVjEwLjc0MjNMNDIuNTg4MSA5LjY2ODcxTDQyLjc2NDQgOC43MjM5M0w0Mi45ODQ3IDcuOTkzODdMNDMuMzM3MyA3LjIyMDg2TDQzLjY4OTggNi42MTk2M0w0NC4yMTg2IDUuOTMyNTJMNDQuNzkxNSA1LjM3NDIzTDQ1LjQ1MjUgNC45MDE4NEw0Ni4wNjk1IDQuNTU4MjhMNDYuODYyNyA0LjI1NzY3TDQ3LjYxMTkgNC4wODU4OUw0OC4xODQ3IDRaIiBmaWxsPSIjMjg4N0JGIi8+CjxwYXRoIGQ9Ik04Ny45Nzc4IDRIODkuNTIwMUw5MC4zNTc0IDQuMTI4ODNMOTEuMDYyNSA0LjM0MzU2TDkxLjc2NzYgNC42NDQxN0w5Mi4zODQ2IDQuOTg3NzNMOTIuODY5MyA1LjM3NDIzTDkzLjI2NTkgNS43MTc3OUw5My43MDY2IDYuMjc2MDdMOTQuMTAzMiA3LjAwNjEzTDk0LjQxMTcgNy45MDc5OEw5NC40NTU3IDguMzM3NDJMOTQuNDExNyA4LjM4MDM3SDkyLjYwNDlMOTIuNTE2OCA4LjI5NDQ4TDkyLjM0MDUgNy41NjQ0Mkw5Mi4wMzIgNi45NjMxOUw5MS42MzU0IDYuNTMzNzRMOTEuMjM4OCA2LjIzMzEzTDkwLjU3NzggNS44ODk1N0w4OS44Mjg2IDUuNjc0ODVMODguOTkxMyA1LjU4ODk2SDg4LjU1MDdMODcuNzU3NCA1LjY3NDg1TDg3LjA1MjQgNS44ODk1N0w4Ni4zNDczIDYuMjMzMTNMODUuOTA2NiA2LjU3NjY5TDg1LjY4NjMgNi43OTE0MUw4NS4zNzc4IDcuMTM0OTdMODUuMDY5MyA3LjYwNzM2TDg0Ljc2MDggOC4yMDg1OUw4NC41NDA1IDguODUyNzZMODQuMzY0MiA5LjcxMTY2TDg0LjMyMDEgMTAuMTQxMVYxMS42NDQyTDg0LjQ1MjQgMTIuNjc0OEw4NC42NzI3IDEzLjQ5MDhMODQuOTM3MSAxNC4xMzVMODUuMjQ1NiAxNC42OTMzTDg1LjU5ODEgMTUuMTIyN0w4Ni4wMzg4IDE1LjU1MjFMODYuNjExNyAxNS44OTU3TDg3LjA5NjQgMTYuMTEwNEw4Ny44NDU2IDE2LjMyNTJMODguNTUwNyAxNi40MTFIODkuMDM1NEw4OS45NjA4IDE2LjI4MjJMOTAuNjY1OSAxNi4wNjc1TDkxLjE5NDcgMTUuNzY2OUw5MS42MzU0IDE1LjQyMzNMOTEuOTg3OSAxNC45OTM5TDkyLjI5NjQgMTQuMzkyNkw5Mi40NzI3IDEzLjc0ODVMOTIuNTE2OCAxMy40OTA4TDkyLjk1NzQgMTMuNDQ3OUg5NC40NTU3TDk0LjQ5OTggMTMuNTc2N0w5NC4yNzk1IDE0LjQzNTZMOTQuMDE1MSAxNS4xNjU2TDkzLjY2MjUgMTUuODA5OEw5My4zMSAxNi4yMzkzTDkyLjczNzEgMTYuNzk3NUw5Mi4wNzYxIDE3LjIyN0w5MS4zNzEgMTcuNTcwNkw5MC41Nzc4IDE3LjgyODJMODkuOTE2OCAxNy45NTcxTDg5LjQ3NjEgMThIODguMDY1OUw4Ny4xODQ2IDE3Ljg3MTJMODYuNTIzNSAxNy42OTk0TDg1LjczMDMgMTcuMzU1OEw4NS4yMDE1IDE3LjA1NTJMODQuNjcyNyAxNi42Njg3TDg0LjE0MzkgMTYuMTk2M0w4My43MDMyIDE1LjY4MUw4My4yMTg1IDE0LjkwOEw4Mi44MjE4IDE0LjA5Mkw4Mi41NTc0IDEzLjIzMzFMODIuMzgxMiAxMi4zNzQyTDgyLjI5MyAxMS41MTUzVjEwLjUyNzZMODIuNDI1MiA5LjQxMTA0TDgyLjY4OTYgOC4yOTQ0OEw4Mi45OTgxIDcuNDc4NTNMODMuMzk0NyA2Ljc0ODQ3TDgzLjgzNTQgNi4xNDcyNEw4NC4zNjQyIDUuNTg4OTZMODQuODA0OSA1LjIwMjQ1TDg1LjQ2NTkgNC43NzMwMUw4Ni4xNzEgNC40Mjk0NUw4Ni45NjQyIDQuMTcxNzhMODcuOTc3OCA0WiIgZmlsbD0iIzI4ODdCRiIvPgo8cGF0aCBkPSJNNjEuNjIwNCA2LjU0NTQxSDYxLjY5MDVMNjEuODY1NyA2LjkwNjQ3TDYyLjQyNjMgOC40NTkwMUw2Mi45ODcgOS45NzU0Nkw2My41NDc2IDExLjQ1NThWMTEuNjAwMkw2My4zNzI0IDExLjYzNjNINTkuODMzM0w2MC4wNDM2IDEwLjk4NjRMNjEuMzA1IDcuNDExOTVMNjEuNTUwMyA2LjY4OTgzTDYxLjYyMDQgNi41NDU0MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zLjM5ODQ0IDI5Ljc1MjlDMy4xOTMzNiAyOS43NTI5IDMuMDA5NzcgMjkuNzkgMi44NDc2NiAyOS44NjQzQzIuNjg3NSAyOS45Mzg1IDIuNTUxNzYgMzAuMDQ1OSAyLjQ0MDQzIDMwLjE4NjVDMi4zMjkxIDMwLjMyNTIgMi4yNDQxNCAzMC40OTQxIDIuMTg1NTUgMzAuNjkzNEMyLjEyNjk1IDMwLjg5MDYgMi4wOTc2NiAzMS4xMTMzIDIuMDk3NjYgMzEuMzYxM0MyLjA5NzY2IDMxLjY5MzQgMi4xNDQ1MyAzMS45Nzk1IDIuMjM4MjggMzIuMjE5N0MyLjMzMjAzIDMyLjQ1OCAyLjQ3NDYxIDMyLjY0MTYgMi42NjYwMiAzMi43NzA1QzIuODU3NDIgMzIuODk3NSAzLjA5OTYxIDMyLjk2MDkgMy4zOTI1OCAzMi45NjA5QzMuNTc0MjIgMzIuOTYwOSAzLjc1MDk4IDMyLjk0MzQgMy45MjI4NSAzMi45MDgyQzQuMDk0NzMgMzIuODczIDQuMjcyNDYgMzIuODI1MiA0LjQ1NjA1IDMyLjc2NDZWMzMuMzYyM0M0LjI4MjIzIDMzLjQzMDcgNC4xMDY0NSAzMy40ODA1IDMuOTI4NzEgMzMuNTExN0MzLjc1MDk4IDMzLjU0MyAzLjU0NTkgMzMuNTU4NiAzLjMxMzQ4IDMzLjU1ODZDMi44NzU5OCAzMy41NTg2IDIuNTEyNyAzMy40Njc4IDIuMjIzNjMgMzMuMjg2MUMxLjkzNjUyIDMzLjEwNDUgMS43MjE2OCAzMi44NDg2IDEuNTc5MSAzMi41MTg2QzEuNDM4NDggMzIuMTg4NSAxLjM2ODE2IDMxLjgwMTggMS4zNjgxNiAzMS4zNTg0QzEuMzY4MTYgMzEuMDM0MiAxLjQxMzA5IDMwLjczNzMgMS41MDI5MyAzMC40Njc4QzEuNTkyNzcgMzAuMTk4MiAxLjcyMzYzIDI5Ljk2NTggMS44OTU1MSAyOS43NzA1QzIuMDY3MzggMjkuNTczMiAyLjI3OTMgMjkuNDIxOSAyLjUzMTI1IDI5LjMxNjRDMi43ODUxNiAyOS4yMDkgMy4wNzUyIDI5LjE1NTMgMy40MDEzNyAyOS4xNTUzQzMuNjE2MjEgMjkuMTU1MyAzLjgyNzE1IDI5LjE3OTcgNC4wMzQxOCAyOS4yMjg1QzQuMjQzMTYgMjkuMjc1NCA0LjQzNjUyIDI5LjM0MjggNC42MTQyNiAyOS40MzA3TDQuMzY4MTYgMzAuMDEwN0M0LjIxOTczIDI5Ljk0MDQgNC4wNjQ0NSAyOS44Nzk5IDMuOTAyMzQgMjkuODI5MUMzLjc0MDIzIDI5Ljc3ODMgMy41NzIyNyAyOS43NTI5IDMuMzk4NDQgMjkuNzUyOVpNOC4wMzAyNyAzMy41TDcuNjExMzMgMzIuMzEwNUg1Ljk3MzYzTDUuNTU0NjkgMzMuNUg0LjgxMzQ4TDYuNDA3MjMgMjkuMTk5Mkg3LjE4NjUyTDguNzc3MzQgMzMuNUg4LjAzMDI3Wk03LjQyOTY5IDMxLjcwN0w3LjAyMjQ2IDMwLjUzNTJDNy4wMDY4NCAzMC40ODQ0IDYuOTg0MzggMzAuNDEzMSA2Ljk1NTA4IDMwLjMyMTNDNi45MjU3OCAzMC4yMjc1IDYuODk2NDggMzAuMTMyOCA2Ljg2NzE5IDMwLjAzNzFDNi44Mzc4OSAyOS45Mzk1IDYuODEzNDggMjkuODU3NCA2Ljc5Mzk1IDI5Ljc5MUM2Ljc3NDQxIDI5Ljg3MTEgNi43NSAyOS45NjA5IDYuNzIwNyAzMC4wNjA1QzYuNjkzMzYgMzAuMTU4MiA2LjY2NjAyIDMwLjI1IDYuNjM4NjcgMzAuMzM1OUM2LjYxMzI4IDMwLjQyMTkgNi41OTM3NSAzMC40ODgzIDYuNTgwMDggMzAuNTM1Mkw2LjE2OTkyIDMxLjcwN0g3LjQyOTY5Wk03LjE4NjUyIDI3Ljg2MDRDNy4yMzkyNiAyNy45NTAyIDcuMzA5NTcgMjguMDQ5OCA3LjM5NzQ2IDI4LjE1OTJDNy40ODczIDI4LjI2ODYgNy41ODAwOCAyOC4zNzYgNy42NzU3OCAyOC40ODE0QzcuNzczNDQgMjguNTg1IDcuODU5MzggMjguNjczOCA3LjkzMzU5IDI4Ljc0OFYyOC44MjEzSDcuNDY0ODRDNy4zNTkzOCAyOC43NTQ5IDcuMjQ3MDcgMjguNjc1OCA3LjEyNzkzIDI4LjU4NEM3LjAxMDc0IDI4LjQ5MDIgNi45MDAzOSAyOC4zODk2IDYuNzk2ODggMjguMjgyMkM2LjY5MTQxIDI4LjM4OTYgNi41ODEwNSAyOC40ODkzIDYuNDY1ODIgMjguNTgxMUM2LjM1MjU0IDI4LjY3MjkgNi4yNDQxNCAyOC43NTI5IDYuMTQwNjIgMjguODIxM0g1LjY3NDhWMjguNzQ4QzUuNzQ5MDIgMjguNjcxOSA1LjgzMzk4IDI4LjU4MiA1LjkyOTY5IDI4LjQ3ODVDNi4wMjUzOSAyOC4zNzUgNi4xMTcxOSAyOC4yNjg2IDYuMjA1MDggMjguMTU5MkM2LjI5Mjk3IDI4LjA0OTggNi4zNjMyOCAyNy45NTAyIDYuNDE2MDIgMjcuODYwNEg3LjE4NjUyWk0xMS4xOTE0IDMzLjVMOS45NTgwMSAyOS45MjI5SDkuOTMxNjRDOS45Mzc1IDMwLjAwMjkgOS45NDQzNCAzMC4xMTIzIDkuOTUyMTUgMzAuMjUxQzkuOTU5OTYgMzAuMzg5NiA5Ljk2NjggMzAuNTM4MSA5Ljk3MjY2IDMwLjY5NjNDOS45Nzg1MiAzMC44NTQ1IDkuOTgxNDUgMzEuMDA1OSA5Ljk4MTQ1IDMxLjE1MDRWMzMuNUg5LjM0Mjc3VjI5LjIxNjhIMTAuMzMwMUwxMS41MTY2IDMyLjYzNTdIMTEuNTM0MkwxMi43NjE3IDI5LjIxNjhIMTMuNzQ2MVYzMy41SDEzLjA3NTJWMzEuMTE1MkMxMy4wNzUyIDMwLjk4NDQgMTMuMDc3MSAzMC44NDI4IDEzLjA4MTEgMzAuNjkwNEMxMy4wODY5IDMwLjUzODEgMTMuMDkyOCAzMC4zOTM2IDEzLjA5ODYgMzAuMjU2OEMxMy4xMDY0IDMwLjEyMDEgMTMuMTEyMyAzMC4wMTA3IDEzLjExNjIgMjkuOTI4N0gxMy4wOTI4TDExLjgxMjUgMzMuNUgxMS4xOTE0Wk0xNy41MjgzIDMzLjVMMTcuMTA5NCAzMi4zMTA1SDE1LjQ3MTdMMTUuMDUyNyAzMy41SDE0LjMxMTVMMTUuOTA1MyAyOS4xOTkySDE2LjY4NDZMMTguMjc1NCAzMy41SDE3LjUyODNaTTE2LjkyNzcgMzEuNzA3TDE2LjUyMDUgMzAuNTM1MkMxNi41MDQ5IDMwLjQ4NDQgMTYuNDgyNCAzMC40MTMxIDE2LjQ1MzEgMzAuMzIxM0MxNi40MjM4IDMwLjIyNzUgMTYuMzk0NSAzMC4xMzI4IDE2LjM2NTIgMzAuMDM3MUMxNi4zMzU5IDI5LjkzOTUgMTYuMzExNSAyOS44NTc0IDE2LjI5MiAyOS43OTFDMTYuMjcyNSAyOS44NzExIDE2LjI0OCAyOS45NjA5IDE2LjIxODggMzAuMDYwNUMxNi4xOTE0IDMwLjE1ODIgMTYuMTY0MSAzMC4yNSAxNi4xMzY3IDMwLjMzNTlDMTYuMTExMyAzMC40MjE5IDE2LjA5MTggMzAuNDg4MyAxNi4wNzgxIDMwLjUzNTJMMTUuNjY4IDMxLjcwN0gxNi45Mjc3Wk0yMC4wNDQ5IDI5LjIxNjhDMjAuNDE0MSAyOS4yMTY4IDIwLjcxODggMjkuMjYxNyAyMC45NTkgMjkuMzUxNkMyMS4yMDEyIDI5LjQ0MTQgMjEuMzgwOSAyOS41NzgxIDIxLjQ5OCAyOS43NjE3QzIxLjYxNzIgMjkuOTQ1MyAyMS42NzY4IDMwLjE3ODcgMjEuNjc2OCAzMC40NjE5QzIxLjY3NjggMzAuNjcyOSAyMS42Mzc3IDMwLjg1MjUgMjEuNTU5NiAzMS4wMDFDMjEuNDgxNCAzMS4xNDk0IDIxLjM3ODkgMzEuMjcyNSAyMS4yNTIgMzEuMzcwMUMyMS4xMjUgMzEuNDY3OCAyMC45ODkzIDMxLjU0NTkgMjAuODQ0NyAzMS42MDQ1TDIyLjA2MDUgMzMuNUgyMS4yNjY2TDIwLjIzMjQgMzEuNzgzMkgxOS41NDM5VjMzLjVIMTguODQwOFYyOS4yMTY4SDIwLjA0NDlaTTE5Ljk5OCAyOS44MDI3SDE5LjU0MzlWMzEuMjAzMUgyMC4wMzAzQzIwLjM1NjQgMzEuMjAzMSAyMC41OTI4IDMxLjE0MjYgMjAuNzM5MyAzMS4wMjE1QzIwLjg4NzcgMzAuOTAwNCAyMC45NjE5IDMwLjcyMTcgMjAuOTYxOSAzMC40ODU0QzIwLjk2MTkgMzAuMjM3MyAyMC44ODI4IDMwLjA2MTUgMjAuNzI0NiAyOS45NThDMjAuNTY4NCAyOS44NTQ1IDIwLjMyNjIgMjkuODAyNyAxOS45OTggMjkuODAyN1pNMjUuMzI3MSAzMy41TDI0LjkwODIgMzIuMzEwNUgyMy4yNzA1TDIyLjg1MTYgMzMuNUgyMi4xMTA0TDIzLjcwNDEgMjkuMTk5MkgyNC40ODM0TDI2LjA3NDIgMzMuNUgyNS4zMjcxWk0yNC43MjY2IDMxLjcwN0wyNC4zMTkzIDMwLjUzNTJDMjQuMzAzNyAzMC40ODQ0IDI0LjI4MTIgMzAuNDEzMSAyNC4yNTIgMzAuMzIxM0MyNC4yMjI3IDMwLjIyNzUgMjQuMTkzNCAzMC4xMzI4IDI0LjE2NDEgMzAuMDM3MUMyNC4xMzQ4IDI5LjkzOTUgMjQuMTEwNCAyOS44NTc0IDI0LjA5MDggMjkuNzkxQzI0LjA3MTMgMjkuODcxMSAyNC4wNDY5IDI5Ljk2MDkgMjQuMDE3NiAzMC4wNjA1QzIzLjk5MDIgMzAuMTU4MiAyMy45NjI5IDMwLjI1IDIzLjkzNTUgMzAuMzM1OUMyMy45MTAyIDMwLjQyMTkgMjMuODkwNiAzMC40ODgzIDIzLjg3NyAzMC41MzUyTDIzLjQ2NjggMzEuNzA3SDI0LjcyNjZaTTMwLjg1MjUgMzMuNUwzMC40MzM2IDMyLjMxMDVIMjguNzk1OUwyOC4zNzcgMzMuNUgyNy42MzU3TDI5LjIyOTUgMjkuMTk5MkgzMC4wMDg4TDMxLjU5OTYgMzMuNUgzMC44NTI1Wk0zMC4yNTIgMzEuNzA3TDI5Ljg0NDcgMzAuNTM1MkMyOS44MjkxIDMwLjQ4NDQgMjkuODA2NiAzMC40MTMxIDI5Ljc3NzMgMzAuMzIxM0MyOS43NDggMzAuMjI3NSAyOS43MTg4IDMwLjEzMjggMjkuNjg5NSAzMC4wMzcxQzI5LjY2MDIgMjkuOTM5NSAyOS42MzU3IDI5Ljg1NzQgMjkuNjE2MiAyOS43OTFDMjkuNTk2NyAyOS44NzExIDI5LjU3MjMgMjkuOTYwOSAyOS41NDMgMzAuMDYwNUMyOS41MTU2IDMwLjE1ODIgMjkuNDg4MyAzMC4yNSAyOS40NjA5IDMwLjMzNTlDMjkuNDM1NSAzMC40MjE5IDI5LjQxNiAzMC40ODgzIDI5LjQwMjMgMzAuNTM1MkwyOC45OTIyIDMxLjcwN0gzMC4yNTJaTTM1LjY0MjYgMzEuMzE3NEMzNS42NDI2IDMxLjc5OTggMzUuNTUyNyAzMi4yMDMxIDM1LjM3MyAzMi41MjczQzM1LjE5MzQgMzIuODQ5NiAzNC45MzI2IDMzLjA5MjggMzQuNTkwOCAzMy4yNTY4QzM0LjI0OSAzMy40MTg5IDMzLjgzNjkgMzMuNSAzMy4zNTQ1IDMzLjVIMzIuMTY1VjI5LjIxNjhIMzMuNDgzNEMzMy45MjY4IDI5LjIxNjggMzQuMzA5NiAyOS4yOTY5IDM0LjYzMTggMjkuNDU3QzM0Ljk1NDEgMjkuNjE1MiAzNS4yMDMxIDI5Ljg1MDYgMzUuMzc4OSAzMC4xNjMxQzM1LjU1NDcgMzAuNDczNiAzNS42NDI2IDMwLjg1ODQgMzUuNjQyNiAzMS4zMTc0Wk0zNC45MTAyIDMxLjMzNzlDMzQuOTEwMiAzMC45ODYzIDM0Ljg1NDUgMzAuNjk3MyAzNC43NDMyIDMwLjQ3MDdDMzQuNjMzOCAzMC4yNDQxIDM0LjQ3MTcgMzAuMDc2MiAzNC4yNTY4IDI5Ljk2NjhDMzQuMDQzOSAyOS44NTU1IDMzLjc4MTIgMjkuNzk5OCAzMy40Njg4IDI5Ljc5OThIMzIuODY4MlYzMi45MTExSDMzLjM2NjJDMzMuODgzOCAzMi45MTExIDM0LjI3MDUgMzIuNzc5MyAzNC41MjY0IDMyLjUxNTZDMzQuNzgyMiAzMi4yNTIgMzQuOTEwMiAzMS44NTk0IDM0LjkxMDIgMzEuMzM3OVpNMzguNDE0MSAzMy41TDM3LjE4MDcgMjkuOTIyOUgzNy4xNTQzQzM3LjE2MDIgMzAuMDAyOSAzNy4xNjcgMzAuMTEyMyAzNy4xNzQ4IDMwLjI1MUMzNy4xODI2IDMwLjM4OTYgMzcuMTg5NSAzMC41MzgxIDM3LjE5NTMgMzAuNjk2M0MzNy4yMDEyIDMwLjg1NDUgMzcuMjA0MSAzMS4wMDU5IDM3LjIwNDEgMzEuMTUwNFYzMy41SDM2LjU2NTRWMjkuMjE2OEgzNy41NTI3TDM4LjczOTMgMzIuNjM1N0gzOC43NTY4TDM5Ljk4NDQgMjkuMjE2OEg0MC45Njg4VjMzLjVINDAuMjk3OVYzMS4xMTUyQzQwLjI5NzkgMzAuOTg0NCA0MC4yOTk4IDMwLjg0MjggNDAuMzAzNyAzMC42OTA0QzQwLjMwOTYgMzAuNTM4MSA0MC4zMTU0IDMwLjM5MzYgNDAuMzIxMyAzMC4yNTY4QzQwLjMyOTEgMzAuMTIwMSA0MC4zMzUgMzAuMDEwNyA0MC4zMzg5IDI5LjkyODdINDAuMzE1NEwzOS4wMzUyIDMzLjVIMzguNDE0MVpNNDIuMDk2NyAzMy41VjI5LjIxNjhINDIuNzk5OFYzMy41SDQyLjA5NjdaTTQ3LjUwNDkgMzMuNUg0Ni42NDA2TDQ0LjU0MyAzMC4wODExSDQ0LjUxNjZDNDQuNTI0NCAzMC4xOTYzIDQ0LjUzMTIgMzAuMzE4NCA0NC41MzcxIDMwLjQ0NzNDNDQuNTQ0OSAzMC41NzYyIDQ0LjU1MDggMzAuNzA5IDQ0LjU1NDcgMzAuODQ1N0M0NC41NjA1IDMwLjk4MjQgNDQuNTY1NCAzMS4xMjExIDQ0LjU2OTMgMzEuMjYxN1YzMy41SDQzLjkzMDdWMjkuMjE2OEg0NC43ODkxTDQ2Ljg4MzggMzIuNjEyM0g0Ni45MDQzQzQ2LjkwMDQgMzIuNTEyNyA0Ni44OTU1IDMyLjM5ODQgNDYuODg5NiAzMi4yNjk1QzQ2Ljg4MzggMzIuMTQwNiA0Ni44Nzc5IDMyLjAwNzggNDYuODcyMSAzMS44NzExQzQ2Ljg2ODIgMzEuNzMyNCA0Ni44NjUyIDMxLjU5ODYgNDYuODYzMyAzMS40Njk3VjI5LjIxNjhINDcuNTA0OVYzMy41Wk00OC42Mjk5IDMzLjVWMjkuMjE2OEg0OS4zMzNWMzMuNUg0OC42Mjk5Wk01Mi45MzY1IDMyLjMzNEM1Mi45MzY1IDMyLjU4NzkgNTIuODc0IDMyLjgwNjYgNTIuNzQ5IDMyLjk5MDJDNTIuNjI2IDMzLjE3MzggNTIuNDQ4MiAzMy4zMTQ1IDUyLjIxNTggMzMuNDEyMUM1MS45ODU0IDMzLjUwOTggNTEuNzEgMzMuNTU4NiA1MS4zODk2IDMzLjU1ODZDNTEuMjMzNCAzMy41NTg2IDUxLjA4NCAzMy41NDk4IDUwLjk0MTQgMzMuNTMyMkM1MC43OTg4IDMzLjUxNDYgNTAuNjY0MSAzMy40ODkzIDUwLjUzNzEgMzMuNDU2MUM1MC40MTIxIDMzLjQyMDkgNTAuMjk3OSAzMy4zNzg5IDUwLjE5NDMgMzMuMzMwMVYzMi42NjhDNTAuMzY4MiAzMi43NDQxIDUwLjU2MjUgMzIuODEzNSA1MC43NzczIDMyLjg3NkM1MC45OTIyIDMyLjkzNjUgNTEuMjEwOSAzMi45NjY4IDUxLjQzMzYgMzIuOTY2OEM1MS42MTUyIDMyLjk2NjggNTEuNzY1NiAzMi45NDM0IDUxLjg4NDggMzIuODk2NUM1Mi4wMDU5IDMyLjg0NzcgNTIuMDk1NyAzMi43NzkzIDUyLjE1NDMgMzIuNjkxNEM1Mi4yMTI5IDMyLjYwMTYgNTIuMjQyMiAzMi40OTcxIDUyLjI0MjIgMzIuMzc3OUM1Mi4yNDIyIDMyLjI1MSA1Mi4yMDggMzIuMTQzNiA1Mi4xMzk2IDMyLjA1NTdDNTIuMDcxMyAzMS45Njc4IDUxLjk2NzggMzEuODg3NyA1MS44MjkxIDMxLjgxNTRDNTEuNjkyNCAzMS43NDEyIDUxLjUyMDUgMzEuNjYyMSA1MS4zMTM1IDMxLjU3ODFDNTEuMTcyOSAzMS41MjE1IDUxLjAzODEgMzEuNDU3IDUwLjkwOTIgMzEuMzg0OEM1MC43ODIyIDMxLjMxMjUgNTAuNjY4OSAzMS4yMjc1IDUwLjU2OTMgMzEuMTI5OUM1MC40Njk3IDMxLjAzMjIgNTAuMzkwNiAzMC45MTcgNTAuMzMyIDMwLjc4NDJDNTAuMjc1NCAzMC42NDk0IDUwLjI0NzEgMzAuNDkxMiA1MC4yNDcxIDMwLjMwOTZDNTAuMjQ3MSAzMC4wNjc0IDUwLjMwNDcgMjkuODYwNCA1MC40MTk5IDI5LjY4ODVDNTAuNTM3MSAyOS41MTY2IDUwLjcwMTIgMjkuMzg0OCA1MC45MTIxIDI5LjI5M0M1MS4xMjUgMjkuMjAxMiA1MS4zNzMgMjkuMTU1MyA1MS42NTYyIDI5LjE1NTNDNTEuODgwOSAyOS4xNTUzIDUyLjA5MTggMjkuMTc4NyA1Mi4yODkxIDI5LjIyNTZDNTIuNDg4MyAyOS4yNzI1IDUyLjY4MzYgMjkuMzM4OSA1Mi44NzUgMjkuNDI0OEw1Mi42NTIzIDI5Ljk5MDJDNTIuNDc2NiAyOS45MTggNTIuMzA1NyAyOS44NjA0IDUyLjEzOTYgMjkuODE3NEM1MS45NzU2IDI5Ljc3NDQgNTEuODA3NiAyOS43NTI5IDUxLjYzNTcgMjkuNzUyOUM1MS40ODczIDI5Ljc1MjkgNTEuMzYxMyAyOS43NzU0IDUxLjI1NzggMjkuODIwM0M1MS4xNTQzIDI5Ljg2NTIgNTEuMDc1MiAyOS45Mjg3IDUxLjAyMDUgMzAuMDEwN0M1MC45Njc4IDMwLjA5MDggNTAuOTQxNCAzMC4xODY1IDUwLjk0MTQgMzAuMjk3OUM1MC45NDE0IDMwLjQyMjkgNTAuOTcxNyAzMC41MjgzIDUxLjAzMjIgMzAuNjE0M0M1MS4wOTQ3IDMwLjY5ODIgNTEuMTkwNCAzMC43NzU0IDUxLjMxOTMgMzAuODQ1N0M1MS40NTAyIDMwLjkxNiA1MS42MTgyIDMwLjk5NDEgNTEuODIzMiAzMS4wODAxQzUyLjA1OTYgMzEuMTc3NyA1Mi4yNTk4IDMxLjI4MDMgNTIuNDIzOCAzMS4zODc3QzUyLjU4OTggMzEuNDk1MSA1Mi43MTY4IDMxLjYyNCA1Mi44MDQ3IDMxLjc3NDRDNTIuODkyNiAzMS45MjI5IDUyLjkzNjUgMzIuMTA5NCA1Mi45MzY1IDMyLjMzNFpNNTUuMjQ4IDMzLjVINTQuNTQyVjI5LjgxNDVINTMuMjg4MVYyOS4yMTY4SDU2LjQ5OVYyOS44MTQ1SDU1LjI0OFYzMy41Wk01OC4zNTk0IDI5LjIxNjhDNTguNzI4NSAyOS4yMTY4IDU5LjAzMzIgMjkuMjYxNyA1OS4yNzM0IDI5LjM1MTZDNTkuNTE1NiAyOS40NDE0IDU5LjY5NTMgMjkuNTc4MSA1OS44MTI1IDI5Ljc2MTdDNTkuOTMxNiAyOS45NDUzIDU5Ljk5MTIgMzAuMTc4NyA1OS45OTEyIDMwLjQ2MTlDNTkuOTkxMiAzMC42NzI5IDU5Ljk1MjEgMzAuODUyNSA1OS44NzQgMzEuMDAxQzU5Ljc5NTkgMzEuMTQ5NCA1OS42OTM0IDMxLjI3MjUgNTkuNTY2NCAzMS4zNzAxQzU5LjQzOTUgMzEuNDY3OCA1OS4zMDM3IDMxLjU0NTkgNTkuMTU5MiAzMS42MDQ1TDYwLjM3NSAzMy41SDU5LjU4MTFMNTguNTQ2OSAzMS43ODMySDU3Ljg1ODRWMzMuNUg1Ny4xNTUzVjI5LjIxNjhINTguMzU5NFpNNTguMzEyNSAyOS44MDI3SDU3Ljg1ODRWMzEuMjAzMUg1OC4zNDQ3QzU4LjY3MDkgMzEuMjAzMSA1OC45MDcyIDMxLjE0MjYgNTkuMDUzNyAzMS4wMjE1QzU5LjIwMjEgMzAuOTAwNCA1OS4yNzY0IDMwLjcyMTcgNTkuMjc2NCAzMC40ODU0QzU5LjI3NjQgMzAuMjM3MyA1OS4xOTczIDMwLjA2MTUgNTkuMDM5MSAyOS45NThDNTguODgyOCAyOS44NTQ1IDU4LjY0MDYgMjkuODAyNyA1OC4zMTI1IDI5LjgwMjdaTTYzLjY0MTYgMzMuNUw2My4yMjI3IDMyLjMxMDVINjEuNTg1TDYxLjE2NiAzMy41SDYwLjQyNDhMNjIuMDE4NiAyOS4xOTkySDYyLjc5NzlMNjQuMzg4NyAzMy41SDYzLjY0MTZaTTYzLjA0MSAzMS43MDdMNjIuNjMzOCAzMC41MzUyQzYyLjYxODIgMzAuNDg0NCA2Mi41OTU3IDMwLjQxMzEgNjIuNTY2NCAzMC4zMjEzQzYyLjUzNzEgMzAuMjI3NSA2Mi41MDc4IDMwLjEzMjggNjIuNDc4NSAzMC4wMzcxQzYyLjQ0OTIgMjkuOTM5NSA2Mi40MjQ4IDI5Ljg1NzQgNjIuNDA1MyAyOS43OTFDNjIuMzg1NyAyOS44NzExIDYyLjM2MTMgMjkuOTYwOSA2Mi4zMzIgMzAuMDYwNUM2Mi4zMDQ3IDMwLjE1ODIgNjIuMjc3MyAzMC4yNSA2Mi4yNSAzMC4zMzU5QzYyLjIyNDYgMzAuNDIxOSA2Mi4yMDUxIDMwLjQ4ODMgNjIuMTkxNCAzMC41MzUyTDYxLjc4MTIgMzEuNzA3SDYzLjA0MVpNNjYuNzc5MyAyOS43NTI5QzY2LjU3NDIgMjkuNzUyOSA2Ni4zOTA2IDI5Ljc5IDY2LjIyODUgMjkuODY0M0M2Ni4wNjg0IDI5LjkzODUgNjUuOTMyNiAzMC4wNDU5IDY1LjgyMTMgMzAuMTg2NUM2NS43MSAzMC4zMjUyIDY1LjYyNSAzMC40OTQxIDY1LjU2NjQgMzAuNjkzNEM2NS41MDc4IDMwLjg5MDYgNjUuNDc4NSAzMS4xMTMzIDY1LjQ3ODUgMzEuMzYxM0M2NS40Nzg1IDMxLjY5MzQgNjUuNTI1NCAzMS45Nzk1IDY1LjYxOTEgMzIuMjE5N0M2NS43MTI5IDMyLjQ1OCA2NS44NTU1IDMyLjY0MTYgNjYuMDQ2OSAzMi43NzA1QzY2LjIzODMgMzIuODk3NSA2Ni40ODA1IDMyLjk2MDkgNjYuNzczNCAzMi45NjA5QzY2Ljk1NTEgMzIuOTYwOSA2Ny4xMzE4IDMyLjk0MzQgNjcuMzAzNyAzMi45MDgyQzY3LjQ3NTYgMzIuODczIDY3LjY1MzMgMzIuODI1MiA2Ny44MzY5IDMyLjc2NDZWMzMuMzYyM0M2Ny42NjMxIDMzLjQzMDcgNjcuNDg3MyAzMy40ODA1IDY3LjMwOTYgMzMuNTExN0M2Ny4xMzE4IDMzLjU0MyA2Ni45MjY4IDMzLjU1ODYgNjYuNjk0MyAzMy41NTg2QzY2LjI1NjggMzMuNTU4NiA2NS44OTM2IDMzLjQ2NzggNjUuNjA0NSAzMy4yODYxQzY1LjMxNzQgMzMuMTA0NSA2NS4xMDI1IDMyLjg0ODYgNjQuOTYgMzIuNTE4NkM2NC44MTkzIDMyLjE4ODUgNjQuNzQ5IDMxLjgwMTggNjQuNzQ5IDMxLjM1ODRDNjQuNzQ5IDMxLjAzNDIgNjQuNzkzOSAzMC43MzczIDY0Ljg4MzggMzAuNDY3OEM2NC45NzM2IDMwLjE5ODIgNjUuMTA0NSAyOS45NjU4IDY1LjI3NjQgMjkuNzcwNUM2NS40NDgyIDI5LjU3MzIgNjUuNjYwMiAyOS40MjE5IDY1LjkxMjEgMjkuMzE2NEM2Ni4xNjYgMjkuMjA5IDY2LjQ1NjEgMjkuMTU1MyA2Ni43ODIyIDI5LjE1NTNDNjYuOTk3MSAyOS4xNTUzIDY3LjIwOCAyOS4xNzk3IDY3LjQxNSAyOS4yMjg1QzY3LjYyNCAyOS4yNzU0IDY3LjgxNzQgMjkuMzQyOCA2Ny45OTUxIDI5LjQzMDdMNjcuNzQ5IDMwLjAxMDdDNjcuNjAwNiAyOS45NDA0IDY3LjQ0NTMgMjkuODc5OSA2Ny4yODMyIDI5LjgyOTFDNjcuMTIxMSAyOS43NzgzIDY2Ljk1MzEgMjkuNzUyOSA2Ni43NzkzIDI5Ljc1MjlaTTY3LjI1OTggMzQuMjg1MkM2Ny4yNTk4IDM0LjQ5MjIgNjcuMTkwNCAzNC42NTMzIDY3LjA1MTggMzQuNzY4NkM2Ni45MTMxIDM0Ljg4MzggNjYuNjg3NSAzNC45NDE0IDY2LjM3NSAzNC45NDE0QzY2LjMwMDggMzQuOTQxNCA2Ni4yMzI0IDM0LjkzNjUgNjYuMTY5OSAzNC45MjY4QzY2LjEwNzQgMzQuOTE3IDY2LjA1MzcgMzQuOTA2MiA2Ni4wMDg4IDM0Ljg5NDVWMzQuNDkzMkM2Ni4wNTU3IDM0LjUwNDkgNjYuMTE0MyAzNC41MTU2IDY2LjE4NDYgMzQuNTI1NEM2Ni4yNTQ5IDM0LjUzNTIgNjYuMzE5MyAzNC41NCA2Ni4zNzc5IDM0LjU0QzY2LjQ3OTUgMzQuNTQgNjYuNTU5NiAzNC41MjI1IDY2LjYxODIgMzQuNDg3M0M2Ni42Nzg3IDM0LjQ1MjEgNjYuNzA5IDM0LjM5MjYgNjYuNzA5IDM0LjMwODZDNjYuNzA5IDM0LjIxODggNjYuNjY1IDM0LjE0NzUgNjYuNTc3MSAzNC4wOTQ3QzY2LjQ4OTMgMzQuMDQyIDY2LjM1OTQgMzQuMDA0OSA2Ni4xODc1IDMzLjk4MzRMNjYuNDMzNiAzMy41SDY2Ljg3ODlMNjYuNzU4OCAzMy43NTJDNjYuODQ4NiAzMy43NzU0IDY2LjkzMDcgMzMuODA5NiA2Ny4wMDQ5IDMzLjg1NDVDNjcuMDgxMSAzMy44OTk0IDY3LjE0MjYgMzMuOTU3IDY3LjE4OTUgMzQuMDI3M0M2Ny4yMzYzIDM0LjA5OTYgNjcuMjU5OCAzNC4xODU1IDY3LjI1OTggMzQuMjg1MlpNNzEuNDExMSAzMy41TDcwLjk5MjIgMzIuMzEwNUg2OS4zNTQ1TDY4LjkzNTUgMzMuNUg2OC4xOTQzTDY5Ljc4ODEgMjkuMTk5Mkg3MC41Njc0TDcyLjE1ODIgMzMuNUg3MS40MTExWk03MC44MTA1IDMxLjcwN0w3MC40MDMzIDMwLjUzNTJDNzAuMzg3NyAzMC40ODQ0IDcwLjM2NTIgMzAuNDEzMSA3MC4zMzU5IDMwLjMyMTNDNzAuMzA2NiAzMC4yMjc1IDcwLjI3NzMgMzAuMTMyOCA3MC4yNDggMzAuMDM3MUM3MC4yMTg4IDI5LjkzOTUgNzAuMTk0MyAyOS44NTc0IDcwLjE3NDggMjkuNzkxQzcwLjE1NTMgMjkuODcxMSA3MC4xMzA5IDI5Ljk2MDkgNzAuMTAxNiAzMC4wNjA1QzcwLjA3NDIgMzAuMTU4MiA3MC4wNDY5IDMwLjI1IDcwLjAxOTUgMzAuMzM1OUM2OS45OTQxIDMwLjQyMTkgNjkuOTc0NiAzMC40ODgzIDY5Ljk2MDkgMzAuNTM1Mkw2OS41NTA4IDMxLjcwN0g3MC44MTA1Wk02OS4wMTQ2IDI4LjgxODRDNjkuMDI2NCAyOC42ODE2IDY5LjA1MTggMjguNTYyNSA2OS4wOTA4IDI4LjQ2MDlDNjkuMTI5OSAyOC4zNTc0IDY5LjE4MDcgMjguMjcxNSA2OS4yNDMyIDI4LjIwMzFDNjkuMzA3NiAyOC4xMzI4IDY5LjM4MDkgMjguMDgwMSA2OS40NjI5IDI4LjA0NDlDNjkuNTQ2OSAyOC4wMDk4IDY5LjYzNzcgMjcuOTkyMiA2OS43MzU0IDI3Ljk5MjJDNjkuODIxMyAyNy45OTIyIDY5LjkwMzMgMjguMDA4OCA2OS45ODE0IDI4LjA0MkM3MC4wNjE1IDI4LjA3NTIgNzAuMTM4NyAyOC4xMTQzIDcwLjIxMjkgMjguMTU5MkM3MC4yODkxIDI4LjIwMjEgNzAuMzYyMyAyOC4yNDAyIDcwLjQzMjYgMjguMjczNEM3MC41MDQ5IDI4LjMwNjYgNzAuNTc0MiAyOC4zMjMyIDcwLjY0MDYgMjguMzIzMkM3MC43MTY4IDI4LjMyMzIgNzAuNzgxMiAyOC4yOTU5IDcwLjgzNCAyOC4yNDEyQzcwLjg4ODcgMjguMTg2NSA3MC45Mjk3IDI4LjEwMTYgNzAuOTU3IDI3Ljk4NjNINzEuMzE3NEM3MS4yOTM5IDI4LjI1NTkgNzEuMjE2OCAyOC40NjE5IDcxLjA4NTkgMjguNjA0NUM3MC45NTUxIDI4Ljc0NTEgNzAuNzkyIDI4LjgxNTQgNzAuNTk2NyAyOC44MTU0QzcwLjUxNDYgMjguODE1NCA3MC40MzM2IDI4Ljc5ODggNzAuMzUzNSAyOC43NjU2QzcwLjI3NTQgMjguNzMwNSA3MC4xOTkyIDI4LjY5MTQgNzAuMTI1IDI4LjY0ODRDNzAuMDUwOCAyOC42MDU1IDY5Ljk3NzUgMjguNTY3NCA2OS45MDUzIDI4LjUzNDJDNjkuODMzIDI4LjUwMSA2OS43NjI3IDI4LjQ4NDQgNjkuNjk0MyAyOC40ODQ0QzY5LjYxNjIgMjguNDg0NCA2OS41NDk4IDI4LjUxMTcgNjkuNDk1MSAyOC41NjY0QzY5LjQ0MjQgMjguNjIxMSA2OS40MDMzIDI4LjcwNTEgNjkuMzc3OSAyOC44MTg0SDY5LjAxNDZaTTc2LjUyNjQgMzEuMzUyNUM3Ni41MjY0IDMxLjY4MjYgNzYuNDg0NCAzMS45ODM0IDc2LjQwMDQgMzIuMjU0OUM3Ni4zMTg0IDMyLjUyNDQgNzYuMTk0MyAzMi43NTY4IDc2LjAyODMgMzIuOTUyMUM3NS44NjIzIDMzLjE0NTUgNzUuNjU0MyAzMy4yOTQ5IDc1LjQwNDMgMzMuNDAwNEM3NS4xNTQzIDMzLjUwNTkgNzQuODYxMyAzMy41NTg2IDc0LjUyNTQgMzMuNTU4NkM3NC4xODM2IDMzLjU1ODYgNzMuODg2NyAzMy41MDU5IDczLjYzNDggMzMuNDAwNEM3My4zODQ4IDMzLjI5NDkgNzMuMTc2OCAzMy4xNDQ1IDczLjAxMDcgMzIuOTQ5MkM3Mi44NDY3IDMyLjc1MzkgNzIuNzIzNiAzMi41MjA1IDcyLjY0MTYgMzIuMjQ5QzcyLjU1OTYgMzEuOTc3NSA3Mi41MTg2IDMxLjY3NjggNzIuNTE4NiAzMS4zNDY3QzcyLjUxODYgMzAuOTA1MyA3Mi41OTA4IDMwLjUyMDUgNzIuNzM1NCAzMC4xOTI0QzcyLjg4MTggMjkuODYyMyA3My4xMDM1IDI5LjYwNjQgNzMuNDAwNCAyOS40MjQ4QzczLjY5OTIgMjkuMjQxMiA3NC4wNzYyIDI5LjE0OTQgNzQuNTMxMiAyOS4xNDk0Qzc0Ljk3NjYgMjkuMTQ5NCA3NS4zNDY3IDI5LjI0MDIgNzUuNjQxNiAyOS40MjE5Qzc1LjkzNjUgMjkuNjAzNSA3Ni4xNTcyIDI5Ljg1OTQgNzYuMzAzNyAzMC4xODk1Qzc2LjQ1MjEgMzAuNTE3NiA3Ni41MjY0IDMwLjkwNTMgNzYuNTI2NCAzMS4zNTI1Wk03My4yNTY4IDMxLjM1MjVDNzMuMjU2OCAzMS42ODI2IDczLjMwMTggMzEuOTY4OCA3My4zOTE2IDMyLjIxMDlDNzMuNDgxNCAzMi40NTEyIDczLjYxOTEgMzIuNjM2NyA3My44MDQ3IDMyLjc2NzZDNzMuOTkyMiAzMi44OTY1IDc0LjIzMjQgMzIuOTYwOSA3NC41MjU0IDMyLjk2MDlDNzQuODIwMyAzMi45NjA5IDc1LjA2MDUgMzIuODk2NSA3NS4yNDYxIDMyLjc2NzZDNzUuNDMxNiAzMi42MzY3IDc1LjU2ODQgMzIuNDUxMiA3NS42NTYyIDMyLjIxMDlDNzUuNzQ0MSAzMS45Njg4IDc1Ljc4ODEgMzEuNjgyNiA3NS43ODgxIDMxLjM1MjVDNzUuNzg4MSAzMC44NTA2IDc1LjY4NzUgMzAuNDU4IDc1LjQ4NjMgMzAuMTc0OEM3NS4yODcxIDI5Ljg4OTYgNzQuOTY4OCAyOS43NDcxIDc0LjUzMTIgMjkuNzQ3MUM3NC4yMzgzIDI5Ljc0NzEgNzMuOTk3MSAyOS44MTE1IDczLjgwNzYgMjkuOTQwNEM3My42MjAxIDMwLjA2OTMgNzMuNDgxNCAzMC4yNTM5IDczLjM5MTYgMzAuNDk0MUM3My4zMDE4IDMwLjczMjQgNzMuMjU2OCAzMS4wMTg2IDczLjI1NjggMzEuMzUyNVpNODIuNDgyNCAzMS4zMTc0QzgyLjQ4MjQgMzEuNzk5OCA4Mi4zOTI2IDMyLjIwMzEgODIuMjEyOSAzMi41MjczQzgyLjAzMzIgMzIuODQ5NiA4MS43NzI1IDMzLjA5MjggODEuNDMwNyAzMy4yNTY4QzgxLjA4ODkgMzMuNDE4OSA4MC42NzY4IDMzLjUgODAuMTk0MyAzMy41SDc5LjAwNDlWMjkuMjE2OEg4MC4zMjMyQzgwLjc2NjYgMjkuMjE2OCA4MS4xNDk0IDI5LjI5NjkgODEuNDcxNyAyOS40NTdDODEuNzkzOSAyOS42MTUyIDgyLjA0MyAyOS44NTA2IDgyLjIxODggMzAuMTYzMUM4Mi4zOTQ1IDMwLjQ3MzYgODIuNDgyNCAzMC44NTg0IDgyLjQ4MjQgMzEuMzE3NFpNODEuNzUgMzEuMzM3OUM4MS43NSAzMC45ODYzIDgxLjY5NDMgMzAuNjk3MyA4MS41ODMgMzAuNDcwN0M4MS40NzM2IDMwLjI0NDEgODEuMzExNSAzMC4wNzYyIDgxLjA5NjcgMjkuOTY2OEM4MC44ODM4IDI5Ljg1NTUgODAuNjIxMSAyOS43OTk4IDgwLjMwODYgMjkuNzk5OEg3OS43MDhWMzIuOTExMUg4MC4yMDYxQzgwLjcyMzYgMzIuOTExMSA4MS4xMTA0IDMyLjc3OTMgODEuMzY2MiAzMi41MTU2QzgxLjYyMjEgMzIuMjUyIDgxLjc1IDMxLjg1OTQgODEuNzUgMzEuMzM3OVpNODUuODMxMSAzMy41SDgzLjQwNTNWMjkuMjE2OEg4NS44MzExVjI5LjgwODZIODQuMTA4NFYzMC45NzE3SDg1LjcyMjdWMzEuNTYwNUg4NC4xMDg0VjMyLjkwNTNIODUuODMxMVYzMy41Wk05MC43ODgxIDMyLjMzNEM5MC43ODgxIDMyLjU4NzkgOTAuNzI1NiAzMi44MDY2IDkwLjYwMDYgMzIuOTkwMkM5MC40Nzc1IDMzLjE3MzggOTAuMjk5OCAzMy4zMTQ1IDkwLjA2NzQgMzMuNDEyMUM4OS44MzY5IDMzLjUwOTggODkuNTYxNSAzMy41NTg2IDg5LjI0MTIgMzMuNTU4NkM4OS4wODUgMzMuNTU4NiA4OC45MzU1IDMzLjU0OTggODguNzkzIDMzLjUzMjJDODguNjUwNCAzMy41MTQ2IDg4LjUxNTYgMzMuNDg5MyA4OC4zODg3IDMzLjQ1NjFDODguMjYzNyAzMy40MjA5IDg4LjE0OTQgMzMuMzc4OSA4OC4wNDU5IDMzLjMzMDFWMzIuNjY4Qzg4LjIxOTcgMzIuNzQ0MSA4OC40MTQxIDMyLjgxMzUgODguNjI4OSAzMi44NzZDODguODQzOCAzMi45MzY1IDg5LjA2MjUgMzIuOTY2OCA4OS4yODUyIDMyLjk2NjhDODkuNDY2OCAzMi45NjY4IDg5LjYxNzIgMzIuOTQzNCA4OS43MzYzIDMyLjg5NjVDODkuODU3NCAzMi44NDc3IDg5Ljk0NzMgMzIuNzc5MyA5MC4wMDU5IDMyLjY5MTRDOTAuMDY0NSAzMi42MDE2IDkwLjA5MzggMzIuNDk3MSA5MC4wOTM4IDMyLjM3NzlDOTAuMDkzOCAzMi4yNTEgOTAuMDU5NiAzMi4xNDM2IDg5Ljk5MTIgMzIuMDU1N0M4OS45MjI5IDMxLjk2NzggODkuODE5MyAzMS44ODc3IDg5LjY4MDcgMzEuODE1NEM4OS41NDM5IDMxLjc0MTIgODkuMzcyMSAzMS42NjIxIDg5LjE2NSAzMS41NzgxQzg5LjAyNDQgMzEuNTIxNSA4OC44ODk2IDMxLjQ1NyA4OC43NjA3IDMxLjM4NDhDODguNjMzOCAzMS4zMTI1IDg4LjUyMDUgMzEuMjI3NSA4OC40MjA5IDMxLjEyOTlDODguMzIxMyAzMS4wMzIyIDg4LjI0MjIgMzAuOTE3IDg4LjE4MzYgMzAuNzg0MkM4OC4xMjcgMzAuNjQ5NCA4OC4wOTg2IDMwLjQ5MTIgODguMDk4NiAzMC4zMDk2Qzg4LjA5ODYgMzAuMDY3NCA4OC4xNTYyIDI5Ljg2MDQgODguMjcxNSAyOS42ODg1Qzg4LjM4ODcgMjkuNTE2NiA4OC41NTI3IDI5LjM4NDggODguNzYzNyAyOS4yOTNDODguOTc2NiAyOS4yMDEyIDg5LjIyNDYgMjkuMTU1MyA4OS41MDc4IDI5LjE1NTNDODkuNzMyNCAyOS4xNTUzIDg5Ljk0MzQgMjkuMTc4NyA5MC4xNDA2IDI5LjIyNTZDOTAuMzM5OCAyOS4yNzI1IDkwLjUzNTIgMjkuMzM4OSA5MC43MjY2IDI5LjQyNDhMOTAuNTAzOSAyOS45OTAyQzkwLjMyODEgMjkuOTE4IDkwLjE1NzIgMjkuODYwNCA4OS45OTEyIDI5LjgxNzRDODkuODI3MSAyOS43NzQ0IDg5LjY1OTIgMjkuNzUyOSA4OS40ODczIDI5Ljc1MjlDODkuMzM4OSAyOS43NTI5IDg5LjIxMjkgMjkuNzc1NCA4OS4xMDk0IDI5LjgyMDNDODkuMDA1OSAyOS44NjUyIDg4LjkyNjggMjkuOTI4NyA4OC44NzIxIDMwLjAxMDdDODguODE5MyAzMC4wOTA4IDg4Ljc5MyAzMC4xODY1IDg4Ljc5MyAzMC4yOTc5Qzg4Ljc5MyAzMC40MjI5IDg4LjgyMzIgMzAuNTI4MyA4OC44ODM4IDMwLjYxNDNDODguOTQ2MyAzMC42OTgyIDg5LjA0MiAzMC43NzU0IDg5LjE3MDkgMzAuODQ1N0M4OS4zMDE4IDMwLjkxNiA4OS40Njk3IDMwLjk5NDEgODkuNjc0OCAzMS4wODAxQzg5LjkxMTEgMzEuMTc3NyA5MC4xMTEzIDMxLjI4MDMgOTAuMjc1NCAzMS4zODc3QzkwLjQ0MTQgMzEuNDk1MSA5MC41Njg0IDMxLjYyNCA5MC42NTYyIDMxLjc3NDRDOTAuNzQ0MSAzMS45MjI5IDkwLjc4ODEgMzIuMTA5NCA5MC43ODgxIDMyLjMzNFpNOTUuNDE3IDMxLjM1MjVDOTUuNDE3IDMxLjY4MjYgOTUuMzc1IDMxLjk4MzQgOTUuMjkxIDMyLjI1NDlDOTUuMjA5IDMyLjUyNDQgOTUuMDg1IDMyLjc1NjggOTQuOTE4OSAzMi45NTIxQzk0Ljc1MjkgMzMuMTQ1NSA5NC41NDQ5IDMzLjI5NDkgOTQuMjk0OSAzMy40MDA0Qzk0LjA0NDkgMzMuNTA1OSA5My43NTIgMzMuNTU4NiA5My40MTYgMzMuNTU4NkM5My4wNzQyIDMzLjU1ODYgOTIuNzc3MyAzMy41MDU5IDkyLjUyNTQgMzMuNDAwNEM5Mi4yNzU0IDMzLjI5NDkgOTIuMDY3NCAzMy4xNDQ1IDkxLjkwMTQgMzIuOTQ5MkM5MS43MzczIDMyLjc1MzkgOTEuNjE0MyAzMi41MjA1IDkxLjUzMjIgMzIuMjQ5QzkxLjQ1MDIgMzEuOTc3NSA5MS40MDkyIDMxLjY3NjggOTEuNDA5MiAzMS4zNDY3QzkxLjQwOTIgMzAuOTA1MyA5MS40ODE0IDMwLjUyMDUgOTEuNjI2IDMwLjE5MjRDOTEuNzcyNSAyOS44NjIzIDkxLjk5NDEgMjkuNjA2NCA5Mi4yOTEgMjkuNDI0OEM5Mi41ODk4IDI5LjI0MTIgOTIuOTY2OCAyOS4xNDk0IDkzLjQyMTkgMjkuMTQ5NEM5My44NjcyIDI5LjE0OTQgOTQuMjM3MyAyOS4yNDAyIDk0LjUzMjIgMjkuNDIxOUM5NC44MjcxIDI5LjYwMzUgOTUuMDQ3OSAyOS44NTk0IDk1LjE5NDMgMzAuMTg5NUM5NS4zNDI4IDMwLjUxNzYgOTUuNDE3IDMwLjkwNTMgOTUuNDE3IDMxLjM1MjVaTTkyLjE0NzUgMzEuMzUyNUM5Mi4xNDc1IDMxLjY4MjYgOTIuMTkyNCAzMS45Njg4IDkyLjI4MjIgMzIuMjEwOUM5Mi4zNzIxIDMyLjQ1MTIgOTIuNTA5OCAzMi42MzY3IDkyLjY5NTMgMzIuNzY3NkM5Mi44ODI4IDMyLjg5NjUgOTMuMTIzIDMyLjk2MDkgOTMuNDE2IDMyLjk2MDlDOTMuNzEwOSAzMi45NjA5IDkzLjk1MTIgMzIuODk2NSA5NC4xMzY3IDMyLjc2NzZDOTQuMzIyMyAzMi42MzY3IDk0LjQ1OSAzMi40NTEyIDk0LjU0NjkgMzIuMjEwOUM5NC42MzQ4IDMxLjk2ODggOTQuNjc4NyAzMS42ODI2IDk0LjY3ODcgMzEuMzUyNUM5NC42Nzg3IDMwLjg1MDYgOTQuNTc4MSAzMC40NTggOTQuMzc3IDMwLjE3NDhDOTQuMTc3NyAyOS44ODk2IDkzLjg1OTQgMjkuNzQ3MSA5My40MjE5IDI5Ljc0NzFDOTMuMTI4OSAyOS43NDcxIDkyLjg4NzcgMjkuODExNSA5Mi42OTgyIDI5Ljk0MDRDOTIuNTEwNyAzMC4wNjkzIDkyLjM3MjEgMzAuMjUzOSA5Mi4yODIyIDMwLjQ5NDFDOTIuMTkyNCAzMC43MzI0IDkyLjE0NzUgMzEuMDE4NiA5Mi4xNDc1IDMxLjM1MjVaTTk2LjMzNjkgMzMuNVYyOS4yMTY4SDk3LjA0VjMyLjkwMjNIOTguODU5NFYzMy41SDk2LjMzNjlaTTEwMi45NjQgMjkuMjE2OFYzMS45ODgzQzEwMi45NjQgMzIuMjg3MSAxMDIuOSAzMi41NTQ3IDEwMi43NzMgMzIuNzkxQzEwMi42NDggMzMuMDI3MyAxMDIuNDU5IDMzLjIxNDggMTAyLjIwNSAzMy4zNTM1QzEwMS45NTEgMzMuNDkwMiAxMDEuNjMyIDMzLjU1ODYgMTAxLjI0NyAzMy41NTg2QzEwMC42OTggMzMuNTU4NiAxMDAuMjggMzMuNDE1IDk5Ljk5MzIgMzMuMTI3OUM5OS43MDggMzIuODM4OSA5OS41NjU0IDMyLjQ1NTEgOTkuNTY1NCAzMS45NzY2VjI5LjIxNjhIMTAwLjI2OVYzMS45MTVDMTAwLjI2OSAzMi4yNzI1IDEwMC4zNTMgMzIuNTM2MSAxMDAuNTIxIDMyLjcwNjFDMTAwLjY4OCAzMi44NzYgMTAwLjkzOSAzMi45NjA5IDEwMS4yNzMgMzIuOTYwOUMxMDEuNTA0IDMyLjk2MDkgMTAxLjY5MSAzMi45MjA5IDEwMS44MzYgMzIuODQwOEMxMDEuOTgyIDMyLjc1ODggMTAyLjA5IDMyLjYzOTYgMTAyLjE1OCAzMi40ODM0QzEwMi4yMjkgMzIuMzI1MiAxMDIuMjY0IDMyLjEzNDggMTAyLjI2NCAzMS45MTIxVjI5LjIxNjhIMTAyLjk2NFpNMTA1Ljg4NSAyOS43NTI5QzEwNS42OCAyOS43NTI5IDEwNS40OTYgMjkuNzkgMTA1LjMzNCAyOS44NjQzQzEwNS4xNzQgMjkuOTM4NSAxMDUuMDM4IDMwLjA0NTkgMTA0LjkyNyAzMC4xODY1QzEwNC44MTUgMzAuMzI1MiAxMDQuNzMgMzAuNDk0MSAxMDQuNjcyIDMwLjY5MzRDMTA0LjYxMyAzMC44OTA2IDEwNC41ODQgMzEuMTEzMyAxMDQuNTg0IDMxLjM2MTNDMTA0LjU4NCAzMS42OTM0IDEwNC42MzEgMzEuOTc5NSAxMDQuNzI1IDMyLjIxOTdDMTA0LjgxOCAzMi40NTggMTA0Ljk2MSAzMi42NDE2IDEwNS4xNTIgMzIuNzcwNUMxMDUuMzQ0IDMyLjg5NzUgMTA1LjU4NiAzMi45NjA5IDEwNS44NzkgMzIuOTYwOUMxMDYuMDYxIDMyLjk2MDkgMTA2LjIzNyAzMi45NDM0IDEwNi40MDkgMzIuOTA4MkMxMDYuNTgxIDMyLjg3MyAxMDYuNzU5IDMyLjgyNTIgMTA2Ljk0MiAzMi43NjQ2VjMzLjM2MjNDMTA2Ljc2OSAzMy40MzA3IDEwNi41OTMgMzMuNDgwNSAxMDYuNDE1IDMzLjUxMTdDMTA2LjIzNyAzMy41NDMgMTA2LjAzMiAzMy41NTg2IDEwNS44IDMzLjU1ODZDMTA1LjM2MiAzMy41NTg2IDEwNC45OTkgMzMuNDY3OCAxMDQuNzEgMzMuMjg2MUMxMDQuNDIzIDMzLjEwNDUgMTA0LjIwOCAzMi44NDg2IDEwNC4wNjUgMzIuNTE4NkMxMDMuOTI1IDMyLjE4ODUgMTAzLjg1NCAzMS44MDE4IDEwMy44NTQgMzEuMzU4NEMxMDMuODU0IDMxLjAzNDIgMTAzLjg5OSAzMC43MzczIDEwMy45ODkgMzAuNDY3OEMxMDQuMDc5IDMwLjE5ODIgMTA0LjIxIDI5Ljk2NTggMTA0LjM4MiAyOS43NzA1QzEwNC41NTQgMjkuNTczMiAxMDQuNzY2IDI5LjQyMTkgMTA1LjAxOCAyOS4zMTY0QzEwNS4yNzEgMjkuMjA5IDEwNS41NjIgMjkuMTU1MyAxMDUuODg4IDI5LjE1NTNDMTA2LjEwMyAyOS4xNTUzIDEwNi4zMTMgMjkuMTc5NyAxMDYuNTIxIDI5LjIyODVDMTA2LjcyOSAyOS4yNzU0IDEwNi45MjMgMjkuMzQyOCAxMDcuMTAxIDI5LjQzMDdMMTA2Ljg1NCAzMC4wMTA3QzEwNi43MDYgMjkuOTQwNCAxMDYuNTUxIDI5Ljg3OTkgMTA2LjM4OSAyOS44MjkxQzEwNi4yMjcgMjkuNzc4MyAxMDYuMDU5IDI5Ljc1MjkgMTA1Ljg4NSAyOS43NTI5Wk0xMDYuMzY1IDM0LjI4NTJDMTA2LjM2NSAzNC40OTIyIDEwNi4yOTYgMzQuNjUzMyAxMDYuMTU3IDM0Ljc2ODZDMTA2LjAxOSAzNC44ODM4IDEwNS43OTMgMzQuOTQxNCAxMDUuNDggMzQuOTQxNEMxMDUuNDA2IDM0Ljk0MTQgMTA1LjMzOCAzNC45MzY1IDEwNS4yNzUgMzQuOTI2OEMxMDUuMjEzIDM0LjkxNyAxMDUuMTU5IDM0LjkwNjIgMTA1LjExNCAzNC44OTQ1VjM0LjQ5MzJDMTA1LjE2MSAzNC41MDQ5IDEwNS4yMiAzNC41MTU2IDEwNS4yOSAzNC41MjU0QzEwNS4zNiAzNC41MzUyIDEwNS40MjUgMzQuNTQgMTA1LjQ4MyAzNC41NEMxMDUuNTg1IDM0LjU0IDEwNS42NjUgMzQuNTIyNSAxMDUuNzI0IDM0LjQ4NzNDMTA1Ljc4NCAzNC40NTIxIDEwNS44MTQgMzQuMzkyNiAxMDUuODE0IDM0LjMwODZDMTA1LjgxNCAzNC4yMTg4IDEwNS43NzEgMzQuMTQ3NSAxMDUuNjgzIDM0LjA5NDdDMTA1LjU5NSAzNC4wNDIgMTA1LjQ2NSAzNC4wMDQ5IDEwNS4yOTMgMzMuOTgzNEwxMDUuNTM5IDMzLjVIMTA1Ljk4NEwxMDUuODY0IDMzLjc1MkMxMDUuOTU0IDMzLjc3NTQgMTA2LjAzNiAzMy44MDk2IDEwNi4xMSAzMy44NTQ1QzEwNi4xODcgMzMuODk5NCAxMDYuMjQ4IDMzLjk1NyAxMDYuMjk1IDM0LjAyNzNDMTA2LjM0MiAzNC4wOTk2IDEwNi4zNjUgMzQuMTg1NSAxMDYuMzY1IDM0LjI4NTJaTTExMC41MTcgMzMuNUwxMTAuMDk4IDMyLjMxMDVIMTA4LjQ2TDEwOC4wNDEgMzMuNUgxMDcuM0wxMDguODk0IDI5LjE5OTJIMTA5LjY3M0wxMTEuMjY0IDMzLjVIMTEwLjUxN1pNMTA5LjkxNiAzMS43MDdMMTA5LjUwOSAzMC41MzUyQzEwOS40OTMgMzAuNDg0NCAxMDkuNDcxIDMwLjQxMzEgMTA5LjQ0MSAzMC4zMjEzQzEwOS40MTIgMzAuMjI3NSAxMDkuMzgzIDMwLjEzMjggMTA5LjM1NCAzMC4wMzcxQzEwOS4zMjQgMjkuOTM5NSAxMDkuMyAyOS44NTc0IDEwOS4yOCAyOS43OTFDMTA5LjI2MSAyOS44NzExIDEwOS4yMzYgMjkuOTYwOSAxMDkuMjA3IDMwLjA2MDVDMTA5LjE4IDMwLjE1ODIgMTA5LjE1MiAzMC4yNSAxMDkuMTI1IDMwLjMzNTlDMTA5LjEgMzAuNDIxOSAxMDkuMDggMzAuNDg4MyAxMDkuMDY2IDMwLjUzNTJMMTA4LjY1NiAzMS43MDdIMTA5LjkxNlpNMTA4LjEyIDI4LjgxODRDMTA4LjEzMiAyOC42ODE2IDEwOC4xNTcgMjguNTYyNSAxMDguMTk2IDI4LjQ2MDlDMTA4LjIzNSAyOC4zNTc0IDEwOC4yODYgMjguMjcxNSAxMDguMzQ5IDI4LjIwMzFDMTA4LjQxMyAyOC4xMzI4IDEwOC40ODYgMjguMDgwMSAxMDguNTY4IDI4LjA0NDlDMTA4LjY1MiAyOC4wMDk4IDEwOC43NDMgMjcuOTkyMiAxMDguODQxIDI3Ljk5MjJDMTA4LjkyNyAyNy45OTIyIDEwOS4wMDkgMjguMDA4OCAxMDkuMDg3IDI4LjA0MkMxMDkuMTY3IDI4LjA3NTIgMTA5LjI0NCAyOC4xMTQzIDEwOS4zMTggMjguMTU5MkMxMDkuMzk1IDI4LjIwMjEgMTA5LjQ2OCAyOC4yNDAyIDEwOS41MzggMjguMjczNEMxMDkuNjEgMjguMzA2NiAxMDkuNjggMjguMzIzMiAxMDkuNzQ2IDI4LjMyMzJDMTA5LjgyMiAyOC4zMjMyIDEwOS44ODcgMjguMjk1OSAxMDkuOTM5IDI4LjI0MTJDMTA5Ljk5NCAyOC4xODY1IDExMC4wMzUgMjguMTAxNiAxMTAuMDYyIDI3Ljk4NjNIMTEwLjQyM0MxMTAuMzk5IDI4LjI1NTkgMTEwLjMyMiAyOC40NjE5IDExMC4xOTEgMjguNjA0NUMxMTAuMDYxIDI4Ljc0NTEgMTA5Ljg5NyAyOC44MTU0IDEwOS43MDIgMjguODE1NEMxMDkuNjIgMjguODE1NCAxMDkuNTM5IDI4Ljc5ODggMTA5LjQ1OSAyOC43NjU2QzEwOS4zODEgMjguNzMwNSAxMDkuMzA1IDI4LjY5MTQgMTA5LjIzIDI4LjY0ODRDMTA5LjE1NiAyOC42MDU1IDEwOS4wODMgMjguNTY3NCAxMDkuMDExIDI4LjUzNDJDMTA4LjkzOCAyOC41MDEgMTA4Ljg2OCAyOC40ODQ0IDEwOC44IDI4LjQ4NDRDMTA4LjcyMiAyOC40ODQ0IDEwOC42NTUgMjguNTExNyAxMDguNjAxIDI4LjU2NjRDMTA4LjU0OCAyOC42MjExIDEwOC41MDkgMjguNzA1MSAxMDguNDgzIDI4LjgxODRIMTA4LjEyWk0xMTUuNjMyIDMxLjM1MjVDMTE1LjYzMiAzMS42ODI2IDExNS41OSAzMS45ODM0IDExNS41MDYgMzIuMjU0OUMxMTUuNDI0IDMyLjUyNDQgMTE1LjMgMzIuNzU2OCAxMTUuMTM0IDMyLjk1MjFDMTE0Ljk2OCAzMy4xNDU1IDExNC43NiAzMy4yOTQ5IDExNC41MSAzMy40MDA0QzExNC4yNiAzMy41MDU5IDExMy45NjcgMzMuNTU4NiAxMTMuNjMxIDMzLjU1ODZDMTEzLjI4OSAzMy41NTg2IDExMi45OTIgMzMuNTA1OSAxMTIuNzQgMzMuNDAwNEMxMTIuNDkgMzMuMjk0OSAxMTIuMjgyIDMzLjE0NDUgMTEyLjExNiAzMi45NDkyQzExMS45NTIgMzIuNzUzOSAxMTEuODI5IDMyLjUyMDUgMTExLjc0NyAzMi4yNDlDMTExLjY2NSAzMS45Nzc1IDExMS42MjQgMzEuNjc2OCAxMTEuNjI0IDMxLjM0NjdDMTExLjYyNCAzMC45MDUzIDExMS42OTYgMzAuNTIwNSAxMTEuODQxIDMwLjE5MjRDMTExLjk4NyAyOS44NjIzIDExMi4yMDkgMjkuNjA2NCAxMTIuNTA2IDI5LjQyNDhDMTEyLjgwNSAyOS4yNDEyIDExMy4xODIgMjkuMTQ5NCAxMTMuNjM3IDI5LjE0OTRDMTE0LjA4MiAyOS4xNDk0IDExNC40NTIgMjkuMjQwMiAxMTQuNzQ3IDI5LjQyMTlDMTE1LjA0MiAyOS42MDM1IDExNS4yNjMgMjkuODU5NCAxMTUuNDA5IDMwLjE4OTVDMTE1LjU1OCAzMC41MTc2IDExNS42MzIgMzAuOTA1MyAxMTUuNjMyIDMxLjM1MjVaTTExMi4zNjIgMzEuMzUyNUMxMTIuMzYyIDMxLjY4MjYgMTEyLjQwNyAzMS45Njg4IDExMi40OTcgMzIuMjEwOUMxMTIuNTg3IDMyLjQ1MTIgMTEyLjcyNSAzMi42MzY3IDExMi45MSAzMi43Njc2QzExMy4wOTggMzIuODk2NSAxMTMuMzM4IDMyLjk2MDkgMTEzLjYzMSAzMi45NjA5QzExMy45MjYgMzIuOTYwOSAxMTQuMTY2IDMyLjg5NjUgMTE0LjM1MiAzMi43Njc2QzExNC41MzcgMzIuNjM2NyAxMTQuNjc0IDMyLjQ1MTIgMTE0Ljc2MiAzMi4yMTA5QzExNC44NSAzMS45Njg4IDExNC44OTQgMzEuNjgyNiAxMTQuODk0IDMxLjM1MjVDMTE0Ljg5NCAzMC44NTA2IDExNC43OTMgMzAuNDU4IDExNC41OTIgMzAuMTc0OEMxMTQuMzkzIDI5Ljg4OTYgMTE0LjA3NCAyOS43NDcxIDExMy42MzcgMjkuNzQ3MUMxMTMuMzQ0IDI5Ljc0NzEgMTEzLjEwMyAyOS44MTE1IDExMi45MTMgMjkuOTQwNEMxMTIuNzI2IDMwLjA2OTMgMTEyLjU4NyAzMC4yNTM5IDExMi40OTcgMzAuNDk0MUMxMTIuNDA3IDMwLjczMjQgMTEyLjM2MiAzMS4wMTg2IDExMi4zNjIgMzEuMzUyNVpNMzEuMTU3MiAzOS4zMTc0QzMxLjE1NzIgMzkuNzk5OCAzMS4wNjc0IDQwLjIwMzEgMzAuODg3NyA0MC41MjczQzMwLjcwOCA0MC44NDk2IDMwLjQ0NzMgNDEuMDkyOCAzMC4xMDU1IDQxLjI1NjhDMjkuNzYzNyA0MS40MTg5IDI5LjM1MTYgNDEuNSAyOC44NjkxIDQxLjVIMjcuNjc5N1YzNy4yMTY4SDI4Ljk5OEMyOS40NDE0IDM3LjIxNjggMjkuODI0MiAzNy4yOTY5IDMwLjE0NjUgMzcuNDU3QzMwLjQ2ODggMzcuNjE1MiAzMC43MTc4IDM3Ljg1MDYgMzAuODkzNiAzOC4xNjMxQzMxLjA2OTMgMzguNDczNiAzMS4xNTcyIDM4Ljg1ODQgMzEuMTU3MiAzOS4zMTc0Wk0zMC40MjQ4IDM5LjMzNzlDMzAuNDI0OCAzOC45ODYzIDMwLjM2OTEgMzguNjk3MyAzMC4yNTc4IDM4LjQ3MDdDMzAuMTQ4NCAzOC4yNDQxIDI5Ljk4NjMgMzguMDc2MiAyOS43NzE1IDM3Ljk2NjhDMjkuNTU4NiAzNy44NTU1IDI5LjI5NTkgMzcuNzk5OCAyOC45ODM0IDM3Ljc5OThIMjguMzgyOFY0MC45MTExSDI4Ljg4MDlDMjkuMzk4NCA0MC45MTExIDI5Ljc4NTIgNDAuNzc5MyAzMC4wNDEgNDAuNTE1NkMzMC4yOTY5IDQwLjI1MiAzMC40MjQ4IDM5Ljg1OTQgMzAuNDI0OCAzOS4zMzc5Wk0zNC41MDU5IDQxLjVIMzIuMDgwMVYzNy4yMTY4SDM0LjUwNTlWMzcuODA4NkgzMi43ODMyVjM4Ljk3MTdIMzQuMzk3NVYzOS41NjA1SDMyLjc4MzJWNDAuOTA1M0gzNC41MDU5VjQxLjVaTTM4LjgxNTQgMzcuNzUyOUMzOC42MTA0IDM3Ljc1MjkgMzguNDI2OCAzNy43OSAzOC4yNjQ2IDM3Ljg2NDNDMzguMTA0NSAzNy45Mzg1IDM3Ljk2ODggMzguMDQ1OSAzNy44NTc0IDM4LjE4NjVDMzcuNzQ2MSAzOC4zMjUyIDM3LjY2MTEgMzguNDk0MSAzNy42MDI1IDM4LjY5MzRDMzcuNTQzOSAzOC44OTA2IDM3LjUxNDYgMzkuMTEzMyAzNy41MTQ2IDM5LjM2MTNDMzcuNTE0NiAzOS42OTM0IDM3LjU2MTUgMzkuOTc5NSAzNy42NTUzIDQwLjIxOTdDMzcuNzQ5IDQwLjQ1OCAzNy44OTE2IDQwLjY0MTYgMzguMDgzIDQwLjc3MDVDMzguMjc0NCA0MC44OTc1IDM4LjUxNjYgNDAuOTYwOSAzOC44MDk2IDQwLjk2MDlDMzguOTkxMiA0MC45NjA5IDM5LjE2OCA0MC45NDM0IDM5LjMzOTggNDAuOTA4MkMzOS41MTE3IDQwLjg3MyAzOS42ODk1IDQwLjgyNTIgMzkuODczIDQwLjc2NDZWNDEuMzYyM0MzOS42OTkyIDQxLjQzMDcgMzkuNTIzNCA0MS40ODA1IDM5LjM0NTcgNDEuNTExN0MzOS4xNjggNDEuNTQzIDM4Ljk2MjkgNDEuNTU4NiAzOC43MzA1IDQxLjU1ODZDMzguMjkzIDQxLjU1ODYgMzcuOTI5NyA0MS40Njc4IDM3LjY0MDYgNDEuMjg2MUMzNy4zNTM1IDQxLjEwNDUgMzcuMTM4NyA0MC44NDg2IDM2Ljk5NjEgNDAuNTE4NkMzNi44NTU1IDQwLjE4ODUgMzYuNzg1MiAzOS44MDE4IDM2Ljc4NTIgMzkuMzU4NEMzNi43ODUyIDM5LjAzNDIgMzYuODMwMSAzOC43MzczIDM2LjkxOTkgMzguNDY3OEMzNy4wMDk4IDM4LjE5ODIgMzcuMTQwNiAzNy45NjU4IDM3LjMxMjUgMzcuNzcwNUMzNy40ODQ0IDM3LjU3MzIgMzcuNjk2MyAzNy40MjE5IDM3Ljk0ODIgMzcuMzE2NEMzOC4yMDIxIDM3LjIwOSAzOC40OTIyIDM3LjE1NTMgMzguODE4NCAzNy4xNTUzQzM5LjAzMzIgMzcuMTU1MyAzOS4yNDQxIDM3LjE3OTcgMzkuNDUxMiAzNy4yMjg1QzM5LjY2MDIgMzcuMjc1NCAzOS44NTM1IDM3LjM0MjggNDAuMDMxMiAzNy40MzA3TDM5Ljc4NTIgMzguMDEwN0MzOS42MzY3IDM3Ljk0MDQgMzkuNDgxNCAzNy44Nzk5IDM5LjMxOTMgMzcuODI5MUMzOS4xNTcyIDM3Ljc3ODMgMzguOTg5MyAzNy43NTI5IDM4LjgxNTQgMzcuNzUyOVpNNDQuNTk1NyAzOS4zNTI1QzQ0LjU5NTcgMzkuNjgyNiA0NC41NTM3IDM5Ljk4MzQgNDQuNDY5NyA0MC4yNTQ5QzQ0LjM4NzcgNDAuNTI0NCA0NC4yNjM3IDQwLjc1NjggNDQuMDk3NyA0MC45NTIxQzQzLjkzMTYgNDEuMTQ1NSA0My43MjM2IDQxLjI5NDkgNDMuNDczNiA0MS40MDA0QzQzLjIyMzYgNDEuNTA1OSA0Mi45MzA3IDQxLjU1ODYgNDIuNTk0NyA0MS41NTg2QzQyLjI1MjkgNDEuNTU4NiA0MS45NTYxIDQxLjUwNTkgNDEuNzA0MSA0MS40MDA0QzQxLjQ1NDEgNDEuMjk0OSA0MS4yNDYxIDQxLjE0NDUgNDEuMDgwMSA0MC45NDkyQzQwLjkxNiA0MC43NTM5IDQwLjc5MyA0MC41MjA1IDQwLjcxMDkgNDAuMjQ5QzQwLjYyODkgMzkuOTc3NSA0MC41ODc5IDM5LjY3NjggNDAuNTg3OSAzOS4zNDY3QzQwLjU4NzkgMzguOTA1MyA0MC42NjAyIDM4LjUyMDUgNDAuODA0NyAzOC4xOTI0QzQwLjk1MTIgMzcuODYyMyA0MS4xNzI5IDM3LjYwNjQgNDEuNDY5NyAzNy40MjQ4QzQxLjc2ODYgMzcuMjQxMiA0Mi4xNDU1IDM3LjE0OTQgNDIuNjAwNiAzNy4xNDk0QzQzLjA0NTkgMzcuMTQ5NCA0My40MTYgMzcuMjQwMiA0My43MTA5IDM3LjQyMTlDNDQuMDA1OSAzNy42MDM1IDQ0LjIyNjYgMzcuODU5NCA0NC4zNzMgMzguMTg5NUM0NC41MjE1IDM4LjUxNzYgNDQuNTk1NyAzOC45MDUzIDQ0LjU5NTcgMzkuMzUyNVpNNDEuMzI2MiAzOS4zNTI1QzQxLjMyNjIgMzkuNjgyNiA0MS4zNzExIDM5Ljk2ODggNDEuNDYwOSA0MC4yMTA5QzQxLjU1MDggNDAuNDUxMiA0MS42ODg1IDQwLjYzNjcgNDEuODc0IDQwLjc2NzZDNDIuMDYxNSA0MC44OTY1IDQyLjMwMTggNDAuOTYwOSA0Mi41OTQ3IDQwLjk2MDlDNDIuODg5NiA0MC45NjA5IDQzLjEyOTkgNDAuODk2NSA0My4zMTU0IDQwLjc2NzZDNDMuNTAxIDQwLjYzNjcgNDMuNjM3NyA0MC40NTEyIDQzLjcyNTYgNDAuMjEwOUM0My44MTM1IDM5Ljk2ODggNDMuODU3NCAzOS42ODI2IDQzLjg1NzQgMzkuMzUyNUM0My44NTc0IDM4Ljg1MDYgNDMuNzU2OCAzOC40NTggNDMuNTU1NyAzOC4xNzQ4QzQzLjM1NjQgMzcuODg5NiA0My4wMzgxIDM3Ljc0NzEgNDIuNjAwNiAzNy43NDcxQzQyLjMwNzYgMzcuNzQ3MSA0Mi4wNjY0IDM3LjgxMTUgNDEuODc3IDM3Ljk0MDRDNDEuNjg5NSAzOC4wNjkzIDQxLjU1MDggMzguMjUzOSA0MS40NjA5IDM4LjQ5NDFDNDEuMzcxMSAzOC43MzI0IDQxLjMyNjIgMzkuMDE4NiA0MS4zMjYyIDM5LjM1MjVaTTQ5LjA4OTggNDEuNUg0OC4yMjU2TDQ2LjEyNzkgMzguMDgxMUg0Ni4xMDE2QzQ2LjEwOTQgMzguMTk2MyA0Ni4xMTYyIDM4LjMxODQgNDYuMTIyMSAzOC40NDczQzQ2LjEyOTkgMzguNTc2MiA0Ni4xMzU3IDM4LjcwOSA0Ni4xMzk2IDM4Ljg0NTdDNDYuMTQ1NSAzOC45ODI0IDQ2LjE1MDQgMzkuMTIxMSA0Ni4xNTQzIDM5LjI2MTdWNDEuNUg0NS41MTU2VjM3LjIxNjhINDYuMzc0TDQ4LjQ2ODggNDAuNjEyM0g0OC40ODkzQzQ4LjQ4NTQgNDAuNTEyNyA0OC40ODA1IDQwLjM5ODQgNDguNDc0NiA0MC4yNjk1QzQ4LjQ2ODggNDAuMTQwNiA0OC40NjI5IDQwLjAwNzggNDguNDU3IDM5Ljg3MTFDNDguNDUzMSAzOS43MzI0IDQ4LjQ1MDIgMzkuNTk4NiA0OC40NDgyIDM5LjQ2OTdWMzcuMjE2OEg0OS4wODk4VjQxLjVaTTUwLjkxMjEgNDEuNUg1MC4yMTQ4VjM3LjIxNjhINTIuNjM0OFYzNy44MDg2SDUwLjkxMjFWMzkuMTQ0NUg1Mi41MjM0VjM5LjczMzRINTAuOTEyMVY0MS41Wk01My40MTQxIDQxLjVWMzcuMjE2OEg1NC4xMTcyVjQwLjkwMjNINTUuOTM2NVY0MS41SDUzLjQxNDFaTTU2LjY3NzcgNDEuNVYzNy4yMTY4SDU3LjM4MDlWNDEuNUg1Ni42Nzc3Wk01OS45OTcxIDQxLjVINTkuMjkxVjM3LjgxNDVINTguMDM3MVYzNy4yMTY4SDYxLjI0OFYzNy44MTQ1SDU5Ljk5NzFWNDEuNVpNNjUuNzA3IDM5LjM1MjVDNjUuNzA3IDM5LjY4MjYgNjUuNjY1IDM5Ljk4MzQgNjUuNTgxMSA0MC4yNTQ5QzY1LjQ5OSA0MC41MjQ0IDY1LjM3NSA0MC43NTY4IDY1LjIwOSA0MC45NTIxQzY1LjA0MyA0MS4xNDU1IDY0LjgzNSA0MS4yOTQ5IDY0LjU4NSA0MS40MDA0QzY0LjMzNSA0MS41MDU5IDY0LjA0MiA0MS41NTg2IDYzLjcwNjEgNDEuNTU4NkM2My4zNjQzIDQxLjU1ODYgNjMuMDY3NCA0MS41MDU5IDYyLjgxNTQgNDEuNDAwNEM2Mi41NjU0IDQxLjI5NDkgNjIuMzU3NCA0MS4xNDQ1IDYyLjE5MTQgNDAuOTQ5MkM2Mi4wMjczIDQwLjc1MzkgNjEuOTA0MyA0MC41MjA1IDYxLjgyMjMgNDAuMjQ5QzYxLjc0MDIgMzkuOTc3NSA2MS42OTkyIDM5LjY3NjggNjEuNjk5MiAzOS4zNDY3QzYxLjY5OTIgMzguOTA1MyA2MS43NzE1IDM4LjUyMDUgNjEuOTE2IDM4LjE5MjRDNjIuMDYyNSAzNy44NjIzIDYyLjI4NDIgMzcuNjA2NCA2Mi41ODExIDM3LjQyNDhDNjIuODc5OSAzNy4yNDEyIDYzLjI1NjggMzcuMTQ5NCA2My43MTE5IDM3LjE0OTRDNjQuMTU3MiAzNy4xNDk0IDY0LjUyNzMgMzcuMjQwMiA2NC44MjIzIDM3LjQyMTlDNjUuMTE3MiAzNy42MDM1IDY1LjMzNzkgMzcuODU5NCA2NS40ODQ0IDM4LjE4OTVDNjUuNjMyOCAzOC41MTc2IDY1LjcwNyAzOC45MDUzIDY1LjcwNyAzOS4zNTI1Wk02Mi40Mzc1IDM5LjM1MjVDNjIuNDM3NSAzOS42ODI2IDYyLjQ4MjQgMzkuOTY4OCA2Mi41NzIzIDQwLjIxMDlDNjIuNjYyMSA0MC40NTEyIDYyLjc5OTggNDAuNjM2NyA2Mi45ODU0IDQwLjc2NzZDNjMuMTcyOSA0MC44OTY1IDYzLjQxMzEgNDAuOTYwOSA2My43MDYxIDQwLjk2MDlDNjQuMDAxIDQwLjk2MDkgNjQuMjQxMiA0MC44OTY1IDY0LjQyNjggNDAuNzY3NkM2NC42MTIzIDQwLjYzNjcgNjQuNzQ5IDQwLjQ1MTIgNjQuODM2OSA0MC4yMTA5QzY0LjkyNDggMzkuOTY4OCA2NC45Njg4IDM5LjY4MjYgNjQuOTY4OCAzOS4zNTI1QzY0Ljk2ODggMzguODUwNiA2NC44NjgyIDM4LjQ1OCA2NC42NjcgMzguMTc0OEM2NC40Njc4IDM3Ljg4OTYgNjQuMTQ5NCAzNy43NDcxIDYzLjcxMTkgMzcuNzQ3MUM2My40MTg5IDM3Ljc0NzEgNjMuMTc3NyAzNy44MTE1IDYyLjk4ODMgMzcuOTQwNEM2Mi44MDA4IDM4LjA2OTMgNjIuNjYyMSAzOC4yNTM5IDYyLjU3MjMgMzguNDk0MUM2Mi40ODI0IDM4LjczMjQgNjIuNDM3NSAzOS4wMTg2IDYyLjQzNzUgMzkuMzUyNVpNNjkuMDk5NiA0MC4zMzRDNjkuMDk5NiA0MC41ODc5IDY5LjAzNzEgNDAuODA2NiA2OC45MTIxIDQwLjk5MDJDNjguNzg5MSA0MS4xNzM4IDY4LjYxMTMgNDEuMzE0NSA2OC4zNzg5IDQxLjQxMjFDNjguMTQ4NCA0MS41MDk4IDY3Ljg3MyA0MS41NTg2IDY3LjU1MjcgNDEuNTU4NkM2Ny4zOTY1IDQxLjU1ODYgNjcuMjQ3MSA0MS41NDk4IDY3LjEwNDUgNDEuNTMyMkM2Ni45NjE5IDQxLjUxNDYgNjYuODI3MSA0MS40ODkzIDY2LjcwMDIgNDEuNDU2MUM2Ni41NzUyIDQxLjQyMDkgNjYuNDYwOSA0MS4zNzg5IDY2LjM1NzQgNDEuMzMwMVY0MC42NjhDNjYuNTMxMiA0MC43NDQxIDY2LjcyNTYgNDAuODEzNSA2Ni45NDA0IDQwLjg3NkM2Ny4xNTUzIDQwLjkzNjUgNjcuMzc0IDQwLjk2NjggNjcuNTk2NyA0MC45NjY4QzY3Ljc3ODMgNDAuOTY2OCA2Ny45Mjg3IDQwLjk0MzQgNjguMDQ3OSA0MC44OTY1QzY4LjE2ODkgNDAuODQ3NyA2OC4yNTg4IDQwLjc3OTMgNjguMzE3NCA0MC42OTE0QzY4LjM3NiA0MC42MDE2IDY4LjQwNTMgNDAuNDk3MSA2OC40MDUzIDQwLjM3NzlDNjguNDA1MyA0MC4yNTEgNjguMzcxMSA0MC4xNDM2IDY4LjMwMjcgNDAuMDU1N0M2OC4yMzQ0IDM5Ljk2NzggNjguMTMwOSAzOS44ODc3IDY3Ljk5MjIgMzkuODE1NEM2Ny44NTU1IDM5Ljc0MTIgNjcuNjgzNiAzOS42NjIxIDY3LjQ3NjYgMzkuNTc4MUM2Ny4zMzU5IDM5LjUyMTUgNjcuMjAxMiAzOS40NTcgNjcuMDcyMyAzOS4zODQ4QzY2Ljk0NTMgMzkuMzEyNSA2Ni44MzIgMzkuMjI3NSA2Ni43MzI0IDM5LjEyOTlDNjYuNjMyOCAzOS4wMzIyIDY2LjU1MzcgMzguOTE3IDY2LjQ5NTEgMzguNzg0MkM2Ni40Mzg1IDM4LjY0OTQgNjYuNDEwMiAzOC40OTEyIDY2LjQxMDIgMzguMzA5NkM2Ni40MTAyIDM4LjA2NzQgNjYuNDY3OCAzNy44NjA0IDY2LjU4MyAzNy42ODg1QzY2LjcwMDIgMzcuNTE2NiA2Ni44NjQzIDM3LjM4NDggNjcuMDc1MiAzNy4yOTNDNjcuMjg4MSAzNy4yMDEyIDY3LjUzNjEgMzcuMTU1MyA2Ny44MTkzIDM3LjE1NTNDNjguMDQzOSAzNy4xNTUzIDY4LjI1NDkgMzcuMTc4NyA2OC40NTIxIDM3LjIyNTZDNjguNjUxNCAzNy4yNzI1IDY4Ljg0NjcgMzcuMzM4OSA2OS4wMzgxIDM3LjQyNDhMNjguODE1NCAzNy45OTAyQzY4LjYzOTYgMzcuOTE4IDY4LjQ2ODggMzcuODYwNCA2OC4zMDI3IDM3LjgxNzRDNjguMTM4NyAzNy43NzQ0IDY3Ljk3MDcgMzcuNzUyOSA2Ny43OTg4IDM3Ljc1MjlDNjcuNjUwNCAzNy43NTI5IDY3LjUyNDQgMzcuNzc1NCA2Ny40MjA5IDM3LjgyMDNDNjcuMzE3NCAzNy44NjUyIDY3LjIzODMgMzcuOTI4NyA2Ny4xODM2IDM4LjAxMDdDNjcuMTMwOSAzOC4wOTA4IDY3LjEwNDUgMzguMTg2NSA2Ny4xMDQ1IDM4LjI5NzlDNjcuMTA0NSAzOC40MjI5IDY3LjEzNDggMzguNTI4MyA2Ny4xOTUzIDM4LjYxNDNDNjcuMjU3OCAzOC42OTgyIDY3LjM1MzUgMzguNzc1NCA2Ny40ODI0IDM4Ljg0NTdDNjcuNjEzMyAzOC45MTYgNjcuNzgxMiAzOC45OTQxIDY3Ljk4NjMgMzkuMDgwMUM2OC4yMjI3IDM5LjE3NzcgNjguNDIyOSAzOS4yODAzIDY4LjU4NjkgMzkuMzg3N0M2OC43NTI5IDM5LjQ5NTEgNjguODc5OSAzOS42MjQgNjguOTY3OCAzOS43NzQ0QzY5LjA1NTcgMzkuOTIyOSA2OS4wOTk2IDQwLjEwOTQgNjkuMDk5NiA0MC4zMzRaTTcyLjcyOTUgMzcuMjE2OEM3My4yODIyIDM3LjIxNjggNzMuNjg1NSAzNy4zMzAxIDczLjkzOTUgMzcuNTU2NkM3NC4xOTM0IDM3Ljc4MzIgNzQuMzIwMyAzOC4xMDA2IDc0LjMyMDMgMzguNTA4OEM3NC4zMjAzIDM4LjY5NDMgNzQuMjkxIDM4Ljg3MTEgNzQuMjMyNCAzOS4wMzkxQzc0LjE3NTggMzkuMjA1MSA3NC4wODIgMzkuMzUyNSA3My45NTEyIDM5LjQ4MTRDNzMuODIwMyAzOS42MDg0IDczLjY0NzUgMzkuNzA5IDczLjQzMjYgMzkuNzgzMkM3My4yMTk3IDM5Ljg1NzQgNzIuOTU3IDM5Ljg5NDUgNzIuNjQ0NSAzOS44OTQ1SDcyLjE4NzVWNDEuNUg3MS40ODQ0VjM3LjIxNjhINzIuNzI5NVpNNzIuNjgyNiAzNy43OTk4SDcyLjE4NzVWMzkuMzA4Nkg3Mi41NzEzQzcyLjc5MiAzOS4zMDg2IDcyLjk3OTUgMzkuMjgzMiA3My4xMzM4IDM5LjIzMjRDNzMuMjg4MSAzOS4xNzk3IDczLjQwNTMgMzkuMDk2NyA3My40ODU0IDM4Ljk4MzRDNzMuNTY1NCAzOC44NzAxIDczLjYwNTUgMzguNzIwNyA3My42MDU1IDM4LjUzNTJDNzMuNjA1NSAzOC4yODcxIDczLjUzMDMgMzguMTAyNSA3My4zNzk5IDM3Ljk4MTRDNzMuMjMxNCAzNy44NjA0IDcyLjk5OSAzNy43OTk4IDcyLjY4MjYgMzcuNzk5OFpNNzYuOTA0MyAzOS4xNzM4SDc4LjUwMzlWNDEuMzI0MkM3OC4yNzkzIDQxLjM5ODQgNzguMDQ2OSA0MS40NTYxIDc3LjgwNjYgNDEuNDk3MUM3Ny41NjY0IDQxLjUzODEgNzcuMjk2OSA0MS41NTg2IDc2Ljk5OCA0MS41NTg2Qzc2LjU2MjUgNDEuNTU4NiA3Ni4xOTM0IDQxLjQ3MjcgNzUuODkwNiA0MS4zMDA4Qzc1LjU4OTggNDEuMTI3IDc1LjM2MTMgNDAuODc2IDc1LjIwNTEgNDAuNTQ3OUM3NS4wNDg4IDQwLjIxNzggNzQuOTcwNyAzOS44MjAzIDc0Ljk3MDcgMzkuMzU1NUM3NC45NzA3IDM4LjkwODIgNzUuMDU3NiAzOC41MjA1IDc1LjIzMTQgMzguMTkyNEM3NS40MDUzIDM3Ljg2MjMgNzUuNjU4MiAzNy42MDc0IDc1Ljk5MDIgMzcuNDI3N0M3Ni4zMjIzIDM3LjI0NjEgNzYuNzI0NiAzNy4xNTUzIDc3LjE5NzMgMzcuMTU1M0M3Ny40Mjk3IDM3LjE1NTMgNzcuNjU0MyAzNy4xNzg3IDc3Ljg3MTEgMzcuMjI1NkM3OC4wODk4IDM3LjI3MDUgNzguMjkgMzcuMzMzIDc4LjQ3MTcgMzcuNDEzMUw3OC4yMjU2IDM3Ljk5MzJDNzguMDgxMSAzNy45MjQ4IDc3LjkxODkgMzcuODY3MiA3Ny43MzkzIDM3LjgyMDNDNzcuNTU5NiAzNy43NzM0IDc3LjM3MyAzNy43NSA3Ny4xNzk3IDM3Ljc1Qzc2Ljg3MyAzNy43NSA3Ni42MDg0IDM3LjgxNjQgNzYuMzg1NyAzNy45NDkyQzc2LjE2NSAzOC4wODIgNzUuOTk1MSAzOC4yNjk1IDc1Ljg3NiAzOC41MTE3Qzc1Ljc1NjggMzguNzUyIDc1LjY5NzMgMzkuMDM2MSA3NS42OTczIDM5LjM2NDNDNzUuNjk3MyAzOS42ODI2IDc1Ljc0NTEgMzkuOTYxOSA3NS44NDA4IDQwLjIwMjFDNzUuOTM2NSA0MC40NDI0IDc2LjA4NTkgNDAuNjI5OSA3Ni4yODkxIDQwLjc2NDZDNzYuNDk0MSA0MC44OTc1IDc2Ljc1ODggNDAuOTYzOSA3Ny4wODMgNDAuOTYzOUM3Ny4yNDUxIDQwLjk2MzkgNzcuMzgyOCA0MC45NTUxIDc3LjQ5NjEgNDAuOTM3NUM3Ny42MDk0IDQwLjkxOTkgNzcuNzEzOSA0MC45MDA0IDc3LjgwOTYgNDAuODc4OVYzOS43NzQ0SDc2LjkwNDNWMzkuMTczOFpNODEuOTU1MSA0MS41SDc5LjUyOTNWMzcuMjE2OEg4MS45NTUxVjM3LjgwODZIODAuMjMyNFYzOC45NzE3SDgxLjg0NjdWMzkuNTYwNUg4MC4yMzI0VjQwLjkwNTNIODEuOTU1MVY0MS41Wk04Mi41MjkzIDQwLjE4MTZWMzkuNTk4Nkg4NC4wNDFWNDAuMTgxNkg4Mi41MjkzWk04Ni4wMTg2IDM3LjIxNjhDODYuMzg3NyAzNy4yMTY4IDg2LjY5MjQgMzcuMjYxNyA4Ni45MzI2IDM3LjM1MTZDODcuMTc0OCAzNy40NDE0IDg3LjM1NDUgMzcuNTc4MSA4Ny40NzE3IDM3Ljc2MTdDODcuNTkwOCAzNy45NDUzIDg3LjY1MDQgMzguMTc4NyA4Ny42NTA0IDM4LjQ2MTlDODcuNjUwNCAzOC42NzI5IDg3LjYxMTMgMzguODUyNSA4Ny41MzMyIDM5LjAwMUM4Ny40NTUxIDM5LjE0OTQgODcuMzUyNSAzOS4yNzI1IDg3LjIyNTYgMzkuMzcwMUM4Ny4wOTg2IDM5LjQ2NzggODYuOTYyOSAzOS41NDU5IDg2LjgxODQgMzkuNjA0NUw4OC4wMzQyIDQxLjVIODcuMjQwMkw4Ni4yMDYxIDM5Ljc4MzJIODUuNTE3NlY0MS41SDg0LjgxNDVWMzcuMjE2OEg4Ni4wMTg2Wk04NS45NzE3IDM3LjgwMjdIODUuNTE3NlYzOS4yMDMxSDg2LjAwMzlDODYuMzMwMSAzOS4yMDMxIDg2LjU2NjQgMzkuMTQyNiA4Ni43MTI5IDM5LjAyMTVDODYuODYxMyAzOC45MDA0IDg2LjkzNTUgMzguNzIxNyA4Ni45MzU1IDM4LjQ4NTRDODYuOTM1NSAzOC4yMzczIDg2Ljg1NjQgMzguMDYxNSA4Ni42OTgyIDM3Ljk1OEM4Ni41NDIgMzcuODU0NSA4Ni4yOTk4IDM3LjgwMjcgODUuOTcxNyAzNy44MDI3Wk04OC4xMTMzIDQyLjY5MjRDODguMDA1OSA0Mi42OTI0IDg3LjkxMjEgNDIuNjg1NSA4Ny44MzIgNDIuNjcxOUM4Ny43NSA0Mi42NjAyIDg3LjY3OTcgNDIuNjQzNiA4Ny42MjExIDQyLjYyMjFWNDIuMDMzMkM4Ny42ODM2IDQyLjA0ODggODcuNzUxIDQyLjA2MjUgODcuODIzMiA0Mi4wNzQyQzg3Ljg5NTUgNDIuMDg1OSA4Ny45NzI3IDQyLjA5MTggODguMDU0NyA0Mi4wOTE4Qzg4LjE2MjEgNDIuMDkxOCA4OC4yNTk4IDQyLjA3MTMgODguMzQ3NyA0Mi4wMzAzQzg4LjQzNTUgNDEuOTg5MyA4OC41MDQ5IDQxLjkxNSA4OC41NTU3IDQxLjgwNzZDODguNjA4NCA0MS43MDAyIDg4LjYzNDggNDEuNTQ4OCA4OC42MzQ4IDQxLjM1MzVWMzcuMjE2OEg4OS4zMzc5VjQxLjMzMDFDODkuMzM3OSA0MS42NDg0IDg5LjI4NzEgNDEuOTA3MiA4OS4xODU1IDQyLjEwNjRDODkuMDg0IDQyLjMwNzYgODguOTQxNCA0Mi40NTUxIDg4Ljc1NzggNDIuNTQ4OEM4OC41NzQyIDQyLjY0NDUgODguMzU5NCA0Mi42OTI0IDg4LjExMzMgNDIuNjkyNFoiIGZpbGw9IiMyODg3QkYiLz4KPC9zdmc+Cg==", width: "134", height: "41" }))); };
|
|
987
1002
|
|
|
988
|
-
var css_248z$
|
|
989
|
-
var styles$
|
|
990
|
-
styleInject(css_248z$
|
|
1003
|
+
var css_248z$t = ".button-user-module__wrapperButtonUser___btDJx {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.button-user-module__headerProfile___PgdgV {\r\n display: none;\r\n}\r\n\r\n.button-user-module__profile___Vsohk {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 12px;\r\n text-align: center;\r\n background: #005a92;\r\n border-radius: 10px 10px 0px 0px;\r\n color: #ffffff;\r\n height: 22px;\r\n padding: 6px;\r\n}\r\n\r\n.button-user-module__viewHeaderProfile___le7r9 {\r\n display: flex;\r\n border: 1px solid #d9d9d9;\r\n background-color: #005a921a;\r\n min-width: 192px;\r\n height: 22px;\r\n gap: 0px;\r\n border-radius: 11px 11px 0px 0px;\r\n border-bottom: transparent;\r\n\r\n @media (max-width: 1024px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.button-user-module__iconProfile___tP-ID {\r\n color: var(--header-logout-icon-color);\r\n\r\n @media (max-width: 1024px) {\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n min-height: 16px;\r\n }\r\n}\r\n\r\n.button-user-module__iconProfile___tP-ID.button-user-module__hasGestor___kie1I {\r\n @media (max-width: 1024px) {\r\n fill: #fff;\r\n }\r\n}\r\n\r\n.button-user-module__path___S1vpn {\r\n @media (max-width: 1024px) {\r\n fill: #fff;\r\n }\r\n}\r\n\r\n.button-user-module__contentUser___UmWjN {\r\n background-color: var(--background-color);\r\n border-radius: 10px;\r\n border: 1px solid #d9d9d9;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 20px;\r\n box-shadow: 0px 2px 2px 0px #00000040;\r\n justify-content: space-between;\r\n gap: 16px;\r\n min-width: 200px;\r\n width: 100%;\r\n height: 54px;\r\n max-width: 200px;\r\n\r\n @media (max-width: 1024px) {\r\n min-width: auto;\r\n padding: 8px;\r\n gap: 4px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: auto;\r\n }\r\n}\r\n\r\n.button-user-module__contentUser___UmWjN.button-user-module__hasGestor___kie1I {\r\n @media (max-width: 1024px) {\r\n background: #005a92;\r\n }\r\n}\r\n\r\n.button-user-module__contentUserWithHeaderProfile___LppN7 {\r\n @media (min-width: 1024px) {\r\n border-radius: 0 0 10px 10px;\r\n border-top: transparent;\r\n }\r\n}\r\n\r\n.button-user-module__wrappername___15h7Q {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n white-space: normal;\r\n}\r\n\r\n.button-user-module__wrappernames___X-I8g {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.button-user-module__wrappernameWithPadding___P9xSN {\r\n padding-top: 15px;\r\n}\r\n\r\n.button-user-module__name___XVCh3 {\r\n padding: 0;\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--foreground);\r\n line-height: 15px;\r\n text-align: left;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .button-user-module__name___XVCh3 {\r\n display: none;\r\n }\r\n}\r\n\r\n.button-user-module__fullName___YJGWn {\r\n @media (max-width: 1024px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.button-user-module__firstName___WiCQR {\r\n @media (min-width: 1024px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.button-user-module__name___XVCh3.button-user-module__hasGestor___kie1I {\r\n @media (max-width: 1024px) {\r\n color: #fff;\r\n }\r\n}\r\n\r\n.button-user-module__username___q6A2h {\r\n display: none;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .button-user-module__username___q6A2h {\r\n display: block;\r\n }\r\n}\r\n\r\n.button-user-module__customButton___n7euH {\r\n cursor: pointer;\r\n display: block;\r\n font-size: 0.875rem;\r\n border: none;\r\n transition: font-weight 0.3s ease;\r\n background: transparent;\r\n}\r\n\r\n.button-user-module__customButton___n7euH:hover {\r\n font-weight: bold;\r\n}\r\n\r\n.button-user-module__buttonContent___KOCR2 {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.button-user-module__buttonText___mCf0J {\r\n margin-left: 0.625rem;\r\n margin-top: -0.125rem;\r\n color: var(--header-logout-btn-color);\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: center;\r\n}\r\n\r\n.button-user-module__logoutBtn___VUQDa {\r\n color: var(--header-logout-icon-color);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .button-user-module__buttonText___mCf0J {\r\n display: none;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .button-user-module__iconContainer___WD-KZ {\r\n display: block;\r\n }\r\n}";
|
|
1004
|
+
var styles$p = {"wrapperButtonUser":"button-user-module__wrapperButtonUser___btDJx","headerProfile":"button-user-module__headerProfile___PgdgV","profile":"button-user-module__profile___Vsohk","viewHeaderProfile":"button-user-module__viewHeaderProfile___le7r9","iconProfile":"button-user-module__iconProfile___tP-ID","hasGestor":"button-user-module__hasGestor___kie1I","path":"button-user-module__path___S1vpn","contentUser":"button-user-module__contentUser___UmWjN","contentUserWithHeaderProfile":"button-user-module__contentUserWithHeaderProfile___LppN7","wrappername":"button-user-module__wrappername___15h7Q","wrappernames":"button-user-module__wrappernames___X-I8g","wrappernameWithPadding":"button-user-module__wrappernameWithPadding___P9xSN","name":"button-user-module__name___XVCh3","fullName":"button-user-module__fullName___YJGWn","firstName":"button-user-module__firstName___WiCQR","username":"button-user-module__username___q6A2h","customButton":"button-user-module__customButton___n7euH","buttonContent":"button-user-module__buttonContent___KOCR2","buttonText":"button-user-module__buttonText___mCf0J","logoutBtn":"button-user-module__logoutBtn___VUQDa","iconContainer":"button-user-module__iconContainer___WD-KZ"};
|
|
1005
|
+
styleInject(css_248z$t);
|
|
991
1006
|
|
|
992
1007
|
function UserButton(_a) {
|
|
993
1008
|
var fullName = _a.fullName, firstName = _a.firstName, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, _b = _a.profile, profile = _b === void 0 ? "Gestor" : _b, _c = _a.hasGestor, hasGestor = _c === void 0 ? true : _c;
|
|
@@ -1008,29 +1023,29 @@ function UserButton(_a) {
|
|
|
1008
1023
|
document.removeEventListener("mousedown", closeDropdownOnOutsideClick);
|
|
1009
1024
|
};
|
|
1010
1025
|
}, []);
|
|
1011
|
-
return (React.createElement("div", { className: styles$
|
|
1026
|
+
return (React.createElement("div", { className: styles$p.wrapperButtonUser },
|
|
1012
1027
|
React.createElement("div", null,
|
|
1013
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1014
|
-
React.createElement("span", { className: styles$
|
|
1015
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1016
|
-
React.createElement(IconProfile, { width: 27, height: 27, className: "".concat(styles$
|
|
1017
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1018
|
-
React.createElement("div", { className: styles$
|
|
1028
|
+
React.createElement("div", { className: "".concat(styles$p.headerProfile, " ").concat(isPortalServidor ? "".concat(styles$p.viewHeaderProfile) : "", " ") },
|
|
1029
|
+
React.createElement("span", { className: styles$p.profile }, profile)),
|
|
1030
|
+
React.createElement("div", { className: "".concat(styles$p.contentUser, " ").concat(isPortalServidor ? "".concat(styles$p.contentUserWithHeaderProfile) : "", " ").concat(isPortalServidor && hasGestor ? "".concat(styles$p.hasGestor) : ""), onClick: toggleDropdown, tabIndex: 0 },
|
|
1031
|
+
React.createElement(IconProfile, { width: 27, height: 27, className: "".concat(styles$p.iconProfile, " ").concat(isPortalServidor && hasGestor ? "".concat(styles$p.hasGestor) : "") }),
|
|
1032
|
+
React.createElement("span", { className: "".concat(styles$p.wrappername) },
|
|
1033
|
+
React.createElement("div", { className: styles$p.wrappernames },
|
|
1019
1034
|
isPortalServidor ? (React.createElement(React.Fragment, null,
|
|
1020
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1021
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1022
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1023
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1024
|
-
React.createElement("button", { className: styles$
|
|
1025
|
-
React.createElement("div", { className: styles$
|
|
1026
|
-
React.createElement("div", { className: styles$
|
|
1027
|
-
React.createElement(IconUserLogout, { className: styles$
|
|
1028
|
-
React.createElement("div", { className: styles$
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
var css_248z$
|
|
1032
|
-
var styles$
|
|
1033
|
-
styleInject(css_248z$
|
|
1035
|
+
React.createElement("span", { className: "".concat(styles$p.name, " ").concat(hasGestor ? "".concat(styles$p.hasGestor) : "", " ").concat(styles$p.fullName) }, fullName),
|
|
1036
|
+
React.createElement("span", { className: "".concat(styles$p.name, " ").concat(hasGestor ? "".concat(styles$p.hasGestor) : "", " ").concat(styles$p.firstName) }, firstName))) : (React.createElement(React.Fragment, null,
|
|
1037
|
+
React.createElement("span", { className: "".concat(styles$p.name) }, name))),
|
|
1038
|
+
React.createElement("span", { className: "".concat(styles$p.name, " ").concat(styles$p.username) }, userName))))),
|
|
1039
|
+
React.createElement("button", { className: styles$p.customButton, onClick: handleLogout },
|
|
1040
|
+
React.createElement("div", { className: styles$p.buttonContent },
|
|
1041
|
+
React.createElement("div", { className: styles$p.iconContainer },
|
|
1042
|
+
React.createElement(IconUserLogout, { className: styles$p.logoutBtn, width: 16, height: 16 })),
|
|
1043
|
+
React.createElement("div", { className: styles$p.buttonText }, "Sair")))));
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
var css_248z$s = ".button-user-casc-module__wrapperButtonUser___pM59X {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n \r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.button-user-casc-module__contentUser___WM3Ns {\r\n background-color: #ffffff;\r\n border-radius: 10px;\r\n border: 1px solid #d9d9d9;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 0;\r\n box-shadow: 0px 2px 2px 0px #00000040;\r\n justify-content: space-evenly;\r\n min-width: 200px;\r\n width: 100%;\r\n height: 54px;\r\n \r\n @media (max-width: 1024px) {\r\n min-width: auto;\r\n padding: 8px;\r\n gap: 4px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: auto;\r\n }\r\n}\r\n\r\n.button-user-casc-module__iconWrapper___EqYR- {\r\n @media (max-width: 1024px) {\r\n width: 14px;\r\n height: 14px;\r\n min-width: 15px;\r\n min-height: 15px;\r\n }\r\n}\r\n\r\n.button-user-casc-module__wrappernames___5pTvj {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.button-user-casc-module__name___c4Xxf {\r\n padding: 0;\r\n font-size: 14px;\r\n color: #303030;\r\n line-height: 15px;\r\n text-align: left;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.button-user-casc-module__customButton___cn7In {\r\n cursor: pointer;\r\n display: block;\r\n font-size: 0.875rem;\r\n border: none;\r\n transition: font-weight 0.3s ease;\r\n background: transparent;\r\n}\r\n\r\n.button-user-casc-module__customButton___cn7In:hover {\r\n font-weight: bold;\r\n}\r\n\r\n.button-user-casc-module__buttonContent___-7iXQ {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.button-user-casc-module__buttonText___6sEfn {\r\n margin-left: 0.625rem;\r\n margin-top: -0.125rem;\r\n color: #005a92;\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: center;\r\n}\r\n\r\n.button-user-casc-module__iconWrapper___EqYR- {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n position: relative;\r\n}\r\n\r\n.button-user-casc-module__tooltip___90Kdz {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: #ffffff;\r\n color: #005a92;\r\n border: 1px solid #d9d9d9;\r\n padding: 5px 10px;\r\n border-radius: 5px;\r\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n white-space: nowrap;\r\n z-index: 1000;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .button-user-casc-module__contentUser___WM3Ns {\r\n display: none;\r\n }\r\n\r\n .button-user-casc-module__tooltip___90Kdz {\r\n font-size: 12px;\r\n line-height: 1.5;\r\n }\r\n\r\n .button-user-casc-module__iconWrapper___EqYR- {\r\n width: 18px;\r\n height: 18px;\r\n margin: 5px;\r\n cursor: pointer;\r\n }\r\n\r\n .button-user-casc-module__buttonText___6sEfn {\r\n display: none;\r\n }\r\n}\r\n";
|
|
1047
|
+
var styles$o = {"wrapperButtonUser":"button-user-casc-module__wrapperButtonUser___pM59X","contentUser":"button-user-casc-module__contentUser___WM3Ns","iconWrapper":"button-user-casc-module__iconWrapper___EqYR-","wrappernames":"button-user-casc-module__wrappernames___5pTvj","name":"button-user-casc-module__name___c4Xxf","customButton":"button-user-casc-module__customButton___cn7In","buttonContent":"button-user-casc-module__buttonContent___-7iXQ","buttonText":"button-user-casc-module__buttonText___6sEfn","tooltip":"button-user-casc-module__tooltip___90Kdz"};
|
|
1048
|
+
styleInject(css_248z$s);
|
|
1034
1049
|
|
|
1035
1050
|
function UserCascButton(_a) {
|
|
1036
1051
|
var name = _a.name, handleLogout = _a.handleLogout, isCASC = _a.isCASC;
|
|
@@ -1058,20 +1073,20 @@ function UserCascButton(_a) {
|
|
|
1058
1073
|
document.removeEventListener("mousedown", closeDropdownOnOutsideClick);
|
|
1059
1074
|
};
|
|
1060
1075
|
}, []);
|
|
1061
|
-
return (React.createElement("div", { className: styles$
|
|
1062
|
-
isMobile ? (React.createElement("div", { className: styles$
|
|
1076
|
+
return (React.createElement("div", { className: styles$o.wrapperButtonUser },
|
|
1077
|
+
isMobile ? (React.createElement("div", { className: styles$o.iconWrapper, onClick: toggleDropdown },
|
|
1063
1078
|
React.createElement(IconProfile, { fill: "#005A92", width: 20, height: 20 }),
|
|
1064
|
-
isDropdownOpen && (React.createElement("div", { className: styles$
|
|
1065
|
-
React.createElement("span", null, name))))) : (React.createElement("div", { className: "".concat(styles$
|
|
1066
|
-
React.createElement("div", { className: styles$
|
|
1079
|
+
isDropdownOpen && (React.createElement("div", { className: styles$o.tooltip, ref: dropdownRef },
|
|
1080
|
+
React.createElement("span", null, name))))) : (React.createElement("div", { className: "".concat(styles$o.contentUser, " ").concat(isCASC ? "".concat(styles$o.wrappernameWithPadding) : ""), onClick: toggleDropdown },
|
|
1081
|
+
React.createElement("div", { className: styles$o.iconWrapper },
|
|
1067
1082
|
React.createElement(IconProfile, { fill: "#005A92", width: 20, height: 20 })),
|
|
1068
|
-
React.createElement("div", { className: styles$
|
|
1069
|
-
React.createElement("span", { className: "".concat(styles$
|
|
1070
|
-
React.createElement("button", { className: styles$
|
|
1071
|
-
React.createElement("div", { className: styles$
|
|
1072
|
-
React.createElement("div", { className: styles$
|
|
1083
|
+
React.createElement("div", { className: styles$o.wrappernames },
|
|
1084
|
+
React.createElement("span", { className: "".concat(styles$o.name) }, name)))),
|
|
1085
|
+
React.createElement("button", { className: styles$o.customButton, onClick: handleLogout },
|
|
1086
|
+
React.createElement("div", { className: styles$o.buttonContent },
|
|
1087
|
+
React.createElement("div", { className: styles$o.iconContainer },
|
|
1073
1088
|
React.createElement(IconLogout, { fill: "#005A92", width: 16, height: 16 })),
|
|
1074
|
-
React.createElement("div", { className: styles$
|
|
1089
|
+
React.createElement("div", { className: styles$o.buttonText }, "Sair")))));
|
|
1075
1090
|
}
|
|
1076
1091
|
|
|
1077
1092
|
var Header = function (_a) {
|
|
@@ -1095,14 +1110,14 @@ var Header = function (_a) {
|
|
|
1095
1110
|
return "DEFAULT";
|
|
1096
1111
|
};
|
|
1097
1112
|
var logoConfigs = {
|
|
1098
|
-
RH_DIGITAL: function () { return React.createElement(LogoRhDigital, { className: styles$
|
|
1113
|
+
RH_DIGITAL: function () { return React.createElement(LogoRhDigital, { className: styles$s.iconLogo }); },
|
|
1099
1114
|
CASC: function () { return (React.createElement(React.Fragment, null,
|
|
1100
|
-
React.createElement(LogoPGERG, { className: "".concat(styles$
|
|
1101
|
-
React.createElement("div", { className: styles$
|
|
1102
|
-
React.createElement(LogoCASC, { className: "".concat(styles$
|
|
1103
|
-
HONORARIOS: function () { return React.createElement(LogoPGERG, { className: "".concat(styles$
|
|
1104
|
-
BENEFICIOS: function () { return React.createElement(LogoPGEBeneficios, { className: "".concat(styles$
|
|
1105
|
-
DEFAULT: function () { return React.createElement(LogoPGERG, { className: "".concat(styles$
|
|
1115
|
+
React.createElement(LogoPGERG, { className: "".concat(styles$s.iconLogo, " ").concat(styles$s.iconLogoPGE) }),
|
|
1116
|
+
React.createElement("div", { className: styles$s.verticalDivider }),
|
|
1117
|
+
React.createElement(LogoCASC, { className: "".concat(styles$s.iconLogoCASC) }))); },
|
|
1118
|
+
HONORARIOS: function () { return React.createElement(LogoPGERG, { className: "".concat(styles$s.iconLogo) }); },
|
|
1119
|
+
BENEFICIOS: function () { return React.createElement(LogoPGEBeneficios, { className: "".concat(styles$s.iconLogo) }); },
|
|
1120
|
+
DEFAULT: function () { return React.createElement(LogoPGERG, { className: "".concat(styles$s.iconLogo) }); },
|
|
1106
1121
|
};
|
|
1107
1122
|
var userButtonConfigs = {
|
|
1108
1123
|
CASC: function () { return (React.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: true, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
|
|
@@ -1115,46 +1130,46 @@ var Header = function (_a) {
|
|
|
1115
1130
|
var Logo = logoConfigs[headerKey];
|
|
1116
1131
|
var UserButtonComponent = userButtonConfigs[userButtonKey];
|
|
1117
1132
|
var getContainerClasses = function () {
|
|
1118
|
-
var classes = [styles$
|
|
1133
|
+
var classes = [styles$s.containerHeaderIndex];
|
|
1119
1134
|
if (!isRHDigital && !isCASC) {
|
|
1120
|
-
classes.push(styles$
|
|
1135
|
+
classes.push(styles$s.set_shadow);
|
|
1121
1136
|
}
|
|
1122
1137
|
if (isResponsiveCASC && isCASC) {
|
|
1123
|
-
classes.push(styles$
|
|
1138
|
+
classes.push(styles$s.responsiveCASC);
|
|
1124
1139
|
}
|
|
1125
1140
|
return classes.join(" ");
|
|
1126
1141
|
};
|
|
1127
1142
|
return (React.createElement(React.Fragment, null,
|
|
1128
|
-
React.createElement("div", { className: styles$
|
|
1143
|
+
React.createElement("div", { className: styles$s.separator_background }),
|
|
1129
1144
|
React.createElement("header", { className: getContainerClasses() },
|
|
1130
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1131
|
-
React.createElement("div", { className: styles$
|
|
1132
|
-
React.createElement("div", { className: styles$
|
|
1145
|
+
React.createElement("div", { className: "".concat(styles$s.container, " ").concat(isCASC ? styles$s.limitedWidth : "", " ").concat(isPortalBeneficios ? styles$s.limitedWidthBeneficios : "") },
|
|
1146
|
+
React.createElement("div", { className: styles$s.wrapperMenu },
|
|
1147
|
+
React.createElement("div", { className: styles$s.IconMenu },
|
|
1133
1148
|
React.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
|
|
1134
1149
|
React.createElement(Logo, null)),
|
|
1135
|
-
React.createElement("div", { className: styles$
|
|
1150
|
+
React.createElement("div", { className: styles$s.wrapperUserButton },
|
|
1136
1151
|
extraComponent,
|
|
1137
1152
|
React.createElement(UserButtonComponent, null))))));
|
|
1138
1153
|
};
|
|
1139
1154
|
|
|
1140
|
-
var css_248z$
|
|
1141
|
-
var styles$
|
|
1142
|
-
styleInject(css_248z$
|
|
1155
|
+
var css_248z$r = ".styles-module__container___FWA4h {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__imgContainer___d-9G4 {\r\n width: 100%;\r\n max-width: 1440px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__footerImg___Timhg {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n object-fit: contain;\r\n}\r\n\r\n.styles-module__footer___em-xX {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 221px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto; /* Center the container */\r\n background-color: transparent;\r\n margin-bottom: -9px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__footer___em-xX {\r\n margin-bottom: -3px;\r\n height: 63px;\r\n padding: 0px 16px;\r\n }\r\n\r\n .styles-module__footer___em-xX.styles-module__dark___RwoTf {\r\n margin-bottom: -3px;\r\n height: 63px;\r\n padding: 0px 16px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogoContainer___hF2j3 {\r\n width: 100%;\r\n height: 134px;\r\n background-color: var(--footer-bg-color);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__pgeLogoContainer___hF2j3 {\r\n height: 118px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogo___b7X5k {\r\n width: 240px;\r\n height: 86px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto;\r\n}\r\n\r\n.styles-module__copyrightContainer___mh-Zd {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: row;\r\n background-color: #000;\r\n min-height: 46px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__copyrightContainer___mh-Zd {\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n min-height: 30px;\r\n }\r\n}\r\n\r\n.styles-module__copyrightText___U8iv8 {\r\n font-weight: 400;\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 16.34px;\r\n letter-spacing: 0%;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.styles-module__footerAddress___wdcT4 {\r\n display: flex;\r\n margin: 0;\r\n justify-content: center;\r\n color: var(--background-color);\r\n font-size: var(--font-size-12);\r\n background-color: var(--footer-bg-color);\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n color: #fff;\r\n}\r\n";
|
|
1156
|
+
var styles$n = {"container":"styles-module__container___FWA4h","imgContainer":"styles-module__imgContainer___d-9G4","footerImg":"styles-module__footerImg___Timhg","footer":"styles-module__footer___em-xX","dark":"styles-module__dark___RwoTf","pgeLogoContainer":"styles-module__pgeLogoContainer___hF2j3","pgeLogo":"styles-module__pgeLogo___b7X5k","copyrightContainer":"styles-module__copyrightContainer___mh-Zd","copyrightText":"styles-module__copyrightText___U8iv8","footerAddress":"styles-module__footerAddress___wdcT4"};
|
|
1157
|
+
styleInject(css_248z$r);
|
|
1143
1158
|
|
|
1144
1159
|
function FooterPge(_a) {
|
|
1145
1160
|
var imageFooter = _a.imageFooter, logoPGE = _a.logoPGE;
|
|
1146
|
-
return (React.createElement("footer", { className: styles$
|
|
1147
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1148
|
-
React.createElement("div", { className: styles$
|
|
1149
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1150
|
-
React.createElement("div", { className: styles$
|
|
1151
|
-
React.createElement("div", { className: styles$
|
|
1152
|
-
React.createElement("span", { className: styles$
|
|
1161
|
+
return (React.createElement("footer", { className: styles$n.container },
|
|
1162
|
+
React.createElement("div", { className: "".concat(styles$n.footer), style: { backgroundImage: "url(\"".concat(imageFooter, "\")") } }),
|
|
1163
|
+
React.createElement("div", { className: styles$n.pgeLogoContainer },
|
|
1164
|
+
React.createElement("div", { className: "".concat(styles$n.pgeLogo), style: { backgroundImage: "url(\"".concat(logoPGE, "\")") } }),
|
|
1165
|
+
React.createElement("div", { className: styles$n.footerAddress }, "Rua do Carmo, 27 - Centro - Rio de Janeiro")),
|
|
1166
|
+
React.createElement("div", { className: styles$n.copyrightContainer },
|
|
1167
|
+
React.createElement("span", { className: styles$n.copyrightText }, "2025 \u00A9 Copyright - Todos os direitos reservados."))));
|
|
1153
1168
|
}
|
|
1154
1169
|
|
|
1155
|
-
var css_248z$
|
|
1156
|
-
var styles$
|
|
1157
|
-
styleInject(css_248z$
|
|
1170
|
+
var css_248z$q = ".styles-module__accordion___BdbSg {\r\n border-radius: 15px;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__accordionItem___AcHG1 {\r\n background-color: var(--background-color);\r\n border-radius: 15px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.styles-module__header___0zXFp {\r\n border-radius: 15px;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F {\r\n width: 100%;\r\n background-color: var(--background-color);\r\n box-shadow: none;\r\n border: 1px solid var(--light-grey-color);\r\n font-size: var(--font-size-20);\r\n font-weight: var(--input-font-weight);\r\n line-height: 30px;\r\n text-align: left;\r\n color: var(--primary-color);\r\n padding: 12px 16px;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus {\r\n border: 2px solid var(--color-weaker-blue);\r\n outline: none;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F.styles-module__collapsed___7DjAi:focus {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi):focus {\r\n border: 1px solid var();\r\n outline: none;\r\n box-shadow: none;\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionIcon___s2ytc {\r\n display: inline-block;\r\n width: 24px;\r\n height: 24px;\r\n background-image: url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"24\" height=\"24\" rx=\"12\" fill=\"%23005A92\" fill-opacity=\"0.2\"/><path d=\"M12.5 17L6 10.5135L7.51667 9L12.5 13.973L17.4833 9L19 10.5135L12.5 17Z\" fill=\"white\"/></svg>');\r\n transition: transform 0.3s ease-in-out;\r\n transform: rotate(0deg);\r\n flex-shrink: 0;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi .styles-module__accordionIcon___s2ytc {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6 {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.2s ease-out;\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6.styles-module__show___xeyUH {\r\n max-height: fit-content;\r\n}\r\n\r\n.styles-module__accordionBody___goPRU {\r\n background-color: var(--background-color);\r\n border: 1px solid var(--light-grey-color);\r\n border-top: none;\r\n border-bottom-left-radius: 15px;\r\n border-bottom-right-radius: 15px;\r\n padding: 16px;\r\n}\r\n";
|
|
1171
|
+
var styles$m = {"accordion":"styles-module__accordion___BdbSg","accordionItem":"styles-module__accordionItem___AcHG1","header":"styles-module__header___0zXFp","accordionButton":"styles-module__accordionButton___5W70F","collapsed":"styles-module__collapsed___7DjAi","accordionIcon":"styles-module__accordionIcon___s2ytc","accordionCollapse":"styles-module__accordionCollapse___g1CA6","show":"styles-module__show___xeyUH","accordionBody":"styles-module__accordionBody___goPRU"};
|
|
1172
|
+
styleInject(css_248z$q);
|
|
1158
1173
|
|
|
1159
1174
|
function AccordionItem(_a) {
|
|
1160
1175
|
var title = _a.title, content = _a.content, providedId = _a.id, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b;
|
|
@@ -1164,22 +1179,22 @@ function AccordionItem(_a) {
|
|
|
1164
1179
|
var toggleAccordion = function () {
|
|
1165
1180
|
setIsOpen(!isOpen);
|
|
1166
1181
|
};
|
|
1167
|
-
return (React.createElement("div", { className: styles$
|
|
1168
|
-
React.createElement("h2", { className: styles$
|
|
1169
|
-
React.createElement("button", { className: "".concat(styles$
|
|
1182
|
+
return (React.createElement("div", { className: styles$m.accordionItem },
|
|
1183
|
+
React.createElement("h2", { className: styles$m.header },
|
|
1184
|
+
React.createElement("button", { className: "".concat(styles$m.accordionButton, " ").concat(isOpen ? "" : styles$m.collapsed), type: "button", onClick: toggleAccordion, "aria-expanded": isOpen, "aria-controls": id },
|
|
1170
1185
|
title,
|
|
1171
|
-
React.createElement("span", { className: styles$
|
|
1172
|
-
React.createElement("div", { id: id, className: "".concat(styles$
|
|
1173
|
-
React.createElement("div", { className: styles$
|
|
1186
|
+
React.createElement("span", { className: styles$m.accordionIcon }))),
|
|
1187
|
+
React.createElement("div", { id: id, className: "".concat(styles$m.accordionCollapse, " ").concat(isOpen ? styles$m.show : "") },
|
|
1188
|
+
React.createElement("div", { className: styles$m.accordionBody }, content))));
|
|
1174
1189
|
}
|
|
1175
1190
|
function Accordion(_a) {
|
|
1176
1191
|
var children = _a.children;
|
|
1177
|
-
return React.createElement("div", { className: styles$
|
|
1192
|
+
return React.createElement("div", { className: styles$m.accordion }, children);
|
|
1178
1193
|
}
|
|
1179
1194
|
|
|
1180
|
-
var css_248z$
|
|
1195
|
+
var css_248z$p = ".styles-module__wrapper___7Re2s {\r\n width: fit-content;\r\n min-height: 67px;\r\n height: auto;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-alert-color, #cb0a0a1a);\r\n box-shadow: 0px 0px 16px 0px #00000026;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__wrapperLogin___lrEyl {\r\n width: 346px;\r\n margin: 40px 0;\r\n}\r\n\r\n.styles-module__title___zYbqC {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: #cb0a0a;\r\n text-align: start;\r\n}\r\n\r\n.styles-module__message___BzwN8 {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 18px;\r\n text-align: start;\r\n color: #363632;\r\n}\r\n\r\n.styles-module__wrapperTexts___kApb6 {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n}\r\n\r\n.styles-module__buttonClose___iu9VW {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1181
1196
|
var style$3 = {"wrapper":"styles-module__wrapper___7Re2s","wrapperLogin":"styles-module__wrapperLogin___lrEyl","title":"styles-module__title___zYbqC","message":"styles-module__message___BzwN8","wrapperTexts":"styles-module__wrapperTexts___kApb6","buttonClose":"styles-module__buttonClose___iu9VW"};
|
|
1182
|
-
styleInject(css_248z$
|
|
1197
|
+
styleInject(css_248z$p);
|
|
1183
1198
|
|
|
1184
1199
|
var AlertErrorIcon = function (props) { return (React.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
1185
1200
|
React.createElement("path", { d: "M10 2.375C12.1549 2.375 14.2215 3.23102 15.7452 4.75476C17.269 6.27849 18.125 8.34512 18.125 10.5C18.125 12.6549 17.269 14.7215 15.7452 16.2452C14.2215 17.769 12.1549 18.625 10 18.625C7.84512 18.625 5.77849 17.769 4.25476 16.2452C2.73102 14.7215 1.875 12.6549 1.875 10.5C1.875 8.34512 2.73102 6.27849 4.25476 4.75476C5.77849 3.23102 7.84512 2.375 10 2.375ZM10 20.5C12.6522 20.5 15.1957 19.4464 17.0711 17.5711C18.9464 15.6957 20 13.1522 20 10.5C20 7.84784 18.9464 5.3043 17.0711 3.42893C15.1957 1.55357 12.6522 0.5 10 0.5C7.34784 0.5 4.8043 1.55357 2.92893 3.42893C1.05357 5.3043 0 7.84784 0 10.5C0 13.1522 1.05357 15.6957 2.92893 17.5711C4.8043 19.4464 7.34784 20.5 10 20.5ZM10 5.5C9.48047 5.5 9.0625 5.91797 9.0625 6.4375V10.8125C9.0625 11.332 9.48047 11.75 10 11.75C10.5195 11.75 10.9375 11.332 10.9375 10.8125V6.4375C10.9375 5.91797 10.5195 5.5 10 5.5ZM11.25 14.25C11.25 13.9185 11.1183 13.6005 10.8839 13.3661C10.6495 13.1317 10.3315 13 10 13C9.66848 13 9.35054 13.1317 9.11612 13.3661C8.8817 13.6005 8.75 13.9185 8.75 14.25C8.75 14.5815 8.8817 14.8995 9.11612 15.1339C9.35054 15.3683 9.66848 15.5 10 15.5C10.3315 15.5 10.6495 15.3683 10.8839 15.1339C11.1183 14.8995 11.25 14.5815 11.25 14.25Z", fill: "#CB0A0A" }))); };
|
|
@@ -1193,9 +1208,9 @@ var BoxError = function (_a) {
|
|
|
1193
1208
|
React.createElement(IconCLose, null))));
|
|
1194
1209
|
};
|
|
1195
1210
|
|
|
1196
|
-
var css_248z$
|
|
1211
|
+
var css_248z$o = ".styles-module__wrapper___LgHbC {\r\n width: fit-content;\r\n height: 67px;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-sucess-color, #1987541a);\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__title___VA27t {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: var(--sucess-color, #198754);\r\n}\r\n\r\n.styles-module__buttonClose___BkZrO {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1197
1212
|
var style$2 = {"wrapper":"styles-module__wrapper___LgHbC","title":"styles-module__title___VA27t","buttonClose":"styles-module__buttonClose___BkZrO"};
|
|
1198
|
-
styleInject(css_248z$
|
|
1213
|
+
styleInject(css_248z$o);
|
|
1199
1214
|
|
|
1200
1215
|
var IconSuccess = function (props) { return (React.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
1201
1216
|
React.createElement("path", { d: "M8.67188 14.25L14.8698 8.07812L13.5417 6.75L8.67188 11.5938L6.45833 9.40625L5.13021 10.7344L8.67188 14.25ZM10 20.5C8.62847 20.5 7.33507 20.2396 6.11979 19.7188C4.90451 19.1979 3.84115 18.4818 2.92969 17.5703C2.01823 16.6589 1.30208 15.5955 0.78125 14.3802C0.260417 13.1649 0 11.8715 0 10.5C0 9.11111 0.260417 7.81337 0.78125 6.60677C1.30208 5.40017 2.01823 4.34115 2.92969 3.42969C3.84115 2.51823 4.90451 1.80208 6.11979 1.28125C7.33507 0.760417 8.62847 0.5 10 0.5C11.3889 0.5 12.6866 0.760417 13.8932 1.28125C15.0998 1.80208 16.1589 2.51823 17.0703 3.42969C17.9818 4.34115 18.6979 5.40017 19.2188 6.60677C19.7396 7.81337 20 9.11111 20 10.5C20 11.8715 19.7396 13.1649 19.2188 14.3802C18.6979 15.5955 17.9818 16.6589 17.0703 17.5703C16.1589 18.4818 15.0998 19.1979 13.8932 19.7188C12.6866 20.2396 11.3889 20.5 10 20.5Z", fill: "#198754" }))); };
|
|
@@ -1209,9 +1224,9 @@ var BoxSuccess = function (_a) {
|
|
|
1209
1224
|
React.createElement(IconCLose, null))));
|
|
1210
1225
|
};
|
|
1211
1226
|
|
|
1212
|
-
var css_248z$
|
|
1227
|
+
var css_248z$n = ".styles-module__container___XexOI {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n}\r\n\r\n.styles-module__hidden___-0jGC {\r\n display: none;\r\n}\r\n\r\n.styles-module__spinnerWrapper___qSwmZ {\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.styles-module__spinner___rpO6D {\r\n width: 6rem;\r\n height: 6rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__miniSpinner___8K5I8 {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___WkCxA {\r\n margin-top: 0.5rem;\r\n color: #d1d5db;\r\n}\r\n\r\n@keyframes styles-module__spin___DkedA {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n";
|
|
1213
1228
|
var styl = {"container":"styles-module__container___XexOI","hidden":"styles-module__hidden___-0jGC","spinnerWrapper":"styles-module__spinnerWrapper___qSwmZ","spinner":"styles-module__spinner___rpO6D","spin":"styles-module__spin___DkedA","miniSpinner":"styles-module__miniSpinner___8K5I8","text":"styles-module__text___WkCxA"};
|
|
1214
|
-
styleInject(css_248z$
|
|
1229
|
+
styleInject(css_248z$n);
|
|
1215
1230
|
|
|
1216
1231
|
function LoadingSpinner(props) {
|
|
1217
1232
|
return (React__namespace.createElement("div", { className: "".concat(props.isOpen ? "" : styl.hidden, " ").concat(styl.container) },
|
|
@@ -1222,9 +1237,9 @@ function LoadingSpinner(props) {
|
|
|
1222
1237
|
React__namespace.createElement("div", { className: styl.text }, props.text)));
|
|
1223
1238
|
}
|
|
1224
1239
|
|
|
1225
|
-
var css_248z$
|
|
1226
|
-
var styles$
|
|
1227
|
-
styleInject(css_248z$
|
|
1240
|
+
var css_248z$m = "/* Pagination */\r\n.styles-module__paginationContainer___vywbX {\r\n padding: 0.5rem;\r\n margin-bottom: 2rem;\r\n display: inline-block;\r\n float: right;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__justifySpaceBetween___-wa43 {\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__flex___-hVV8 {\r\n display: flex;\r\n}\r\n\r\n.styles-module__paginationButtons___n6Pha {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-top: 1rem;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC {\r\n background-color: transparent;\r\n color: var(--paginationv2-optionselect-text-color);\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC:hover {\r\n background-color: #00436d;\r\n font-weight: bold;\r\n color: white;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J:disabled,\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J {\r\n border-radius: 0.375rem 0 0 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2 {\r\n border-radius: 0 0.375rem 0.375rem 0;\r\n}\r\n\r\n.styles-module__paginationButtonActive___FY4f3 {\r\n background-color: #00436d;\r\n color: white;\r\n border-color: #00436d;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z {\r\n background-color: #eeeeee54;\r\n color: #a0a0a0 !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z:hover {\r\n background-color: #c3c3c3 !important;\r\n}\r\n";
|
|
1241
|
+
var styles$l = {"paginationContainer":"styles-module__paginationContainer___vywbX","justifySpaceBetween":"styles-module__justifySpaceBetween___-wa43","flex":"styles-module__flex___-hVV8","paginationButtons":"styles-module__paginationButtons___n6Pha","paginationButton":"styles-module__paginationButton___3y1CC","prev":"styles-module__prev___BSV6J","next":"styles-module__next___ajQD2","paginationButtonActive":"styles-module__paginationButtonActive___FY4f3","paginationButtonDisabled":"styles-module__paginationButtonDisabled___P7A9z"};
|
|
1242
|
+
styleInject(css_248z$m);
|
|
1228
1243
|
|
|
1229
1244
|
var PaginationTable = function (_a) {
|
|
1230
1245
|
var currentPage = _a.currentPage, countPage = _a.countPage, _b = _a.itemsVisiblePage, itemsVisiblePage = _b === void 0 ? 5 : _b, handleClickPage = _a.handleClickPage;
|
|
@@ -1264,27 +1279,28 @@ var PaginationTable = function (_a) {
|
|
|
1264
1279
|
return pageNumbers;
|
|
1265
1280
|
};
|
|
1266
1281
|
var pageNumbers = getPageNumbers();
|
|
1267
|
-
return (React.createElement("div", { className: styles$
|
|
1268
|
-
React.createElement("div", { className: styles$
|
|
1269
|
-
React.createElement("div", { className: styles$
|
|
1270
|
-
React.createElement("button", { type: "button", className: "".concat(styles$
|
|
1271
|
-
pageNumbers.map(function (page, index) { return (React.createElement("button", { type: "button", key: index, className: "".concat(styles$
|
|
1282
|
+
return (React.createElement("div", { className: styles$l.paginationContainer, hidden: countPage <= 1 },
|
|
1283
|
+
React.createElement("div", { className: styles$l.justifySpaceBetween },
|
|
1284
|
+
React.createElement("div", { className: styles$l.paginationButtons },
|
|
1285
|
+
React.createElement("button", { type: "button", className: "".concat(styles$l.paginationButton, " ").concat(currentPage === 1 ? styles$l.paginationButtonDisabled : ""), onClick: function () { return handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(currentPage - 1); }, disabled: currentPage === 1 }, "<"),
|
|
1286
|
+
pageNumbers.map(function (page, index) { return (React.createElement("button", { type: "button", key: index, className: "".concat(styles$l.paginationButton, " ").concat(currentPage === page ? styles$l.paginationButtonActive : ""), onClick: function () {
|
|
1272
1287
|
return typeof page === "number" &&
|
|
1273
1288
|
currentPage !== page &&
|
|
1274
1289
|
(handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(page));
|
|
1275
1290
|
}, disabled: typeof page !== "number" }, page)); }),
|
|
1276
|
-
React.createElement("button", { type: "button", className: "".concat(styles$
|
|
1291
|
+
React.createElement("button", { type: "button", className: "".concat(styles$l.paginationButton, " ").concat(currentPage === countPage ? styles$l.paginationButtonDisabled : ""), onClick: function () { return handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(currentPage + 1); }, disabled: currentPage === countPage }, ">")))));
|
|
1277
1292
|
};
|
|
1278
1293
|
|
|
1279
|
-
var css_248z$
|
|
1280
|
-
var styles$
|
|
1281
|
-
styleInject(css_248z$
|
|
1294
|
+
var css_248z$l = ".styles-module__paginationContainer___FagFs {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 16px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 8px;\r\n font-size: var(--font-size-14);\r\n height: 61px;\r\n border-radius: 0px 0px 10px 10px;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__paginationContainer___FagFs {\r\n font-size: var(--font-size-12);\r\n min-height: 50px;\r\n height: auto;\r\n padding: 6px 10px;\r\n } \r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelItems___p-9pv {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__itemsPerPageWrapper___PTkJr {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__itemsPerPageWrapper___PTkJr {\r\n height: auto;\r\n }\r\n}\r\n\r\n.styles-module__itemsPerPageWrapperSelect___gVLGU {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__navigationWrapper___lJ040 {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__navigationWrapper___lJ040 {\r\n height: auto;\r\n }\r\n}\r\n\r\n.styles-module__separatorItem___t-PSR {\r\n width: 1px;\r\n height: 50%;\r\n background-color: #cccccc;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__separatorItem___t-PSR {\r\n height: 25px;\r\n }\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: bold;\r\n margin: 0 5px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border: 1px solid #FFFFFF;\r\n background-color: transparent;\r\n color: var(--paginationv2-arrow-color);\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:first-of-type {\r\n border-top-left-radius: 4px;\r\n border-bottom-left-radius: 4px;\r\n margin-left: 10px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:last-of-type {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:disabled {\r\n cursor: not-allowed;\r\n}\r\n\r\n/* .navButton:hover:not(:disabled) {\r\n} */\r\n\r\n/* Select.module.css */\r\n.styles-module__selectContainerPagination___C-Epb {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 8px 12px;\r\n background: var(--paginationv2-selecttrigger-bg-color);\r\n border: 1px solid var(--paginationv2-selecttrigger-border-color);\r\n border-radius: 4px;\r\n cursor: default;\r\n gap: 12px;\r\n margin-right: 10px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__selectTrigger___A5PsD {\r\n padding: 4px 8px;\r\n }\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--paginationv2-selectedValue-color);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__selectedValue___S6skE {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__icon___-BaZE {\r\n width: 10px;\r\n height: 18px;\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.styles-module__iconOpen___Azg3S {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__optionsList___Xs-ze {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n margin-top: 4px;\r\n background: var(--paginationv2-optionslist-bg-color);\r\n border: 1px solid #e1e1e1;\r\n border-radius: 4px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n max-height: 200px;\r\n overflow-y: auto;\r\n width: fit-content;\r\n padding: 0;\r\n}\r\n\r\n.styles-module__optionsListUp___JurU2 {\r\n top: auto;\r\n bottom: 100%;\r\n margin-top: 0;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.styles-module__option___riTqX {\r\n padding: 8px 12px;\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--paginationv2-optionslist-font-color);\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__option___riTqX:hover {\r\n background-color: var(--paginationv2-optionslist-hover-bg-color);\r\n}\r\n\r\n.styles-module__option___riTqX.styles-module__selected___6iUvP {\r\n background-color: var(--paginationv2-optionselect-bg-color);\r\n color: var(--paginationv2-optionselect-text-color);\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD:hover {\r\n border-color: var(--primary-color);\r\n}";
|
|
1295
|
+
var styles$k = {"paginationContainer":"styles-module__paginationContainer___FagFs","labelItems":"styles-module__labelItems___p-9pv","itemsPerPageWrapper":"styles-module__itemsPerPageWrapper___PTkJr","itemsPerPageWrapperSelect":"styles-module__itemsPerPageWrapperSelect___gVLGU","paginationInfo":"styles-module__paginationInfo___NrLda","navigationWrapper":"styles-module__navigationWrapper___lJ040","separatorItem":"styles-module__separatorItem___t-PSR","currentPage":"styles-module__currentPage___SRV7Q","navButton":"styles-module__navButton___pqOMS","selectContainerPagination":"styles-module__selectContainerPagination___C-Epb","selectTrigger":"styles-module__selectTrigger___A5PsD","selectedValue":"styles-module__selectedValue___S6skE","icon":"styles-module__icon___-BaZE","iconOpen":"styles-module__iconOpen___Azg3S","optionsList":"styles-module__optionsList___Xs-ze","optionsListUp":"styles-module__optionsListUp___JurU2","option":"styles-module__option___riTqX","selected":"styles-module__selected___6iUvP"};
|
|
1296
|
+
styleInject(css_248z$l);
|
|
1282
1297
|
|
|
1283
1298
|
var SelectPagination = function (_a) {
|
|
1284
|
-
var value = _a.value, options = _a.options, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
1285
|
-
var
|
|
1299
|
+
var value = _a.value, options = _a.options, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.direction, direction = _c === void 0 ? "down" : _c;
|
|
1300
|
+
var _d = React.useState(false), isOpen = _d[0], setIsOpen = _d[1];
|
|
1286
1301
|
var selectRef = React.useRef(null);
|
|
1287
1302
|
var selectedOption = options.find(function (opt) { return opt.value === value; });
|
|
1303
|
+
var displayOptions = direction === "up" ? __spreadArray([], options, true).reverse() : options;
|
|
1288
1304
|
React.useEffect(function () {
|
|
1289
1305
|
var handleClickOutside = function (event) {
|
|
1290
1306
|
if (selectRef.current &&
|
|
@@ -1301,16 +1317,16 @@ var SelectPagination = function (_a) {
|
|
|
1301
1317
|
onChange(optionValue);
|
|
1302
1318
|
setIsOpen(false);
|
|
1303
1319
|
};
|
|
1304
|
-
return (React.createElement("div", { ref: selectRef, className: "".concat(styles$
|
|
1305
|
-
React.createElement("div", { className: styles$
|
|
1320
|
+
return (React.createElement("div", { ref: selectRef, className: "".concat(styles$k.selectContainerPagination, " ").concat(className) },
|
|
1321
|
+
React.createElement("div", { className: styles$k.selectTrigger, tabIndex: 0, onKeyDown: function (e) {
|
|
1306
1322
|
if (e.key === "Enter" || e.key === " ") {
|
|
1307
1323
|
e.preventDefault();
|
|
1308
1324
|
setIsOpen(function (prev) { return !prev; });
|
|
1309
1325
|
}
|
|
1310
1326
|
} },
|
|
1311
|
-
React.createElement("span", { className: styles$
|
|
1312
|
-
React.createElement(IconTriangleRecall, { onClick: function () { return setIsOpen(!isOpen); }, className: "".concat(styles$
|
|
1313
|
-
isOpen && (React.createElement("div", { className: styles$
|
|
1327
|
+
React.createElement("span", { className: styles$k.selectedValue }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label.padStart(2, "0")),
|
|
1328
|
+
React.createElement(IconTriangleRecall, { onClick: function () { return setIsOpen(!isOpen); }, className: "".concat(styles$k.icon, " ").concat(isOpen ? styles$k.iconOpen : ""), fill: "#005A92" })),
|
|
1329
|
+
isOpen && (React.createElement("div", { className: "".concat(styles$k.optionsList, " ").concat(direction === "up" ? styles$k.optionsListUp : "") }, displayOptions.map(function (option) { return (React.createElement("div", { key: option.value, tabIndex: 0, className: "".concat(styles$k.option, " ").concat(option.value === value ? styles$k.selected : ""), onClick: function () { return handleSelect(option.value); }, onKeyDown: function (e) {
|
|
1314
1330
|
if (e.key === "Enter" || e.key === " ") {
|
|
1315
1331
|
e.preventDefault();
|
|
1316
1332
|
handleSelect(option.value);
|
|
@@ -1323,31 +1339,31 @@ var Pagination = function (_a) {
|
|
|
1323
1339
|
{ value: 10, label: "10" },
|
|
1324
1340
|
{ value: 20, label: "20" },
|
|
1325
1341
|
{ value: 50, label: "50" },
|
|
1326
|
-
] : _b;
|
|
1342
|
+
] : _b, _c = _a.dropdownDirection, dropdownDirection = _c === void 0 ? "down" : _c;
|
|
1327
1343
|
var generatePageOptions = function (totalPages) {
|
|
1328
1344
|
return Array.from({ length: totalPages }, function (_, index) { return ({
|
|
1329
1345
|
value: index + 1,
|
|
1330
1346
|
label: "".concat(index + 1),
|
|
1331
1347
|
}); });
|
|
1332
1348
|
};
|
|
1333
|
-
return (React.createElement("div", { className: styles$
|
|
1334
|
-
React.createElement("div", { className: styles$
|
|
1335
|
-
React.createElement("div", { className: styles$
|
|
1336
|
-
React.createElement("label", { className: styles$
|
|
1349
|
+
return (React.createElement("div", { className: styles$k.paginationContainer },
|
|
1350
|
+
React.createElement("div", { className: styles$k.itemsPerPageWrapper },
|
|
1351
|
+
React.createElement("div", { className: styles$k.itemsPerPageWrapperSelect },
|
|
1352
|
+
React.createElement("label", { className: styles$k.labelItems, htmlFor: "itemsPerPage" }, "Exibir"),
|
|
1337
1353
|
React.createElement(SelectPagination, { value: itemsPerPage, options: defaultOptions, onChange: function (value) {
|
|
1338
1354
|
handleItemPorPage(Number(value));
|
|
1339
|
-
} })),
|
|
1340
|
-
React.createElement("div", { className: styles$
|
|
1341
|
-
React.createElement("div", { className: styles$
|
|
1342
|
-
React.createElement("div", { className: styles$
|
|
1343
|
-
React.createElement("label", { className: styles$
|
|
1355
|
+
}, direction: dropdownDirection })),
|
|
1356
|
+
React.createElement("div", { className: styles$k.separatorItem }),
|
|
1357
|
+
React.createElement("div", { className: styles$k.paginationInfo }, "".concat((currentPage - 1) * itemsPerPage + 1, "-").concat(Math.min(currentPage * itemsPerPage, totalItems), " de ").concat(totalItems, " itens"))),
|
|
1358
|
+
React.createElement("div", { className: styles$k.navigationWrapper },
|
|
1359
|
+
React.createElement("label", { className: styles$k.labelItems, htmlFor: "itemsPerPage" }, "P\u00E1gina"),
|
|
1344
1360
|
React.createElement(SelectPagination, { value: pagina, options: generatePageOptions(Math.ceil(totalItems / itemsPerPage)), onChange: function (value) {
|
|
1345
1361
|
handlePage(Number(value));
|
|
1346
|
-
} }),
|
|
1347
|
-
React.createElement("div", { className: styles$
|
|
1348
|
-
React.createElement("button", { className: styles$
|
|
1362
|
+
}, direction: dropdownDirection }),
|
|
1363
|
+
React.createElement("div", { className: styles$k.separatorItem }),
|
|
1364
|
+
React.createElement("button", { className: styles$k.navButton, onClick: handlePrevious, disabled: currentPage === 1, "aria-label": "P\u00E1gina anterior" },
|
|
1349
1365
|
React.createElement(IconArrowLeft, { fill: "currentColor" })),
|
|
1350
|
-
React.createElement("button", { className: styles$
|
|
1366
|
+
React.createElement("button", { className: styles$k.navButton, onClick: handleNext, disabled: currentPage === countPage, "aria-label": "Pr\u00F3xima p\u00E1gina" },
|
|
1351
1367
|
React.createElement(IconArrowRight, { fill: "currentColor" })))));
|
|
1352
1368
|
};
|
|
1353
1369
|
|
|
@@ -8384,17 +8400,17 @@ var AsyncSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8384
8400
|
});
|
|
8385
8401
|
var AsyncSelect$1 = AsyncSelect;
|
|
8386
8402
|
|
|
8387
|
-
var css_248z$
|
|
8388
|
-
var styles$
|
|
8389
|
-
styleInject(css_248z$
|
|
8403
|
+
var css_248z$k = ".styles-module__flex___sYumE {\r\n display: flex;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK label {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #303030;\r\n width: 100%;\r\n font-weight: 700;\r\n text-align: left;\r\n cursor: pointer;\r\n font-family: var(--font-open-sans-regular);\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V label {\r\n color: #30303099 !important;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk {\r\n width: 100%;\r\n height: 48px;\r\n max-height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n background-color: var(--background-color);\r\n padding: 14px 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V .styles-module__buttonSelect___m3mZk {\r\n background-color: var(--input-disabled-bg-color) !important;\r\n color: var(--color-secondary) !important;\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz,\r\n.styles-module__buttonSelect___m3mZk:focus {\r\n /* border: 1px solid var(--color-information);\r\n outline: solid var(--color-focus-outline) 1.5px; */\r\n\r\n color: var(--input-placeholder-focus);\r\n outline: none;\r\n border: 1px solid var(--information-color);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover {\r\n background-color: #005a9214;\r\n}\r\n\r\n.styles-module__buttonSelectIcon___bLyj7 {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 8px;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover svg {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz svg {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__buttonSelectAction___4Lg-L {\r\n display: flex;\r\n gap: 4px;\r\n height: 20px;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconChefron___U4x1- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectError___lLMCP {\r\n border: 1px solid var(--color-danger);\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__selectOption___IGq-X {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n color: var(--input-placeholder-focus);\r\n font-weight: 700;\r\n font-family: var(--font-open-sans-regular);\r\n}\r\n\r\n.styles-module__placeholder___HYCsC {\r\n color: var(--input-placeholder-color);\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__isRequired___NzEUO::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__search___Vjtlj {\r\n display: flex;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n padding: 5px;\r\n margin-bottom: 8px;\r\n height: 37px;\r\n}\r\n\r\n.styles-module__search___Vjtlj input {\r\n width: 100%;\r\n border-radius: 0.375rem;\r\n font-size: 14px;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n border: none;\r\n}\r\n\r\n.styles-module__search___Vjtlj svg {\r\n margin-right: 8px;\r\n color: #cfcfcffc;\r\n margin-top: 5px;\r\n margin-left: 5px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II {\r\n width: 98%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II label {\r\n cursor: pointer;\r\n padding-left: 8px;\r\n width: 100%;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectAll___KL-II input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X {\r\n width: 100%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n margin-bottom: 4px;\r\n gap: 10px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X:hover {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X label {\r\n cursor: pointer;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectOptionCheckedSelected___w6Zr- {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__totalSelected___kBJZ0 {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.styles-module__selectedItem___Sbb4T {\r\n display: inline-flex;\r\n align-items: center;\r\n background-color: #f0f0f0;\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n margin-right: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__excluir___WTjQd {\r\n cursor: pointer;\r\n z-index: 2;\r\n margin-top: 2px;\r\n}\r\n\r\n.styles-module__separator___06tCE {\r\n align-self: stretch;\r\n width: 1px;\r\n background-color: hsl(0, 0%, 80%);\r\n box-sizing: border-box;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.styles-module__message___k0oeC {\r\n font-size: 11px;\r\n color: #303030d9;\r\n font-weight: 700;\r\n line-height: 16px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__messageError___hRIme {\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__iconCheck___GS3XH {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n";
|
|
8404
|
+
var styles$j = {"flex":"styles-module__flex___sYumE","selectContainer":"styles-module__selectContainer___Q9aTK","selectContainerDisabled":"styles-module__selectContainerDisabled___-fS2V","buttonSelect":"styles-module__buttonSelect___m3mZk","buttonSelectFocus":"styles-module__buttonSelectFocus___rOddz","buttonSelectIcon":"styles-module__buttonSelectIcon___bLyj7","buttonSelectAction":"styles-module__buttonSelectAction___4Lg-L","iconChefron":"styles-module__iconChefron___U4x1-","buttonSelectError":"styles-module__buttonSelectError___lLMCP","selectOption":"styles-module__selectOption___IGq-X","placeholder":"styles-module__placeholder___HYCsC","isRequired":"styles-module__isRequired___NzEUO","search":"styles-module__search___Vjtlj","selectAll":"styles-module__selectAll___KL-II","selectOptionChecked":"styles-module__selectOptionChecked___m7r-X","selectOptionCheckedSelected":"styles-module__selectOptionCheckedSelected___w6Zr-","totalSelected":"styles-module__totalSelected___kBJZ0","selectedItem":"styles-module__selectedItem___Sbb4T","excluir":"styles-module__excluir___WTjQd","separator":"styles-module__separator___06tCE","message":"styles-module__message___k0oeC","messageError":"styles-module__messageError___hRIme","iconCheck":"styles-module__iconCheck___GS3XH"};
|
|
8405
|
+
styleInject(css_248z$k);
|
|
8390
8406
|
|
|
8391
8407
|
var IconDelete = function () { return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8392
8408
|
React.createElement("path", { d: "M12.3857 5.34565L9.49821 8.23315L12.3857 11.1482C12.7432 11.4782 12.7432 12.0557 12.3857 12.3857C12.0557 12.7432 11.4782 12.7432 11.1482 12.3857L8.26071 9.49815L5.34571 12.3857C5.01571 12.7432 4.43821 12.7432 4.10821 12.3857C3.75071 12.0557 3.75071 11.4782 4.10821 11.1482L6.99571 8.23315L4.10821 5.34565C3.75071 5.01565 3.75071 4.43815 4.10821 4.10815C4.43821 3.75065 5.01571 3.75065 5.34571 4.10815L8.26071 6.99565L11.1482 4.10815C11.4782 3.75065 12.0557 3.75065 12.3857 4.10815C12.7432 4.43815 12.7432 5.01565 12.3857 5.34565Z", strokeWidth: "2", fill: "#363632", fillOpacity: "0.5" }))); };
|
|
8393
8409
|
var IconSeparator = function () { return (React.createElement("svg", { width: "1", height: "20", viewBox: "0 0 1 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8394
8410
|
React.createElement("line", { x1: "0.5", y1: "0.5", x2: "0.499999", y2: "19.5", stroke: "#D9D9D9" }))); };
|
|
8395
|
-
var IconCheckboxEmpty = function () { return (React.createElement("svg", { className: styles$
|
|
8411
|
+
var IconCheckboxEmpty = function () { return (React.createElement("svg", { className: styles$j.iconCheck, width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8396
8412
|
React.createElement("rect", { x: "1", y: "0.5", width: "15", height: "15", rx: "1.5", fill: "white", stroke: "#C3C3C3" }))); };
|
|
8397
|
-
var IconCheckboxChecked = function () { return (React.createElement("svg", { className: styles$
|
|
8413
|
+
var IconCheckboxChecked = function () { return (React.createElement("svg", { className: styles$j.iconCheck, width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8398
8414
|
React.createElement("g", { "clip-path": "url(#clip0_35_4641)" },
|
|
8399
8415
|
React.createElement("rect", { x: "0.5", width: "16", height: "16", rx: "2", fill: "#005A92" }),
|
|
8400
8416
|
React.createElement("rect", { x: "1", y: "0.5", width: "15", height: "15", rx: "1.5", fill: "#005A92", stroke: "#005A92" }),
|
|
@@ -8404,7 +8420,7 @@ var IconCheckboxChecked = function () { return (React.createElement("svg", { cla
|
|
|
8404
8420
|
React.createElement("rect", { x: "0.5", width: "16", height: "16", rx: "2", fill: "white" }))))); };
|
|
8405
8421
|
|
|
8406
8422
|
var Option = function (props) { return (React.createElement(components.Option, __assign({}, props),
|
|
8407
|
-
React.createElement("div", { className: "".concat(styles$
|
|
8423
|
+
React.createElement("div", { className: "".concat(styles$j.selectOptionChecked, " ").concat(props.isSelected ? styles$j.selectOptionCheckedSelected : "") },
|
|
8408
8424
|
props.isSelected ? React.createElement(IconCheckboxChecked, null) : React.createElement(IconCheckboxEmpty, null),
|
|
8409
8425
|
React.createElement("label", null, props.label)))); };
|
|
8410
8426
|
var SelectAll = function (props) {
|
|
@@ -8422,7 +8438,7 @@ var SelectAll = function (props) {
|
|
|
8422
8438
|
onChange(selectedValuesFilter, { action: "select-option" });
|
|
8423
8439
|
}
|
|
8424
8440
|
};
|
|
8425
|
-
return (React.createElement(React.Fragment, null, options.length > 0 && escapeClearsValue && (React.createElement("div", { className: styles$
|
|
8441
|
+
return (React.createElement(React.Fragment, null, options.length > 0 && escapeClearsValue && (React.createElement("div", { className: styles$j.selectAll, onClick: handleToggleAll },
|
|
8426
8442
|
iconCheckAll(selectedValues, inputValue, options),
|
|
8427
8443
|
React.createElement("label", null, "Selecionar todos os itens")))));
|
|
8428
8444
|
};
|
|
@@ -8446,7 +8462,7 @@ var iconCheckAll = function (selectedValues, inputValue, options) {
|
|
|
8446
8462
|
};
|
|
8447
8463
|
var InputSearch = function (props) {
|
|
8448
8464
|
var _a = props.selectProps, inputValue = _a.inputValue, onInputChange = _a.onInputChange, isSearchable = _a.isSearchable;
|
|
8449
|
-
return (React.createElement(React.Fragment, null, isSearchable && (React.createElement("div", { className: styles$
|
|
8465
|
+
return (React.createElement(React.Fragment, null, isSearchable && (React.createElement("div", { className: styles$j.search },
|
|
8450
8466
|
React.createElement(IconSearch, null),
|
|
8451
8467
|
React.createElement("input", { autoFocus: true, id: "select-search", type: "text", value: inputValue, autoCorrect: "off", autoComplete: "off", spellCheck: "false", onChange: function (e) {
|
|
8452
8468
|
e.preventDefault();
|
|
@@ -8607,27 +8623,27 @@ var SelectMult = function (_a) {
|
|
|
8607
8623
|
? "".concat(selecionados === null || selecionados === void 0 ? void 0 : selecionados.length, " ").concat(itensSelecionados)
|
|
8608
8624
|
: labelSelected;
|
|
8609
8625
|
}
|
|
8610
|
-
return React.createElement("div", { className: styles$
|
|
8626
|
+
return React.createElement("div", { className: styles$j.placeholder }, placeholder);
|
|
8611
8627
|
}, [selecionados, labelSelected, dropdownWidth, placeholder, Icon]);
|
|
8612
8628
|
React.useEffect(function () {
|
|
8613
8629
|
setSelecionados(value);
|
|
8614
8630
|
}, [value]);
|
|
8615
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
8616
|
-
React.createElement("label", { onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, htmlFor: name, className: "".concat(required ? styles$
|
|
8617
|
-
React.createElement(Dropdown, { isOpen: isOpen && !disabled, onClose: function () { return setIsOpen(false); }, selecionados: selecionados, target: React.createElement("button", { type: "button", ref: buttonRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, className: "".concat(styles$
|
|
8618
|
-
React.createElement("div", { className: styles$
|
|
8619
|
-
Icon && React.createElement("div", { className: styles$
|
|
8620
|
-
React.createElement("div", { className: styles$
|
|
8621
|
-
React.createElement("div", { className: styles$
|
|
8631
|
+
return (React.createElement("div", { className: "".concat(styles$j.selectContainer, " ").concat(disabled ? styles$j.selectContainerDisabled : "") },
|
|
8632
|
+
React.createElement("label", { onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, htmlFor: name, className: "".concat(required ? styles$j.isRequired : "") }, label),
|
|
8633
|
+
React.createElement(Dropdown, { isOpen: isOpen && !disabled, onClose: function () { return setIsOpen(false); }, selecionados: selecionados, target: React.createElement("button", { type: "button", ref: buttonRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, className: "".concat(styles$j.buttonSelect, " ").concat(isOpen && !disabled ? styles$j.buttonSelectFocus : "", " ").concat(hasError ? styles$j.buttonSelectError : "", " ").concat(disabled ? styles$j.buttonSelectDisabled : "") },
|
|
8634
|
+
React.createElement("div", { className: styles$j.flex },
|
|
8635
|
+
Icon && React.createElement("div", { className: styles$j.buttonSelectIcon }, Icon),
|
|
8636
|
+
React.createElement("div", { className: styles$j.selectOption, ref: itemsRef }, renderSelectedItems())),
|
|
8637
|
+
React.createElement("div", { className: styles$j.buttonSelectAction },
|
|
8622
8638
|
(selecionados === null || selecionados === void 0 ? void 0 : selecionados.length) > 0 && isClearable && (React.createElement(React.Fragment, null,
|
|
8623
8639
|
React.createElement("div", { onClick: function (e) {
|
|
8624
8640
|
handleSelectChange([]);
|
|
8625
8641
|
e.stopPropagation();
|
|
8626
8642
|
e.preventDefault();
|
|
8627
|
-
}, title: "Excluir todos os itens selecionados", className: styles$
|
|
8643
|
+
}, title: "Excluir todos os itens selecionados", className: styles$j.excluir },
|
|
8628
8644
|
React.createElement(IconDelete, null)),
|
|
8629
8645
|
React.createElement(IconSeparator, null))),
|
|
8630
|
-
!disabled && (React.createElement(IconTriangleRecall, { className: styles$
|
|
8646
|
+
!disabled && (React.createElement(IconTriangleRecall, { className: styles$j.iconChefron })))) }, fetchOptions ? (React.createElement(AsyncSelect$1, { name: "name", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, placeholder: placeholder, styles: selectColourStyles$2(dropdownWidth, hasError), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, className: styles$j.selectElement, isSearchable: true, components: {
|
|
8631
8647
|
Control: function () { return null; },
|
|
8632
8648
|
Option: Option,
|
|
8633
8649
|
MenuList: MenuList,
|
|
@@ -8638,8 +8654,8 @@ var SelectMult = function (_a) {
|
|
|
8638
8654
|
Option: Option,
|
|
8639
8655
|
MenuList: MenuList,
|
|
8640
8656
|
}, isSearchable: isSearchable, escapeClearsValue: isCheckedAll, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }))),
|
|
8641
|
-
textError && hasError && (React.createElement("p", { className: "".concat(styles$
|
|
8642
|
-
!hasError && message && React.createElement("p", { className: styles$
|
|
8657
|
+
textError && hasError && (React.createElement("p", { className: "".concat(styles$j.message, " ").concat(styles$j.messageError) }, textError)),
|
|
8658
|
+
!hasError && message && React.createElement("p", { className: styles$j.message }, message)));
|
|
8643
8659
|
};
|
|
8644
8660
|
|
|
8645
8661
|
function useDarkMode() {
|
|
@@ -8685,9 +8701,9 @@ function useIsMobile(breakpoint) {
|
|
|
8685
8701
|
return isMobile;
|
|
8686
8702
|
}
|
|
8687
8703
|
|
|
8688
|
-
var css_248z$
|
|
8689
|
-
var styles$
|
|
8690
|
-
styleInject(css_248z$
|
|
8704
|
+
var css_248z$j = ".styles-module__selectContainer___uFP2d {\r\n width: 100%;\r\n font-size: var(--font-size-14);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-12);\r\n }\r\n\r\n .styles-module__selectContainer___uFP2d {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___grCcq {\r\n font-size: var(--font-size-12);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___PNeLN {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___SAMFM {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___Cp81j {\r\n color: var(--color-label);\r\n}\r\n";
|
|
8705
|
+
var styles$i = {"selectContainer":"styles-module__selectContainer___uFP2d","errorText":"styles-module__errorText___grCcq","errorRequired":"styles-module__errorRequired___PNeLN","contentIcon":"styles-module__contentIcon___SAMFM","iconChefron":"styles-module__iconChefron___Cp81j"};
|
|
8706
|
+
styleInject(css_248z$j);
|
|
8691
8707
|
|
|
8692
8708
|
var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return ({
|
|
8693
8709
|
control: function (styles, _a) {
|
|
@@ -8735,20 +8751,20 @@ var BasicSelect = function (_a) {
|
|
|
8735
8751
|
var name = _a.name, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value;
|
|
8736
8752
|
var isDarkMode = useDarkMode();
|
|
8737
8753
|
useIsMobile();
|
|
8738
|
-
var CustomDropdownIndicator = function () { return (React__namespace.createElement("div", { className: styles$
|
|
8739
|
-
React__namespace.createElement(IconTriangleRecall, { className: styles$
|
|
8740
|
-
return (React__namespace.createElement("div", { className: "".concat(styles$
|
|
8741
|
-
label && (React__namespace.createElement("label", { htmlFor: name, className: styles$
|
|
8754
|
+
var CustomDropdownIndicator = function () { return (React__namespace.createElement("div", { className: styles$i.contentIcon },
|
|
8755
|
+
React__namespace.createElement(IconTriangleRecall, { className: styles$i.iconChefron }))); };
|
|
8756
|
+
return (React__namespace.createElement("div", { className: "".concat(styles$i.selectContainer) },
|
|
8757
|
+
label && (React__namespace.createElement("label", { htmlFor: name, className: styles$i.labelText },
|
|
8742
8758
|
label,
|
|
8743
|
-
isRequired ? React__namespace.createElement("span", { className: styles$
|
|
8744
|
-
React__namespace.createElement("div", { className: styles$
|
|
8759
|
+
isRequired ? React__namespace.createElement("span", { className: styles$i.errorRequired }, "*") : null)),
|
|
8760
|
+
React__namespace.createElement("div", { className: styles$i.selectElement },
|
|
8745
8761
|
React__namespace.createElement(StateManagedSelect$1, { inputId: name, isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: selectColourStyles$1(hasError, isDarkMode), isSearchable: true, isClearable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: {
|
|
8746
8762
|
DropdownIndicator: CustomDropdownIndicator,
|
|
8747
8763
|
ClearIndicator: CustomClearIndicator,
|
|
8748
8764
|
}, "aria-label": typeof label === "string"
|
|
8749
8765
|
? label
|
|
8750
8766
|
: placeholder || "Campo para seleção" })),
|
|
8751
|
-
hasError && (React__namespace.createElement("span", { className: styles$
|
|
8767
|
+
hasError && (React__namespace.createElement("span", { className: styles$i.errorText }, "Campo obrigat\u00F3rio ou inv\u00E1lido"))));
|
|
8752
8768
|
};
|
|
8753
8769
|
var CustomClearIndicator = function (props) {
|
|
8754
8770
|
var innerProps = props.innerProps, clearValue = props.clearValue, inputId = props.selectProps.inputId;
|
|
@@ -8766,9 +8782,9 @@ var CustomClearIndicator = function (props) {
|
|
|
8766
8782
|
} }) })));
|
|
8767
8783
|
};
|
|
8768
8784
|
|
|
8769
|
-
var css_248z$
|
|
8785
|
+
var css_248z$i = ".styles-module__overlay___Fxkif {\r\n position: fixed;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--background-color);\r\n z-index: 9999;\r\n}\r\n\r\n.styles-module__hidden___Kfvvb {\r\n display: none !important;\r\n}\r\n\r\n.styles-module__spinnerWrapper___yOA6J {\r\n margin: 0;\r\n}\r\n\r\n.styles-module__spinner___9vDkX {\r\n width: 6rem;\r\n height: 6rem;\r\n animation: styles-module__spin___15zFk 1s linear infinite;\r\n color: var(--loader-bg-color);\r\n fill: var(--loader-spinning-color);\r\n}\r\n\r\n.styles-module__miniSpinner___6v8yL {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n animation: styles-module__spin___15zFk 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___nRAAy {\r\n margin-top: 0.5rem;\r\n color: var(--foreground);\r\n}\r\n\r\n@keyframes styles-module__spin___15zFk {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n";
|
|
8770
8786
|
var style$1 = {"overlay":"styles-module__overlay___Fxkif","hidden":"styles-module__hidden___Kfvvb","spinnerWrapper":"styles-module__spinnerWrapper___yOA6J","spinner":"styles-module__spinner___9vDkX","spin":"styles-module__spin___15zFk","miniSpinner":"styles-module__miniSpinner___6v8yL","text":"styles-module__text___nRAAy"};
|
|
8771
|
-
styleInject(css_248z$
|
|
8787
|
+
styleInject(css_248z$i);
|
|
8772
8788
|
|
|
8773
8789
|
function OverlayLoadingSpinner(_a) {
|
|
8774
8790
|
var isOpen = _a.isOpen, text = _a.text, _b = _a.mini, mini = _b === void 0 ? false : _b;
|
|
@@ -8781,42 +8797,42 @@ function OverlayLoadingSpinner(_a) {
|
|
|
8781
8797
|
text && React__namespace.createElement("div", { className: style$1.text }, text)));
|
|
8782
8798
|
}
|
|
8783
8799
|
|
|
8784
|
-
var css_248z$
|
|
8785
|
-
var styles$
|
|
8786
|
-
styleInject(css_248z$
|
|
8800
|
+
var css_248z$h = ".header-module__separator_background___Sicie {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__headerContentWrapper___3CWPS {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n max-width: 1440px;\r\n padding: 0px 72px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .header-module__headerContentWrapper___3CWPS {\r\n padding: 0px 4px;\r\n }\r\n}\r\n\r\n.header-module__container___pv1f6 {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 0px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___qgf2- {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___Sr8Ih {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .header-module__iconLogo___Sr8Ih {\r\n width: 64px;\r\n height: 25px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___j6I1p {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___6ddUY {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n background-color: var(--header-bg-main-color);\r\n}\r\n\r\n.header-module__set_shadow___Wwh0E {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___PhM7B {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___6ddUY {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___6ddUY {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___HX7YL {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___II1i2 {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___HX7YL {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___nqE60 {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___HX7YL {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___HX7YL {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__dividaAtivaLogoContainer___k6PDu {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 4px;\r\n}\r\n\r\n.header-module__IconMenu___guscJ {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n";
|
|
8801
|
+
var styles$h = {"separator_background":"header-module__separator_background___Sicie","headerContentWrapper":"header-module__headerContentWrapper___3CWPS","container":"header-module__container___pv1f6","wrapperMenu":"header-module__wrapperMenu___qgf2-","iconLogo":"header-module__iconLogo___Sr8Ih","verticalDivider":"header-module__verticalDivider___j6I1p","containerHeaderIndex":"header-module__containerHeaderIndex___6ddUY","set_shadow":"header-module__set_shadow___Wwh0E","limitedWidth":"header-module__limitedWidth___PhM7B","iconLogoCASC":"header-module__iconLogoCASC___HX7YL","iconLogoPGE":"header-module__iconLogoPGE___II1i2","responsiveCASC":"header-module__responsiveCASC___nqE60","dividaAtivaLogoContainer":"header-module__dividaAtivaLogoContainer___k6PDu","IconMenu":"header-module__IconMenu___guscJ"};
|
|
8802
|
+
styleInject(css_248z$h);
|
|
8787
8803
|
|
|
8788
8804
|
var HeaderPge = function (_a) {
|
|
8789
8805
|
var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, brandLogos = _a.brandLogos;
|
|
8790
8806
|
return (React.createElement(React.Fragment, null,
|
|
8791
|
-
React.createElement("div", { className: styles$
|
|
8792
|
-
React.createElement("header", { className: "".concat(styles$
|
|
8793
|
-
React.createElement("div", { className: styles$
|
|
8794
|
-
React.createElement("div", { className: "".concat(styles$
|
|
8795
|
-
React.createElement("div", { className: styles$
|
|
8796
|
-
React.createElement("div", { className: styles$
|
|
8807
|
+
React.createElement("div", { className: styles$h.separator_background }),
|
|
8808
|
+
React.createElement("header", { className: "".concat(styles$h.containerHeaderIndex, " ").concat(isRHDigital || isCASC ? "" : styles$h.set_shadow, " ").concat(isResponsiveCASC && isCASC ? styles$h.responsiveCASC : "") },
|
|
8809
|
+
React.createElement("div", { className: styles$h.headerContentWrapper },
|
|
8810
|
+
React.createElement("div", { className: "".concat(styles$h.container, " ").concat(isCASC ? styles$h.limitedWidth : "") },
|
|
8811
|
+
React.createElement("div", { className: styles$h.wrapperMenu },
|
|
8812
|
+
React.createElement("div", { className: styles$h.IconMenu },
|
|
8797
8813
|
React.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
|
|
8798
|
-
isRHDigital && React.createElement(LogoRhDigital, { className: styles$
|
|
8799
|
-
!isRHDigital && !isCASC && (React.createElement("div", { className: styles$
|
|
8814
|
+
isRHDigital && React.createElement(LogoRhDigital, { className: styles$h.iconLogo }),
|
|
8815
|
+
!isRHDigital && !isCASC && (React.createElement("div", { className: styles$h.dividaAtivaLogoContainer }, brandLogos && brandLogos)),
|
|
8800
8816
|
isCASC && !isRHDigital && (React.createElement(React.Fragment, null,
|
|
8801
|
-
React.createElement(LogoPGERG, { className: "".concat(styles$
|
|
8802
|
-
React.createElement("div", { className: styles$
|
|
8803
|
-
React.createElement(LogoCASC, { className: "".concat(styles$
|
|
8817
|
+
React.createElement(LogoPGERG, { className: "".concat(styles$h.iconLogo, " ").concat(styles$h.iconLogoPGE) }),
|
|
8818
|
+
React.createElement("div", { className: styles$h.verticalDivider }),
|
|
8819
|
+
React.createElement(LogoCASC, { className: "".concat(styles$h.iconLogoCASC) })))),
|
|
8804
8820
|
!isCASC && (React.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })),
|
|
8805
8821
|
isCASC && (React.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: isCASC, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })))))));
|
|
8806
8822
|
};
|
|
8807
8823
|
|
|
8808
|
-
var css_248z$
|
|
8809
|
-
var styles$
|
|
8810
|
-
styleInject(css_248z$
|
|
8824
|
+
var css_248z$g = ".styles-module__title__home___IHOVr {\r\n font-size: 24px;\r\n font-weight: 700;\r\n text-align: left;\r\n color: #005a92;\r\n\r\n @media (max-width: 764px) {\r\n font-size: 16px;\r\n }\r\n}\r\n";
|
|
8825
|
+
var styles$g = {"title__home":"styles-module__title__home___IHOVr"};
|
|
8826
|
+
styleInject(css_248z$g);
|
|
8811
8827
|
|
|
8812
8828
|
var Title$1 = function (_a) {
|
|
8813
8829
|
var title = _a.title;
|
|
8814
|
-
return React.createElement("h1", { className: styles$
|
|
8830
|
+
return React.createElement("h1", { className: styles$g.title__home }, title);
|
|
8815
8831
|
};
|
|
8816
8832
|
|
|
8817
|
-
var css_248z$
|
|
8818
|
-
var styles$
|
|
8819
|
-
styleInject(css_248z$
|
|
8833
|
+
var css_248z$f = ".styles-module__tableResponsive___X3Pht {\r\n overflow-x: auto;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponsive___X3Pht.styles-module__hadBottomRounded___DUWJQ {\r\n border-bottom-left-radius: 0.75rem;\r\n border-bottom-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponse__setBorderRadius___KbRux {\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__table___u86d0 {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-radius: 8px 8px 0px 0px;\r\n}\r\n\r\n.styles-module__thead___31Y6o {\r\n background-color: var(--color-primary);\r\n color: #fff;\r\n border-radius: 8px 8px 0px 0px;\r\n height: 40px;\r\n}\r\n\r\n.styles-module__th___HfMyp {\r\n padding: 0px 30px 0px 24px;\r\n position: relative;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 19.07px;\r\n text-align: left;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__sortableTh___qUpBb {\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__left___aIlAN {\r\n justify-content: left;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__center___ATHmE {\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__right___gFq1h {\r\n justify-content: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__sortIndicator___TCKlV {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__sortAsc___FSCqV,\r\n.styles-module__sortDesc___gqFDu {\r\n margin: 0 2px;\r\n}\r\n\r\n.styles-module__tbody___gl0AK {\r\n border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.styles-module__rowWhite___ANenF {\r\n background-color: var(--background-color-table-primary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__rowGray___Fq6QZ {\r\n background-color: var(--background-color-table-secondary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__tr___0ZMLo:hover {\r\n background-color: #e0f7fa;\r\n}\r\n\r\n.styles-module__td___qg16D {\r\n text-align: start;\r\n padding: 8px 24px;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__noRecords___rkZTs {\r\n padding: 28px;\r\n text-align: center;\r\n color: var(--table-text-color);\r\n}\r\n\r\n.styles-module__actionHeader___GMevA {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__actionIcon___knjpp {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #ff0000;\r\n font-size: var(--font-size-16, 16px);\r\n padding: 0;\r\n margin: 0;\r\n}\r\n";
|
|
8834
|
+
var styles$f = {"tableResponsive":"styles-module__tableResponsive___X3Pht","hadBottomRounded":"styles-module__hadBottomRounded___DUWJQ","tableResponse__setBorderRadius":"styles-module__tableResponse__setBorderRadius___KbRux","table":"styles-module__table___u86d0","thead":"styles-module__thead___31Y6o","th":"styles-module__th___HfMyp","sortableTh":"styles-module__sortableTh___qUpBb","left":"styles-module__left___aIlAN","center":"styles-module__center___ATHmE","right":"styles-module__right___gFq1h","tableHeadContainer":"styles-module__tableHeadContainer___npyid","sortIndicator":"styles-module__sortIndicator___TCKlV","sortAsc":"styles-module__sortAsc___FSCqV","sortDesc":"styles-module__sortDesc___gqFDu","tbody":"styles-module__tbody___gl0AK","rowWhite":"styles-module__rowWhite___ANenF","rowGray":"styles-module__rowGray___Fq6QZ","tr":"styles-module__tr___0ZMLo","td":"styles-module__td___qg16D","noRecords":"styles-module__noRecords___rkZTs","actionHeader":"styles-module__actionHeader___GMevA","actionCell":"styles-module__actionCell___kijis","actionIcon":"styles-module__actionIcon___knjpp"};
|
|
8835
|
+
styleInject(css_248z$f);
|
|
8820
8836
|
|
|
8821
8837
|
var TableComponent = function (_a) {
|
|
8822
8838
|
var _b;
|
|
@@ -8837,29 +8853,29 @@ var TableComponent = function (_a) {
|
|
|
8837
8853
|
" ",
|
|
8838
8854
|
columnIcon && columnIcon));
|
|
8839
8855
|
};
|
|
8840
|
-
return (React.createElement("div", { className: clsx(styles$
|
|
8841
|
-
_b[styles$
|
|
8842
|
-
_b[styles$
|
|
8856
|
+
return (React.createElement("div", { className: clsx(styles$f.tableResponsive, (_b = {},
|
|
8857
|
+
_b[styles$f.tableResponse__setBorderRadius] = setBorderTable,
|
|
8858
|
+
_b[styles$f.hadBottomRounded] = hasBottomRounded,
|
|
8843
8859
|
_b)) },
|
|
8844
8860
|
" ",
|
|
8845
|
-
React.createElement("table", { className: styles$
|
|
8846
|
-
React.createElement("thead", { className: styles$
|
|
8861
|
+
React.createElement("table", { className: styles$f.table },
|
|
8862
|
+
React.createElement("thead", { className: styles$f.thead },
|
|
8847
8863
|
React.createElement("tr", null,
|
|
8848
|
-
columns.map(function (column) { return (React.createElement("th", { key: column.uid, className: "".concat(styles$
|
|
8849
|
-
React.createElement("div", { className: "".concat(styles$
|
|
8850
|
-
hasIcon && (React.createElement("th", { className: "".concat(styles$
|
|
8864
|
+
columns.map(function (column) { return (React.createElement("th", { key: column.uid, className: "".concat(styles$f.th, " ").concat(column.sortable ? styles$f.sortableTh : ""), onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8865
|
+
React.createElement("div", { className: "".concat(styles$f.tableHeadContainer, " ").concat(styles$f[textAlignment]) }, handleRenderHeaderCell(column.name, column.sortable, columnIcon)))); }),
|
|
8866
|
+
hasIcon && (React.createElement("th", { className: "".concat(styles$f.th, " ").concat(styles$f[textAlignment]) },
|
|
8851
8867
|
iconColumnName || "Ações",
|
|
8852
8868
|
" ",
|
|
8853
8869
|
columnIcon && columnIcon)))),
|
|
8854
|
-
React.createElement("tbody", { className: styles$
|
|
8855
|
-
columns.map(function (column) { return (React.createElement("td", { key: item.id + column.uid, className: "".concat(styles$
|
|
8856
|
-
hasIcon && (React.createElement("td", { className: "".concat(styles$
|
|
8857
|
-
React.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$
|
|
8870
|
+
React.createElement("tbody", { className: styles$f.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React.createElement("tr", { key: item.id || index, className: clsx(index % 2 === 0 ? styles$f.rowWhite : styles$f.rowGray, getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(item, index)) },
|
|
8871
|
+
columns.map(function (column) { return (React.createElement("td", { key: item.id + column.uid, className: "".concat(styles$f.td, " ").concat(styles$f[textAlignment]) }, renderColumnCell(item, column))); }),
|
|
8872
|
+
hasIcon && (React.createElement("td", { className: "".concat(styles$f.actionCell, " ").concat(styles$f[textAlignment]) }, renderActionIconCell(item))))); })) : (React.createElement("tr", null,
|
|
8873
|
+
React.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
|
|
8858
8874
|
};
|
|
8859
8875
|
|
|
8860
|
-
var css_248z$
|
|
8861
|
-
var styles$
|
|
8862
|
-
styleInject(css_248z$
|
|
8876
|
+
var css_248z$e = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n background-color: #eeeeee !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___-s-pG {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n#styles-module__inputwrapper___4UacS {\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G:focus-within {\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px;\r\n border: none; \r\n border-radius: 0; \r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G {\r\n display: inline-flex;\r\n align-items: center;\r\n border-radius: 8px;\r\n border: 1px solid var(--color-border);\r\n}\r\n\r\n.styles-module__calendarError___UUWT4 {\r\n border: 1px solid #CB0A0A;\r\n box-shadow: 0 0 0 2px rgba(203,10,10,0.5);\r\n}\r\n\r\n.styles-module__calendarFocus___B899c {\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px;\r\n border: none;\r\n border-radius: 0;\r\n}\r\n\r\n.p-calendar .p-inputtext,\r\n.p-calendar .p-button-icon-only {\r\n border: none !important;\r\n box-shadow: none !important;\r\n}\r\n";
|
|
8877
|
+
var styles$e = {"textInput":"styles-module__textInput___gaz7I","inputContainer":"styles-module__inputContainer___fmTYP","iconWrapper":"styles-module__iconWrapper___H3Icv","labelRequired":"styles-module__labelRequired___4ewKH","titleLabel":"styles-module__titleLabel___6M8ua","labelInput":"styles-module__labelInput___wWffN","textInputDanger":"styles-module__textInputDanger___YqaWP","password-input-container":"styles-module__password-input-container___o0AsP","inputTextPswUser":"styles-module__inputTextPswUser___0xWHh","buttonTextPswUser":"styles-module__buttonTextPswUser___-UY3m","error":"styles-module__error___Uy-55","iconEye":"styles-module__iconEye___MiJMN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","iconWrapperLeft":"styles-module__iconWrapperLeft___mzyII","iconWrapperRight":"styles-module__iconWrapperRight___-s-pG","inputwrapper":"styles-module__inputwrapper___4UacS","buttonDisplay":"styles-module__buttonDisplay___tNJLk","errorRequired":"styles-module__errorRequired___YsP4q","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
|
|
8878
|
+
styleInject(css_248z$e);
|
|
8863
8879
|
|
|
8864
8880
|
function _arrayWithHoles$5(arr) {
|
|
8865
8881
|
if (Array.isArray(arr)) return arr;
|
|
@@ -12908,7 +12924,7 @@ function _slicedToArray$3(arr, i) {
|
|
|
12908
12924
|
return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$5(arr, i) || _nonIterableRest$3();
|
|
12909
12925
|
}
|
|
12910
12926
|
|
|
12911
|
-
var styles$
|
|
12927
|
+
var styles$d = "\n@layer primereact {\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;\n }\n}\n\n@keyframes ripple {\n 100% {\n opacity: 0;\n transform: scale(2.5);\n }\n}\n\n";
|
|
12912
12928
|
var classes$4 = {
|
|
12913
12929
|
root: 'p-ink'
|
|
12914
12930
|
};
|
|
@@ -12918,7 +12934,7 @@ var RippleBase = ComponentBase.extend({
|
|
|
12918
12934
|
children: undefined
|
|
12919
12935
|
},
|
|
12920
12936
|
css: {
|
|
12921
|
-
styles: styles$
|
|
12937
|
+
styles: styles$d,
|
|
12922
12938
|
classes: classes$4
|
|
12923
12939
|
},
|
|
12924
12940
|
getProps: function getProps(props) {
|
|
@@ -13290,7 +13306,7 @@ var inlineStyles = {
|
|
|
13290
13306
|
};
|
|
13291
13307
|
}
|
|
13292
13308
|
};
|
|
13293
|
-
var styles$
|
|
13309
|
+
var styles$c = "\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .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 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.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: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n";
|
|
13294
13310
|
var TooltipBase = ComponentBase.extend({
|
|
13295
13311
|
defaultProps: {
|
|
13296
13312
|
__TYPE: 'Tooltip',
|
|
@@ -13326,7 +13342,7 @@ var TooltipBase = ComponentBase.extend({
|
|
|
13326
13342
|
},
|
|
13327
13343
|
css: {
|
|
13328
13344
|
classes: classes$3,
|
|
13329
|
-
styles: styles$
|
|
13345
|
+
styles: styles$c,
|
|
13330
13346
|
inlineStyles: inlineStyles
|
|
13331
13347
|
}
|
|
13332
13348
|
});
|
|
@@ -13928,7 +13944,7 @@ var classes$1$1 = {
|
|
|
13928
13944
|
}, "p-badge-".concat(props.severity), props.severity !== null));
|
|
13929
13945
|
}
|
|
13930
13946
|
};
|
|
13931
|
-
var styles$
|
|
13947
|
+
var styles$b = "\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 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: .5rem;\n min-width: .5rem;\n height: .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";
|
|
13932
13948
|
var BadgeBase = ComponentBase.extend({
|
|
13933
13949
|
defaultProps: {
|
|
13934
13950
|
__TYPE: 'Badge',
|
|
@@ -13942,7 +13958,7 @@ var BadgeBase = ComponentBase.extend({
|
|
|
13942
13958
|
},
|
|
13943
13959
|
css: {
|
|
13944
13960
|
classes: classes$1$1,
|
|
13945
|
-
styles: styles$
|
|
13961
|
+
styles: styles$b
|
|
13946
13962
|
}
|
|
13947
13963
|
});
|
|
13948
13964
|
|
|
@@ -17107,7 +17123,7 @@ function _slicedToArray(arr, i) {
|
|
|
17107
17123
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
|
|
17108
17124
|
}
|
|
17109
17125
|
|
|
17110
|
-
var styles$
|
|
17126
|
+
var styles$a = "\n@layer primereact {\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";
|
|
17111
17127
|
var classes = {
|
|
17112
17128
|
root: function root(_ref) {
|
|
17113
17129
|
var props = _ref.props,
|
|
@@ -17298,7 +17314,7 @@ var CalendarBase = ComponentBase.extend({
|
|
|
17298
17314
|
},
|
|
17299
17315
|
css: {
|
|
17300
17316
|
classes: classes,
|
|
17301
|
-
styles: styles$
|
|
17317
|
+
styles: styles$a
|
|
17302
17318
|
}
|
|
17303
17319
|
});
|
|
17304
17320
|
|
|
@@ -21049,11 +21065,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
21049
21065
|
}));
|
|
21050
21066
|
Calendar.displayName = 'Calendar';
|
|
21051
21067
|
|
|
21052
|
-
var css_248z$
|
|
21053
|
-
styleInject(css_248z$
|
|
21068
|
+
var css_248z$d = "/**\n * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.\n */";
|
|
21069
|
+
styleInject(css_248z$d);
|
|
21054
21070
|
|
|
21055
|
-
var css_248z$b = ":root {\n font-family: \"Inter var\", sans-serif;\n font-feature-settings: \"cv02\", \"cv03\", \"cv04\", \"cv11\";\n font-variation-settings: normal;\n --font-family: \"Inter var\", sans-serif;\n --font-feature-settings: \"cv02\", \"cv03\", \"cv04\", \"cv11\";\n --surface-a: #ffffff;\n --surface-b: #f9fafb;\n --surface-c: #f3f4f6;\n --surface-d: #e5e7eb;\n --surface-e: #ffffff;\n --surface-f: #ffffff;\n --text-color: #4b5563;\n --text-color-secondary: #6b7280;\n --primary-color: #06b6d4;\n --primary-color-text: #ffffff;\n --surface-0: #ffffff;\n --surface-50: #f9fafb;\n --surface-100: #f3f4f6;\n --surface-200: #e5e7eb;\n --surface-300: #d1d5db;\n --surface-400: #9ca3af;\n --surface-500: #6b7280;\n --surface-600: #4b5563;\n --surface-700: #374151;\n --surface-800: #1f2937;\n --surface-900: #111827;\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --content-padding: 1.25rem;\n --inline-spacing: 0.5rem;\n --border-radius: 6px;\n --surface-ground: #f9fafb;\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 #a5f3fc;\n --maskbg: rgba(0, 0, 0, 0.4);\n --highlight-bg: #ecfeff;\n --highlight-text-color: #0e7490;\n color-scheme: light;\n}\n\n@font-face {\n font-family: \"Inter var\";\n font-weight: 100 900;\n font-display: swap;\n font-style: normal;\n font-named-instance: \"Regular\";\n src: url(\"./fonts/InterVariable.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: \"Inter var\";\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n font-named-instance: \"Italic\";\n src: url(\"./fonts/InterVariable-Italic.woff2\") format(\"woff2\");\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:#f3fbfd;\n --primary-100:#c3edf5;\n --primary-200:#94e0ed;\n --primary-300:#65d2e4;\n --primary-400:#35c4dc;\n --primary-500:#06b6d4;\n --primary-600:#059bb4;\n --primary-700:#047f94;\n --primary-800:#036475;\n --primary-900:#024955;\n}\n\n.p-editor-container .p-editor-toolbar {\n background: #f9fafb;\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 #e5e7eb;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {\n stroke: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {\n fill: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n border: 0 none;\n color: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n color: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n stroke: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n fill: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #4b5563;\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: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n color: #4b5563;\n background: #f3f4f6;\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 #e5e7eb;\n}\n.p-editor-container .p-editor-content .ql-editor {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\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: #4b5563;\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: #06b6d4;\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: #06b6d4;\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: #06b6d4;\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: #06b6d4;\n}\n\n@layer primereact {\n * {\n box-sizing: border-box;\n }\n .p-component {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n font-weight: normal;\n }\n .p-component-overlay {\n background-color: rgba(0, 0, 0, 0.4);\n transition-duration: 0.2s;\n }\n .p-disabled, .p-component:disabled {\n opacity: 0.6;\n }\n .p-error {\n color: #e24c4c;\n }\n .p-text-secondary {\n color: #6b7280;\n }\n .pi {\n font-size: 1rem;\n }\n .p-icon {\n width: 1rem;\n height: 1rem;\n }\n .p-link {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n border-radius: 6px;\n }\n .p-link:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-component-overlay-enter {\n animation: p-component-overlay-enter-animation 150ms forwards;\n }\n .p-component-overlay-leave {\n animation: p-component-overlay-leave-animation 150ms forwards;\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 .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 gap: 0.5rem;\n }\n .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\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: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\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: #ecfeff;\n color: #0e7490;\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 .p-autocomplete-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\n background: #ffffff;\n font-weight: 700;\n }\n .p-calendar.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-datepicker {\n padding: 0.5rem;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #d1d5db;\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: #4b5563;\n background: #ffffff;\n font-weight: 600;\n margin: 0;\n border-bottom: 1px solid #e5e7eb;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,\n .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\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: #06b6d4;\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: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker table td > span:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-datepicker table td.p-datepicker-today > span {\n background: #d1d5db;\n color: #4b5563;\n border-color: transparent;\n }\n .p-datepicker table td.p-datepicker-today > span.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker .p-datepicker-buttonbar {\n padding: 1rem 0;\n border-top: 1px solid #e5e7eb;\n }\n .p-datepicker .p-datepicker-buttonbar .p-button {\n width: auto;\n }\n .p-datepicker .p-timepicker {\n border-top: 1px solid #e5e7eb;\n padding: 0.5rem;\n }\n .p-datepicker .p-timepicker button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datepicker .p-timepicker button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #0e7490;\n background: #ecfeff;\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: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {\n border-left: 1px solid #e5e7eb;\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 border-left: 0 none;\n }\n .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {\n padding-right: 0;\n }\n .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {\n background: #f3f4f6;\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 #a5f3fc;\n }\n .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\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 #a5f3fc;\n }\n .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\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 #a5f3fc;\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 #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-cascadeselect:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-cascadeselect.p-variant-filled {\n background-color: #f3f4f6;\n }\n .p-cascadeselect.p-variant-filled:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-cascadeselect.p-variant-filled:enabled:focus {\n background-color: #ffffff;\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: #6b7280;\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: #6b7280;\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 .p-cascadeselect-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {\n margin-top: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {\n margin-bottom: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\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-group-icon {\n font-size: 0.875rem;\n }\n .p-checkbox {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-checkbox-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n cursor: pointer;\n }\n .p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .p-checkbox {\n width: 22px;\n height: 22px;\n }\n .p-checkbox .p-checkbox-input {\n border: 2px solid #d1d5db;\n border-radius: 6px;\n }\n .p-checkbox .p-checkbox-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-checkbox-icon.p-icon {\n width: 14px;\n height: 14px;\n }\n .p-checkbox .p-checkbox-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-checkbox-icon.p-icon {\n width: 14px;\n height: 14px;\n }\n .p-checkbox.p-highlight .p-checkbox-box {\n border-color: #06b6d4;\n background: #06b6d4;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n border-color: #06b6d4;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n border-color: #0e7490;\n background: #0e7490;\n color: #ffffff;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-checkbox.p-invalid > .p-checkbox-box {\n border-color: #e24c4c;\n }\n .p-checkbox.p-variant-filled .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-input-filled .p-checkbox .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-checkbox {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-checkbox-input {\n cursor: pointer;\n }\n .p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .p-tristatecheckbox.p-variant-filled .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-chips {\n display: inline-flex;\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 .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n .p-chips-token-icon {\n cursor: pointer;\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 .p-fluid .p-chips {\n display: flex;\n }\n .p-chips:not(.p-disabled):hover .p-chips-multiple-container {\n border-color: #06b6d4;\n }\n .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-chips .p-chips-multiple-container {\n padding: 0.375rem 0.75rem;\n outline-color: transparent;\n }\n .p-chips .p-chips-multiple-container .p-chips-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\n }\n .p-chips .p-chips-multiple-container .p-chips-token.p-focus {\n background: #e5e7eb;\n color: #4b5563;\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: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\n padding: 0;\n margin: 0;\n }\n .p-chips.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-colorpicker-preview {\n width: 2rem;\n height: 2rem;\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 .p-colorpicker-overlay-panel {\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n .p-dropdown-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\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 .p-dropdown-label-empty {\n overflow: hidden;\n opacity: 0;\n }\n input.p-dropdown-label {\n cursor: default;\n }\n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n }\n .p-dropdown-item-group {\n cursor: auto;\n }\n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-dropdown-filter {\n width: 100%;\n }\n .p-dropdown-filter-container {\n position: relative;\n }\n .p-dropdown-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-fluid .p-dropdown {\n display: flex;\n }\n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n .p-dropdown {\n background: #ffffff;\n border: 1px solid #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-dropdown:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-dropdown.p-variant-filled {\n background: #f3f4f6;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {\n background-color: transparent;\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: #6b7280;\n }\n .p-dropdown .p-dropdown-label:focus, .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: #6b7280;\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: #6b7280;\n right: 3rem;\n }\n .p-dropdown.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-dropdown-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {\n margin-top: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {\n margin-bottom: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {\n position: relative;\n margin-left: -0.5rem;\n margin-right: 0.5rem;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-inputgroup-addon {\n background: #f3f4f6;\n color: #6b7280;\n border-top: 1px solid #d1d5db;\n border-left: 1px solid #d1d5db;\n border-bottom: 1px solid #d1d5db;\n padding: 0.75rem 0.75rem;\n min-width: 3rem;\n }\n .p-inputgroup-addon:last-child {\n border-right: 1px solid #d1d5db;\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 .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 .p-inputgroup .p-float-label:first-child input {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\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 .p-inputgroup .p-float-label:last-child input {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\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 .p-inputnumber.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-inputswitch {\n position: relative;\n display: inline-block;\n }\n .p-inputswitch-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n cursor: pointer;\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 .p-inputswitch-slider:before {\n position: absolute;\n content: \"\";\n top: 50%;\n }\n .p-inputswitch {\n width: 3rem;\n height: 1.75rem;\n }\n .p-inputswitch .p-inputswitch-input {\n border-radius: 30px;\n }\n .p-inputswitch .p-inputswitch-slider {\n background: #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 30px;\n outline-color: transparent;\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-highlight .p-inputswitch-slider {\n background: #06b6d4;\n }\n .p-inputswitch.p-highlight .p-inputswitch-slider:before {\n background: #ffffff;\n transform: translateX(1.25rem);\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {\n background: #b7bcc5;\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {\n background: #0891b2;\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-inputswitch.p-invalid > .p-inputswitch-slider {\n border-color: #e24c4c;\n }\n .p-inputtext {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\n background: #ffffff;\n padding: 0.75rem 0.75rem;\n border: 1px solid #d1d5db;\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 outline-color: transparent;\n }\n .p-inputtext:enabled:hover {\n border-color: #06b6d4;\n }\n .p-inputtext:enabled:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-inputtext.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputtext.p-variant-filled {\n background-color: #f3f4f6;\n }\n .p-inputtext.p-variant-filled:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-inputtext.p-variant-filled:enabled:focus {\n background-color: #ffffff;\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 .p-float-label > label {\n left: 0.75rem;\n color: #6b7280;\n transition-duration: 0.2s;\n }\n .p-float-label > .p-invalid + label {\n color: #e24c4c;\n }\n .p-icon-field-left > .p-inputtext {\n padding-left: 2.5rem;\n }\n .p-icon-field-left.p-float-label > label {\n left: 2.5rem;\n }\n .p-icon-field-right > .p-inputtext {\n padding-right: 2.5rem;\n }\n ::-webkit-input-placeholder {\n color: #6b7280;\n }\n :-moz-placeholder {\n color: #6b7280;\n }\n ::-moz-placeholder {\n color: #6b7280;\n }\n :-ms-input-placeholder {\n color: #6b7280;\n }\n .p-input-filled .p-inputtext {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-inputtext:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-inputtext:enabled:focus {\n background-color: #ffffff;\n }\n .p-inputtext-sm .p-inputtext {\n font-size: 0.875rem;\n padding: 0.65625rem 0.65625rem;\n }\n .p-inputtext-lg .p-inputtext {\n font-size: 1.25rem;\n padding: 0.9375rem 0.9375rem;\n }\n .p-icon-field {\n position: relative;\n }\n .p-icon-field > .p-input-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-fluid .p-icon-field-left,\n .p-fluid .p-icon-field-right {\n width: 100%;\n }\n .p-icon-field-left > .p-input-icon:first-of-type {\n left: 0.75rem;\n color: #6b7280;\n }\n .p-icon-field-right > .p-input-icon:last-of-type {\n right: 0.75rem;\n color: #6b7280;\n }\n .p-inputotp {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .p-inputotp-input {\n text-align: center;\n width: 2.5rem;\n }\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n .p-listbox-item-group {\n cursor: auto;\n }\n .p-listbox-filter-container {\n position: relative;\n }\n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-listbox-filter {\n width: 100%;\n }\n .p-listbox {\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\n }\n .p-listbox .p-listbox-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\n }\n .p-listbox .p-listbox-list {\n padding: 0.75rem 0;\n outline: 0 none;\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: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item:first-child {\n margin-top: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item:last-child {\n margin-bottom: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-listbox .p-listbox-list .p-listbox-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-listbox.p-invalid {\n border-color: #e24c4c;\n }\n .p-mention-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-mention-panel .p-mention-items .p-mention-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-multiselect {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n }\n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n .p-multiselect-token-icon {\n cursor: pointer;\n }\n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\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 .p-multiselect-item-group {\n cursor: auto;\n }\n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\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 .p-fluid .p-multiselect {\n display: flex;\n }\n .p-multiselect {\n background: #ffffff;\n border: 1px solid #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-multiselect:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-multiselect.p-variant-filled {\n background: #f3f4f6;\n }\n .p-multiselect.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\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: #6b7280;\n }\n .p-multiselect.p-multiselect-chip .p-multiselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\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: #6b7280;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-multiselect.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {\n padding: 0.375rem 0.75rem;\n }\n .p-multiselect-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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 .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: #6b7280;\n }\n .p-multiselect-panel .p-multiselect-header .p-checkbox {\n margin-right: 0.5rem;\n }\n .p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n margin-left: 0.5rem;\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {\n margin-top: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {\n margin-bottom: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\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: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-password.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-password-panel {\n padding: 1.25rem;\n background: #ffffff;\n color: #4b5563;\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: #e5e7eb;\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-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-radiobutton-input {\n cursor: pointer;\n }\n .p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\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 .p-radiobutton.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n }\n .p-radiobutton {\n width: 22px;\n height: 22px;\n }\n .p-radiobutton .p-radiobutton-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 2px solid #d1d5db;\n border-radius: 50%;\n }\n .p-radiobutton .p-radiobutton-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-highlight .p-radiobutton-box {\n border-color: #06b6d4;\n background: #06b6d4;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: #06b6d4;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n border-color: #0e7490;\n background: #0e7490;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {\n background-color: #ffffff;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-radiobutton.p-invalid > .p-radiobutton-box {\n border-color: #e24c4c;\n }\n .p-radiobutton.p-variant-filled .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {\n background: #06b6d4;\n }\n .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n background: #0e7490;\n }\n .p-input-filled .p-radiobutton .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {\n background: #06b6d4;\n }\n .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n background: #0e7490;\n }\n .p-rating {\n position: relative;\n display: flex;\n align-items: center;\n }\n .p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n }\n .p-rating.p-readonly .p-rating-item {\n cursor: default;\n }\n .p-rating {\n gap: 0.5rem;\n }\n .p-rating .p-rating-item {\n outline-color: transparent;\n border-radius: 50%;\n }\n .p-rating .p-rating-item .p-rating-icon {\n color: #4b5563;\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-icon {\n width: 1.143rem;\n height: 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.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {\n color: #06b6d4;\n }\n .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {\n color: #06b6d4;\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 .p-selectbutton .p-button {\n background: #ffffff;\n border: 1px solid #d1d5db;\n color: #4b5563;\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: #6b7280;\n }\n .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #4b5563;\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: #374151;\n }\n .p-selectbutton .p-button.p-highlight {\n background: #06b6d4;\n border-color: #06b6d4;\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: #0891b2;\n border-color: #0891b2;\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 .p-slider {\n background: #e5e7eb;\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 #06b6d4;\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 #a5f3fc;\n }\n .p-slider .p-slider-range {\n background: #06b6d4;\n }\n .p-slider:not(.p-disabled) .p-slider-handle:hover {\n background: #06b6d4;\n border-color: #06b6d4;\n }\n .p-treeselect {\n background: #ffffff;\n border: 1px solid #d1d5db;\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: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-treeselect.p-treeselect-clearable .p-treeselect-label {\n padding-right: 1.75rem;\n }\n .p-treeselect.p-variant-filled {\n background: #f3f4f6;\n }\n .p-treeselect.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\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: #6b7280;\n }\n .p-treeselect.p-treeselect-chip .p-treeselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\n }\n .p-treeselect .p-treeselect-trigger {\n background: transparent;\n color: #6b7280;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-treeselect .p-treeselect-clear-icon {\n color: #6b7280;\n right: 3rem;\n }\n .p-treeselect.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {\n padding: 0.375rem 0.75rem;\n }\n .p-treeselect-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {\n padding-right: 3.5rem;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\n background: transparent;\n }\n .p-input-filled .p-treeselect {\n background: #f3f4f6;\n }\n .p-input-filled .p-treeselect:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-treeselect:not(.p-disabled).p-focus {\n background-color: #ffffff;\n }\n .p-togglebutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-togglebutton-input {\n cursor: pointer;\n }\n .p-togglebutton .p-button {\n flex: 1 1 auto;\n }\n .p-togglebutton .p-togglebutton-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n }\n .p-togglebutton .p-button {\n background: #ffffff;\n border: 1px solid #d1d5db;\n color: #4b5563;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\n }\n .p-togglebutton .p-button .p-button-icon-left,\n .p-togglebutton .p-button .p-button-icon-right {\n color: #6b7280;\n }\n .p-togglebutton.p-highlight .p-button {\n background: #06b6d4;\n border-color: #06b6d4;\n color: #ffffff;\n }\n .p-togglebutton.p-highlight .p-button .p-button-icon-left,\n .p-togglebutton.p-highlight .p-button .p-button-icon-right {\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #4b5563;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {\n color: #374151;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {\n background: #0891b2;\n border-color: #0891b2;\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-togglebutton.p-invalid > .p-button {\n border-color: #e24c4c;\n }\n .p-button {\n color: #ffffff;\n background: #06b6d4;\n border: 1px solid #06b6d4;\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:not(:disabled):hover {\n background: #0891b2;\n color: #ffffff;\n border-color: #0891b2;\n }\n .p-button:not(:disabled):active {\n background: #0e7490;\n color: #ffffff;\n border-color: #0e7490;\n }\n .p-button.p-button-outlined {\n background-color: transparent;\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined.p-button-plain {\n color: #6b7280;\n border-color: #6b7280;\n }\n .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-button.p-button-outlined.p-button-plain:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-button.p-button-text {\n background-color: transparent;\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text.p-button-plain {\n color: #6b7280;\n }\n .p-button.p-button-text.p-button-plain:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-button.p-button-text.p-button-plain:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-button .p-button-label {\n transition-duration: 0.2s;\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: #06b6d4;\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 .p-fluid .p-button {\n width: 100%;\n }\n .p-fluid .p-button-icon-only {\n width: 3rem;\n }\n .p-fluid .p-button-group {\n display: flex;\n }\n .p-fluid .p-button-group .p-button {\n flex: 1;\n }\n .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {\n color: #ffffff;\n background: #64748b;\n border: 1px solid #64748b;\n }\n .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {\n background: #475569;\n color: #ffffff;\n border-color: #475569;\n }\n .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #e2e8f0;\n }\n .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {\n background: #334155;\n color: #ffffff;\n border-color: #334155;\n }\n .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(: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, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n }\n .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {\n color: #ffffff;\n background: #0ea5e9;\n border: 1px solid #0ea5e9;\n }\n .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {\n background: #0284c7;\n color: #ffffff;\n border-color: #0284c7;\n }\n .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #bfdbfe;\n }\n .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {\n background: #0369a1;\n color: #ffffff;\n border-color: #0369a1;\n }\n .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {\n background-color: transparent;\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {\n background-color: transparent;\n color: #0ea5e9;\n border-color: transparent;\n }\n .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {\n color: #ffffff;\n background: #22c55e;\n border: 1px solid #22c55e;\n }\n .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {\n background: #16a34a;\n color: #ffffff;\n border-color: #16a34a;\n }\n .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #bbf7d0;\n }\n .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {\n background: #15803d;\n color: #ffffff;\n border-color: #15803d;\n }\n .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(: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, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n }\n .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {\n color: #ffffff;\n background: #f97316;\n border: 1px solid #f97316;\n }\n .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {\n background: #ea580c;\n color: #ffffff;\n border-color: #ea580c;\n }\n .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #fde68a;\n }\n .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {\n background: #c2410c;\n color: #ffffff;\n border-color: #c2410c;\n }\n .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {\n background-color: transparent;\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {\n background-color: transparent;\n color: #f97316;\n border-color: transparent;\n }\n .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n border-color: transparent;\n color: #f97316;\n }\n .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n border-color: transparent;\n color: #f97316;\n }\n .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {\n color: #ffffff;\n background: #a855f7;\n border: 1px solid #a855f7;\n }\n .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {\n background: #9333ea;\n color: #ffffff;\n border-color: #9333ea;\n }\n .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #e9d5ff;\n }\n .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {\n background: #7e22ce;\n color: #ffffff;\n border-color: #7e22ce;\n }\n .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(: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, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\n }\n .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {\n color: #ffffff;\n background: #ef4444;\n border: 1px solid #ef4444;\n }\n .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {\n background: #dc2626;\n color: #ffffff;\n border-color: #dc2626;\n }\n .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #fecaca;\n }\n .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {\n background: #b91c1c;\n color: #ffffff;\n border-color: #b91c1c;\n }\n .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(: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, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\n }\n .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {\n color: #ffffff;\n background: #1f2937;\n border: 1px solid #1f2937;\n }\n .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {\n background: #374151;\n color: #ffffff;\n border-color: #374151;\n }\n .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {\n box-shadow: none;\n }\n .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {\n background: #4b5563;\n color: #ffffff;\n border-color: #4b5563;\n }\n .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {\n background-color: transparent;\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {\n background: rgba(31, 41, 55, 0.04);\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {\n background: rgba(31, 41, 55, 0.16);\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {\n background-color: transparent;\n color: #1f2937;\n border-color: transparent;\n }\n .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {\n background: rgba(31, 41, 55, 0.04);\n border-color: transparent;\n color: #1f2937;\n }\n .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {\n background: rgba(31, 41, 55, 0.16);\n border-color: transparent;\n color: #1f2937;\n }\n .p-button.p-button-link {\n color: #0e7490;\n background: transparent;\n border: transparent;\n }\n .p-button.p-button-link:not(:disabled):hover {\n background: transparent;\n color: #0e7490;\n border-color: transparent;\n }\n .p-button.p-button-link:not(:disabled):hover .p-button-label {\n text-decoration: underline;\n }\n .p-button.p-button-link:not(:disabled):focus {\n background: transparent;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: transparent;\n }\n .p-button.p-button-link:not(:disabled):active {\n background: transparent;\n color: #0e7490;\n border-color: transparent;\n }\n .p-splitbutton {\n border-radius: 6px;\n }\n .p-splitbutton.p-button-outlined > .p-button {\n background-color: transparent;\n color: #06b6d4;\n border: 1px solid;\n }\n .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n }\n .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button {\n color: #6b7280;\n border-color: #6b7280;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-splitbutton.p-button-text > .p-button {\n background-color: transparent;\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text > .p-button:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button {\n color: #6b7280;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\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-only {\n width: auto;\n }\n .p-splitbutton.p-button-lg > .p-button .p-button-icon {\n font-size: 1.25rem;\n }\n .p-splitbutton .p-splitbutton-menubutton,\n .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button {\n background-color: transparent;\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button {\n background-color: transparent;\n color: #0ea5e9;\n border-color: transparent;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n border-color: transparent;\n color: #0ea5e9;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button {\n background-color: transparent;\n color: #f97316;\n border: 1px solid;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button {\n background-color: transparent;\n color: #f97316;\n border-color: transparent;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n border-color: transparent;\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n border-color: transparent;\n color: #f97316;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\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 .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {\n width: 1.3rem;\n height: 1.3rem;\n }\n .p-speeddial-list {\n outline: 0 none;\n }\n .p-speeddial-action {\n width: 3rem;\n height: 3rem;\n background: #4b5563;\n color: #fff;\n }\n .p-speeddial-action:hover {\n background: #022354;\n color: #fff;\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 .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 .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 .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 .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, .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 .p-speeddial-mask {\n background-color: rgba(0, 0, 0, 0.4);\n border-radius: 6px;\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: #6b7280;\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-carousel .p-carousel-content .p-carousel-prev:enabled:hover,\n .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,\n .p-carousel .p-carousel-content .p-carousel-next:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-carousel .p-carousel-content .p-carousel-prev,\n .p-carousel .p-carousel-content .p-carousel-next {\n margin: 0.5rem;\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: #d1d5db;\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: #9ca3af;\n }\n .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background: #ecfeff;\n color: #0e7490;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n }\n .p-datatable .p-datatable-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\n }\n .p-datatable .p-sortable-column .p-sortable-column-icon {\n color: #374151;\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: #0e7490;\n background: #ecfeff;\n margin-left: 0.5rem;\n }\n .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #374151;\n }\n .p-datatable .p-sortable-column.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-datatable .p-sortable-column:focus-visible {\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n outline: 0 none;\n }\n .p-datatable .p-datatable-tbody > tr {\n background: #ffffff;\n color: #4b5563;\n transition: box-shadow 0.2s;\n }\n .p-datatable .p-datatable-tbody > tr > td {\n text-align: left;\n border: 1px solid #e5e7eb;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-datatable-tbody > tr.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #ecfeff;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #ecfeff;\n }\n .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {\n outline: 0.15rem solid #a5f3fc;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable .p-column-resizer-helper {\n background: #06b6d4;\n }\n .p-datatable .p-datatable-scrollable-header,\n .p-datatable .p-datatable-scrollable-footer {\n background: #f9fafb;\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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,\n .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {\n background-color: #f9fafb;\n }\n .p-datatable .p-datatable-loading-icon {\n font-size: 2rem;\n }\n .p-datatable .p-datatable-loading-icon.p-icon {\n width: 2rem;\n height: 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 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {\n border-width: 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {\n border-width: 1px 0 0 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n border-width: 1px 1px 0 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {\n border-width: 1px 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {\n border-width: 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {\n border-width: 1px 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {\n border-width: 1px 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {\n border-width: 0 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {\n border-width: 0 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {\n border-width: 0 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {\n border-width: 0 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {\n border-width: 0 0 0 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {\n border-width: 0 1px 0 1px;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {\n background: #f8f8fa;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {\n background: #f8f8fa;\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 .p-datatable-drag-selection-helper {\n background: rgba(6, 182, 212, 0.16);\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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: #4b5563;\n border: 0 none;\n padding: 0;\n }\n .p-dataview .p-dataview-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 .p-dataview .p-dataview-loading-icon.p-icon {\n width: 2rem;\n height: 2rem;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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: #4b5563;\n border: 0 none;\n padding: 0;\n }\n .p-datascroller.p-datascroller-inline .p-datascroller-list > li {\n border: solid #e5e7eb;\n border-width: 0 0 1px 0;\n }\n .p-datascroller .p-datascroller-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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-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 .p-column-filter-menu-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-column-filter-menu-button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-column-filter-clear-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-column-filter-clear-button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-column-filter-overlay {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #0e7490;\n background: #ecfeff;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n }\n .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-column-filter-overlay-menu .p-column-filter-operator {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\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 .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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\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: #6b7280;\n }\n .p-orderlist .p-orderlist-list {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n outline: 0 none;\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: #4b5563;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {\n background: #f8f8fa;\n }\n .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {\n background: #f3f4f6;\n }\n .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-organizationchart .p-organizationchart-node-content.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {\n color: #6df7ff;\n }\n .p-organizationchart .p-organizationchart-line-down {\n background: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-line-left {\n border-right: 1px solid #e5e7eb;\n border-color: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-line-top {\n border-top: 1px solid #e5e7eb;\n border-color: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-node-content {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-paginator {\n background: #ffffff;\n color: #6b7280;\n border: solid #f3f4f6;\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: #6b7280;\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: #f3f4f6;\n border-color: transparent;\n color: #374151;\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: #6b7280;\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: #6b7280;\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: #ecfeff;\n border-color: #ecfeff;\n color: #0e7490;\n }\n .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {\n background: #f3f4f6;\n border-color: transparent;\n color: #374151;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\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: #6b7280;\n }\n .p-picklist .p-picklist-list {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n outline: 0 none;\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: #4b5563;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-focus {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n .p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-treenode-selectable {\n cursor: pointer;\n user-select: none;\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 overflow: hidden;\n position: relative;\n flex-shrink: 0;\n }\n .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n }\n .p-treenode-content {\n display: flex;\n align-items: center;\n }\n .p-tree-filter {\n width: 100%;\n }\n .p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n }\n .p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-tree-loading {\n position: relative;\n min-height: 4rem;\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 .p-tree {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 1.25rem;\n border-radius: 6px;\n }\n .p-tree .p-tree-container .p-treenode {\n padding: 0.143rem;\n outline: 0 none;\n }\n .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {\n margin-right: 0.5rem;\n color: #6b7280;\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: #4b5563;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {\n background: #ecfeff;\n color: #0e7490;\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: #0e7490;\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: #0e7490;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {\n background: #f3f4f6;\n color: #4b5563;\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: #6b7280;\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-tree-loading-icon.p-icon {\n width: 2rem;\n height: 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: #8af9ff;\n }\n .p-treetable {\n position: relative;\n }\n .p-treetable > .p-treetable-wrapper {\n overflow: auto;\n }\n .p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n .p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n }\n .p-treetable-selectable .p-treetable-tbody > tr {\n cursor: pointer;\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 .p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n }\n .p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n }\n /* Resizable */\n .p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\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 .p-treetable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n }\n .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n }\n .p-treetable .p-column-resizer {\n display: block;\n position: absolute;\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 .p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\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 .p-treetable-scrollable-body {\n overflow: auto;\n position: relative;\n }\n .p-treetable-virtual-table {\n position: absolute;\n }\n /* Frozen Columns */\n .p-treetable-frozen-view .p-treetable-scrollable-body {\n overflow: hidden;\n }\n .p-treetable-unfrozen-view {\n position: absolute;\n top: 0px;\n left: 0px;\n }\n /* Reorder */\n .p-treetable-reorder-indicator-up,\n .p-treetable-reorder-indicator-down {\n position: absolute;\n display: none;\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: 2;\n }\n /* Alignment */\n .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-left,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-left {\n text-align: left;\n justify-content: flex-start;\n }\n .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-right,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-right {\n text-align: right;\n justify-content: flex-end;\n }\n .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-center,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-center {\n text-align: center;\n justify-content: center;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n }\n .p-treetable .p-treetable-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\n }\n .p-treetable .p-sortable-column {\n outline-color: #a5f3fc;\n }\n .p-treetable .p-sortable-column .p-sortable-column-icon {\n color: #374151;\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: #0e7490;\n background: #ecfeff;\n margin-left: 0.5rem;\n }\n .p-treetable .p-sortable-column:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {\n color: #374151;\n }\n .p-treetable .p-sortable-column.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr {\n background: #ffffff;\n color: #4b5563;\n transition: box-shadow 0.2s;\n }\n .p-treetable .p-treetable-tbody > tr > td {\n text-align: left;\n border: 1px solid #e5e7eb;\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: #6b7280;\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-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {\n margin-right: 0.5rem;\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: #4b5563;\n }\n .p-treetable .p-treetable-tbody > tr:focus-visible {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {\n color: #0e7490;\n }\n .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {\n color: #4b5563;\n }\n .p-treetable .p-column-resizer-helper {\n background: #06b6d4;\n }\n .p-treetable .p-treetable-scrollable-header,\n .p-treetable .p-treetable-scrollable-footer {\n background: #f9fafb;\n }\n .p-treetable .p-treetable-loading-icon {\n font-size: 2rem;\n }\n .p-treetable .p-treetable-loading-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {\n background: #f8f8fa;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {\n background: #f8f8fa;\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 .p-timeline .p-timeline-event-marker {\n border: 2px solid #06b6d4;\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: #e5e7eb;\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 .p-accordion .p-accordion-header .p-accordion-header-link {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #6b7280;\n background: #f9fafb;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {\n background: #f9fafb;\n border-color: #e5e7eb;\n color: #374151;\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: #e5e7eb;\n background: #f3f4f6;\n color: #374151;\n }\n .p-accordion .p-accordion-content {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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 .p-card {\n background: #ffffff;\n color: #4b5563;\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: #6b7280;\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 .p-fieldset {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n border-radius: 6px;\n }\n .p-fieldset .p-fieldset-legend {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #374151;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-fieldset .p-fieldset-content {\n padding: 1.25rem;\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 #e5e7eb;\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 #e5e7eb;\n }\n .p-divider.p-divider-vertical .p-divider-content {\n padding: 0.5rem 0;\n }\n .p-panel .p-panel-header {\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n background: #f9fafb;\n color: #374151;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-panel .p-panel-header .p-panel-header-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-panel.p-panel-toggleable .p-panel-header {\n padding: 0.75rem 1.25rem;\n }\n .p-panel:has(> .p-panel-footer) .p-panel-content {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .p-panel .p-panel-content {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n border-top: 0 none;\n }\n .p-splitter {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n border-radius: 6px;\n color: #4b5563;\n }\n .p-splitter .p-splitter-gutter {\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n background: #f9fafb;\n }\n .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {\n background: #e5e7eb;\n }\n .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-splitter .p-splitter-gutter-resizing {\n background: #e5e7eb;\n }\n .p-stepper .p-stepper-nav {\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-stepper .p-stepper-header {\n padding: 0.5rem;\n }\n .p-stepper .p-stepper-header .p-stepper-action {\n transition: box-shadow 0.2s;\n border-radius: 6px;\n background: #ffffff;\n outline-color: transparent;\n }\n .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {\n color: #4b5563;\n border: 1px solid #f3f4f6;\n border-width: 2px;\n background: #ffffff;\n min-width: 2rem;\n height: 2rem;\n line-height: 2rem;\n font-size: 1.143rem;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {\n margin-left: 0.5rem;\n color: #6b7280;\n font-weight: 700;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-number {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-title {\n color: #4b5563;\n }\n .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {\n background-color: #06b6d4;\n }\n .p-stepper .p-stepper-panels {\n background: #ffffff;\n padding: 1.25rem;\n color: #4b5563;\n }\n .p-stepper .p-stepper-separator {\n background-color: #e5e7eb;\n width: 100%;\n height: 2px;\n margin-inline-start: 1rem;\n transition: box-shadow 0.2s;\n }\n .p-stepper.p-stepper-vertical {\n display: flex;\n flex-direction: column;\n }\n .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {\n display: flex;\n flex: 1 1 auto;\n background: #ffffff;\n color: #4b5563;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel {\n display: flex;\n flex-direction: column;\n flex: initial;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {\n flex: 1 1 auto;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {\n flex: initial;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {\n width: 100%;\n padding-left: 1rem;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {\n flex: 0 0 auto;\n width: 2px;\n height: auto;\n margin-inline-start: calc(1.75rem + 2px);\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {\n background-color: #06b6d4;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {\n padding-left: 3rem;\n }\n .p-scrollpanel .p-scrollpanel-bar {\n background: #f9fafb;\n border: 0 none;\n }\n .p-scrollpanel .p-scrollpanel-bar:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-tabview-nav-container {\n position: relative;\n }\n .p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\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 .p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\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 .p-tabview-ink-bar {\n display: none;\n z-index: 1;\n }\n .p-tabview-nav-link:focus {\n z-index: 1;\n }\n .p-tabview-close {\n z-index: 1;\n }\n .p-tabview-title {\n line-height: 1;\n white-space: nowrap;\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 .p-tabview-nav-prev {\n left: 0;\n }\n .p-tabview-nav-next {\n right: 0;\n }\n .p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n }\n .p-tabview .p-tabview-nav {\n background: #ffffff;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #e5e7eb transparent;\n background: #ffffff;\n color: #6b7280;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\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: #9ca3af;\n color: #6b7280;\n }\n .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {\n background: #ffffff;\n border-color: #06b6d4;\n color: #06b6d4;\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: #06b6d4;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\n }\n .p-tabview .p-tabview-panels {\n background: #ffffff;\n padding: 1.25rem;\n border: 0 none;\n color: #4b5563;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .p-toolbar {\n background: #f9fafb;\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n border-radius: 6px;\n gap: 0.5rem;\n }\n .p-toolbar .p-toolbar-separator {\n margin: 0 0.5rem;\n }\n .p-confirm-popup {\n background: #ffffff;\n color: #4b5563;\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: #f2f2f2;\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-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-confirm-popup .p-confirm-popup-message {\n margin-left: 1rem;\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: #374151;\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: #6b7280;\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-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-dialog .p-dialog-header .p-dialog-header-icon {\n margin-right: 0.5rem;\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: #4b5563;\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: #4b5563;\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-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {\n border-radius: 0;\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-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-dialog.p-confirm-dialog .p-confirm-dialog-message {\n margin-left: 1rem;\n }\n .p-overlaypanel {\n background: #ffffff;\n color: #4b5563;\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: #06b6d4;\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: #0891b2;\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 .p-sidebar {\n background: #ffffff;\n color: #4b5563;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,\n .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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 .p-tooltip .p-tooltip-text {\n background: #4b5563;\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: #4b5563;\n }\n .p-tooltip.p-tooltip-left .p-tooltip-arrow {\n border-left-color: #4b5563;\n }\n .p-tooltip.p-tooltip-top .p-tooltip-arrow {\n border-top-color: #4b5563;\n }\n .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {\n border-bottom-color: #4b5563;\n }\n .p-fileupload .p-fileupload-buttonbar {\n background: #f9fafb;\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #374151;\n border-bottom: 0 none;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n gap: 0.5rem;\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 #e5e7eb;\n color: #4b5563;\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 .p-breadcrumb {\n background: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n padding: 1rem;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n }\n .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {\n margin: 0 0.5rem 0 0.5rem;\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {\n color: #6b7280;\n }\n .p-contextmenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\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-contextmenu-root-list {\n outline: 0 none;\n }\n .p-contextmenu .p-submenu-list {\n padding: 0.5rem 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-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-contextmenu .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-contextmenu .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-contextmenu .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-dock .p-dock-list-container {\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-list-container .p-dock-list {\n outline: 0 none;\n }\n .p-dock .p-dock-item {\n padding: 0.5rem;\n border-radius: 6px;\n }\n .p-dock .p-dock-item.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n }\n .p-dock .p-dock-action {\n width: 4rem;\n height: 4rem;\n }\n .p-dock.p-dock-top .p-dock-item-second-prev,\n .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,\n .p-dock.p-dock-bottom .p-dock-item-second-next {\n margin: 0 0.9rem;\n }\n .p-dock.p-dock-top .p-dock-item-prev,\n .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,\n .p-dock.p-dock-bottom .p-dock-item-next {\n margin: 0 1.3rem;\n }\n .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {\n margin: 0 1.5rem;\n }\n .p-dock.p-dock-left .p-dock-item-second-prev,\n .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,\n .p-dock.p-dock-right .p-dock-item-second-next {\n margin: 0.9rem 0;\n }\n .p-dock.p-dock-left .p-dock-item-prev,\n .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,\n .p-dock.p-dock-right .p-dock-item-next {\n margin: 1.3rem 0;\n }\n .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {\n margin: 1.5rem 0;\n }\n .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n overflow-x: auto;\n width: 100%;\n }\n .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n margin: 0 auto;\n }\n .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {\n overflow-y: auto;\n height: 100%;\n }\n .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n margin: auto 0;\n }\n .p-dock.p-dock-mobile .p-dock-list .p-dock-item {\n transform: none;\n margin: 0;\n }\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {\n transform: none;\n margin: 0;\n }\n .p-megamenu {\n padding: 0.5rem;\n background: #f9fafb;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n }\n .p-megamenu .p-megamenu-root-list {\n outline: 0 none;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu .p-megamenu-panel {\n background: #ffffff;\n color: #4b5563;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-megamenu .p-submenu-header {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\n background: #ffffff;\n font-weight: 700;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n .p-megamenu .p-submenu-list {\n padding: 0.5rem 0;\n width: 12.5rem;\n }\n .p-megamenu .p-submenu-list .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-megamenu.p-megamenu-vertical {\n width: 12.5rem;\n padding: 0.5rem 0;\n }\n .p-megamenu .p-megamenu-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-megamenu .p-megamenu-button:hover {\n color: #6b7280;\n background: #f3f4f6;\n }\n .p-megamenu .p-megamenu-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n margin-left: 0.5rem;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n padding: 0.5rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {\n transition: transform 0.2s;\n transform: rotate(90deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-menu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\n }\n .p-menu .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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: #374151;\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 #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-menubar {\n padding: 0.5rem;\n background: #f9fafb;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n }\n .p-menubar .p-menubar-root-list {\n outline: 0 none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n margin-left: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-submenu-list {\n padding: 0.5rem 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-menuitem-separator {\n border-top: 1px solid #e5e7eb;\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-menubar-mobile .p-menubar-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-menubar.p-menubar-mobile .p-menubar-button:hover {\n color: #6b7280;\n background: #f3f4f6;\n }\n .p-menubar.p-menubar-mobile .p-menubar-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list {\n padding: 0.5rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n transition: transform 0.2s;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n .p-menubar.p-menubar-mobile .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-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {\n padding-left: 2.25rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {\n padding-left: 3.75rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {\n padding-left: 5.25rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {\n padding-left: 6.75rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {\n padding-left: 8.25rem;\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: #6b7280;\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: #6b7280;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-menubar .p-menubar-root-list {\n position: absolute;\n display: none;\n padding: 0.5rem 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 #e5e7eb;\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-submenu-icon.p-icon {\n width: 0.875rem;\n height: 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 > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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 {\n outline: 0 none;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {\n border: 1px solid #e5e7eb;\n color: #6b7280;\n background: #f9fafb;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {\n color: #6b7280;\n padding: 1.25rem;\n font-weight: 700;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {\n background: #f9fafb;\n border-color: #e5e7eb;\n color: #374151;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n margin-bottom: 0;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {\n border-color: #e5e7eb;\n background: #f3f4f6;\n color: #374151;\n }\n .p-panelmenu .p-panelmenu-content {\n padding: 0.5rem 0;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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-panelmenu-root-list {\n outline: 0 none;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {\n padding: 0 0 0 1rem;\n }\n .p-panelmenu .p-panelmenu-panel {\n margin-bottom: 4px;\n }\n .p-slidemenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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.5rem 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: #ecfeff;\n }\n .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {\n color: #0e7490;\n }\n .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {\n color: #0e7490;\n }\n .p-slidemenu .p-slidemenu-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-slidemenu .p-slidemenu-icon {\n font-size: 0.875rem;\n }\n .p-slidemenu .p-slidemenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-slidemenu .p-slidemenu-backward {\n padding: 0.75rem 1.25rem;\n color: #4b5563;\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: #4b5563;\n border: 1px solid #f3f4f6;\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: #6b7280;\n }\n .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-number {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-title {\n font-weight: 700;\n color: #4b5563;\n }\n .p-steps .p-steps-item:before {\n content: \" \";\n border-top: 1px solid #e5e7eb;\n width: 100%;\n top: 50%;\n left: 0;\n display: block;\n position: absolute;\n margin-top: -1rem;\n }\n .p-tabmenu .p-tabmenu-nav {\n background: #ffffff;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #e5e7eb transparent;\n background: #ffffff;\n color: #6b7280;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\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: #9ca3af;\n color: #6b7280;\n }\n .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {\n background: #ffffff;\n border-color: #06b6d4;\n color: #06b6d4;\n }\n .p-tieredmenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\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-tieredmenu-root-list {\n outline: 0 none;\n }\n .p-tieredmenu .p-submenu-list {\n padding: 0.5rem 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-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-tieredmenu .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-tieredmenu .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-tieredmenu .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\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: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0px;\n color: #3b82f6;\n }\n .p-inline-message.p-inline-message-info .p-inline-message-icon {\n color: #3b82f6;\n }\n .p-inline-message.p-inline-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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-icon.p-icon {\n width: 1rem;\n height: 1rem;\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 .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.5);\n }\n .p-message .p-message-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-message.p-message-info {\n background: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0 0 0 6px;\n color: #3b82f6;\n }\n .p-message.p-message-info .p-message-icon {\n color: #3b82f6;\n }\n .p-message.p-message-info .p-message-close {\n color: #3b82f6;\n }\n .p-message.p-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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: 500;\n }\n .p-message .p-message-icon {\n font-size: 1.5rem;\n margin-right: 0.5rem;\n }\n .p-message .p-message-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-message .p-message-summary {\n font-weight: 700;\n }\n .p-message .p-message-detail {\n margin-left: 0.5rem;\n }\n .p-toast {\n opacity: 1;\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 }\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-message-icon.p-icon {\n width: 2rem;\n height: 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.5);\n }\n .p-toast .p-toast-message .p-toast-icon-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-toast .p-toast-message.p-toast-message-info {\n background: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0 0 0 6px;\n color: #3b82f6;\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: #3b82f6;\n }\n .p-toast .p-toast-message.p-toast-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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 .p-galleria .p-galleria-close {\n margin: 0.5rem;\n background: transparent;\n color: #f9fafb;\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 .p-galleria-close-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-galleria .p-galleria-close:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f9fafb;\n }\n .p-galleria .p-galleria-item-nav {\n background: transparent;\n color: #f9fafb;\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 .p-galleria-item-prev-icon.p-icon,\n .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f9fafb;\n }\n .p-galleria .p-galleria-caption {\n background: rgba(0, 0, 0, 0.5);\n color: #f9fafb;\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: #d1d5db;\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: #9ca3af;\n }\n .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .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, .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: #ecfeff;\n color: #0e7490;\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: #f9fafb;\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: #f9fafb;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-galleria-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\n }\n .p-image-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\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 .p-image-preview-indicator .p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-image-preview-container:hover > .p-image-preview-indicator {\n background-color: rgba(0, 0, 0, 0.5);\n }\n .p-image-toolbar {\n padding: 1rem;\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 span {\n font-size: 1.5rem;\n }\n .p-image-action.p-link .p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-avatar {\n background-color: #e5e7eb;\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 .p-avatar-circle {\n border-radius: 50%;\n }\n .p-avatar-group .p-avatar {\n border: 2px solid #ffffff;\n }\n .p-chip {\n background-color: #e5e7eb;\n color: #4b5563;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-chip .p-chip-remove-icon:focus {\n outline: 0 none;\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: #f9fafb;\n }\n .p-scrolltop .p-scrolltop-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-skeleton {\n background-color: #e5e7eb;\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 .p-tag {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-tag.p-tag-warning {\n background-color: #f97316;\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 .p-tag .p-tag-icon.p-icon {\n width: 0.75rem;\n height: 0.75rem;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-inplace .p-inplace-display:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-metergroup .p-metergroup-meter-container {\n background: #e5e7eb;\n border-radius: 6px;\n }\n .p-metergroup .p-metergroup-meter {\n border: 0 none;\n background: #06b6d4;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {\n line-height: 1.5rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {\n background: #06b6d4;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 100%;\n margin-right: 0.5rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label {\n margin-right: 1rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {\n width: 1rem;\n height: 1rem;\n margin-right: 0.5rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {\n height: 0.5rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {\n margin-bottom: 1rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {\n margin-top: 1rem;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {\n width: 0.5rem;\n height: 100%;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {\n margin-left: 1rem;\n }\n .p-progressbar {\n border: 0 none;\n height: 1.5rem;\n background: #e5e7eb;\n border-radius: 6px;\n }\n .p-progressbar .p-progressbar-value {\n border: 0 none;\n margin: 0;\n background: #06b6d4;\n }\n .p-progressbar .p-progressbar-label {\n color: #ffffff;\n line-height: 1.5rem;\n }\n .p-terminal {\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n }\n .p-terminal .p-terminal-input {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n }\n .p-badge {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-badge.p-badge-warning {\n background-color: #f97316;\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 .p-tag {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-tag.p-tag-warning {\n background-color: #f97316;\n color: #ffffff;\n }\n .p-tag.p-tag-danger {\n background-color: #ef4444;\n color: #ffffff;\n }\n}\n@layer primereact {\n .p-button-label {\n font-weight: 700;\n }\n .p-selectbutton > .p-button,\n .p-togglebutton.p-button {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\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 .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\n }\n .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background-color: #06b6d4;\n }\n .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background-color: #06b6d4;\n }\n .p-button:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 rgb(0, 0, 0);\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 rgb(0, 0, 0);\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 rgb(0, 0, 0);\n }\n .p-button.p-button-info:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);\n }\n .p-button.p-button-warning:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);\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 rgb(0, 0, 0);\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 rgb(0, 0, 0);\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #06b6d4;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #06b6d4;\n }\n .p-speeddial-item.p-focus > .p-speeddial-action {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 rgb(0, 0, 0);\n }\n .p-toast-message {\n backdrop-filter: blur(10px);\n }\n .p-inline-message-text {\n font-weight: 500;\n }\n .p-picklist-buttons .p-button,\n .p-orderlist-controls .p-button {\n transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-number {\n background: #06b6d4;\n color: #ffffff;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-number {\n background: #06b6d4;\n color: #ffffff;\n }\n}\n";
|
|
21056
|
-
styleInject(css_248z$
|
|
21071
|
+
var css_248z$c = ":root {\n font-family: \"Inter var\", sans-serif;\n font-feature-settings: \"cv02\", \"cv03\", \"cv04\", \"cv11\";\n font-variation-settings: normal;\n --font-family: \"Inter var\", sans-serif;\n --font-feature-settings: \"cv02\", \"cv03\", \"cv04\", \"cv11\";\n --surface-a: #ffffff;\n --surface-b: #f9fafb;\n --surface-c: #f3f4f6;\n --surface-d: #e5e7eb;\n --surface-e: #ffffff;\n --surface-f: #ffffff;\n --text-color: #4b5563;\n --text-color-secondary: #6b7280;\n --primary-color: #06b6d4;\n --primary-color-text: #ffffff;\n --surface-0: #ffffff;\n --surface-50: #f9fafb;\n --surface-100: #f3f4f6;\n --surface-200: #e5e7eb;\n --surface-300: #d1d5db;\n --surface-400: #9ca3af;\n --surface-500: #6b7280;\n --surface-600: #4b5563;\n --surface-700: #374151;\n --surface-800: #1f2937;\n --surface-900: #111827;\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --content-padding: 1.25rem;\n --inline-spacing: 0.5rem;\n --border-radius: 6px;\n --surface-ground: #f9fafb;\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 #a5f3fc;\n --maskbg: rgba(0, 0, 0, 0.4);\n --highlight-bg: #ecfeff;\n --highlight-text-color: #0e7490;\n color-scheme: light;\n}\n\n@font-face {\n font-family: \"Inter var\";\n font-weight: 100 900;\n font-display: swap;\n font-style: normal;\n font-named-instance: \"Regular\";\n src: url(\"./fonts/InterVariable.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: \"Inter var\";\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n font-named-instance: \"Italic\";\n src: url(\"./fonts/InterVariable-Italic.woff2\") format(\"woff2\");\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:#f3fbfd;\n --primary-100:#c3edf5;\n --primary-200:#94e0ed;\n --primary-300:#65d2e4;\n --primary-400:#35c4dc;\n --primary-500:#06b6d4;\n --primary-600:#059bb4;\n --primary-700:#047f94;\n --primary-800:#036475;\n --primary-900:#024955;\n}\n\n.p-editor-container .p-editor-toolbar {\n background: #f9fafb;\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 #e5e7eb;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {\n stroke: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {\n fill: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n border: 0 none;\n color: #6b7280;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n color: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n stroke: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n fill: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #4b5563;\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: #4b5563;\n}\n.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n color: #4b5563;\n background: #f3f4f6;\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 #e5e7eb;\n}\n.p-editor-container .p-editor-content .ql-editor {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\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: #4b5563;\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: #06b6d4;\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: #06b6d4;\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: #06b6d4;\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: #06b6d4;\n}\n\n@layer primereact {\n * {\n box-sizing: border-box;\n }\n .p-component {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n font-weight: normal;\n }\n .p-component-overlay {\n background-color: rgba(0, 0, 0, 0.4);\n transition-duration: 0.2s;\n }\n .p-disabled, .p-component:disabled {\n opacity: 0.6;\n }\n .p-error {\n color: #e24c4c;\n }\n .p-text-secondary {\n color: #6b7280;\n }\n .pi {\n font-size: 1rem;\n }\n .p-icon {\n width: 1rem;\n height: 1rem;\n }\n .p-link {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n border-radius: 6px;\n }\n .p-link:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-component-overlay-enter {\n animation: p-component-overlay-enter-animation 150ms forwards;\n }\n .p-component-overlay-leave {\n animation: p-component-overlay-leave-animation 150ms forwards;\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 .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 gap: 0.5rem;\n }\n .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\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: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\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: #ecfeff;\n color: #0e7490;\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 .p-autocomplete-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\n background: #ffffff;\n font-weight: 700;\n }\n .p-calendar.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-datepicker {\n padding: 0.5rem;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #d1d5db;\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: #4b5563;\n background: #ffffff;\n font-weight: 600;\n margin: 0;\n border-bottom: 1px solid #e5e7eb;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,\n .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\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: #06b6d4;\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: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker table td > span:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-datepicker table td.p-datepicker-today > span {\n background: #d1d5db;\n color: #4b5563;\n border-color: transparent;\n }\n .p-datepicker table td.p-datepicker-today > span.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker .p-datepicker-buttonbar {\n padding: 1rem 0;\n border-top: 1px solid #e5e7eb;\n }\n .p-datepicker .p-datepicker-buttonbar .p-button {\n width: auto;\n }\n .p-datepicker .p-timepicker {\n border-top: 1px solid #e5e7eb;\n padding: 0.5rem;\n }\n .p-datepicker .p-timepicker button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datepicker .p-timepicker button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #0e7490;\n background: #ecfeff;\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: #0e7490;\n background: #ecfeff;\n }\n .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {\n border-left: 1px solid #e5e7eb;\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 border-left: 0 none;\n }\n .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {\n padding-right: 0;\n }\n .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {\n background: #f3f4f6;\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 #a5f3fc;\n }\n .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\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 #a5f3fc;\n }\n .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\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 #a5f3fc;\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 #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-cascadeselect:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-cascadeselect.p-variant-filled {\n background-color: #f3f4f6;\n }\n .p-cascadeselect.p-variant-filled:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-cascadeselect.p-variant-filled:enabled:focus {\n background-color: #ffffff;\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: #6b7280;\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: #6b7280;\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 .p-cascadeselect-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {\n margin-top: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {\n margin-bottom: 0;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\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-group-icon {\n font-size: 0.875rem;\n }\n .p-checkbox {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-checkbox-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n cursor: pointer;\n }\n .p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .p-checkbox {\n width: 22px;\n height: 22px;\n }\n .p-checkbox .p-checkbox-input {\n border: 2px solid #d1d5db;\n border-radius: 6px;\n }\n .p-checkbox .p-checkbox-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-checkbox-icon.p-icon {\n width: 14px;\n height: 14px;\n }\n .p-checkbox .p-checkbox-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-checkbox-icon.p-icon {\n width: 14px;\n height: 14px;\n }\n .p-checkbox.p-highlight .p-checkbox-box {\n border-color: #06b6d4;\n background: #06b6d4;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n border-color: #06b6d4;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n border-color: #0e7490;\n background: #0e7490;\n color: #ffffff;\n }\n .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-checkbox.p-invalid > .p-checkbox-box {\n border-color: #e24c4c;\n }\n .p-checkbox.p-variant-filled .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-input-filled .p-checkbox .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-checkbox {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-checkbox-input {\n cursor: pointer;\n }\n .p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .p-tristatecheckbox.p-variant-filled .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {\n background: #06b6d4;\n }\n .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n background-color: #f3f4f6;\n }\n .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {\n background: #0e7490;\n }\n .p-chips {\n display: inline-flex;\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 .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n .p-chips-token-icon {\n cursor: pointer;\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 .p-fluid .p-chips {\n display: flex;\n }\n .p-chips:not(.p-disabled):hover .p-chips-multiple-container {\n border-color: #06b6d4;\n }\n .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-chips .p-chips-multiple-container {\n padding: 0.375rem 0.75rem;\n outline-color: transparent;\n }\n .p-chips .p-chips-multiple-container .p-chips-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\n }\n .p-chips .p-chips-multiple-container .p-chips-token.p-focus {\n background: #e5e7eb;\n color: #4b5563;\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: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\n padding: 0;\n margin: 0;\n }\n .p-chips.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-colorpicker-preview {\n width: 2rem;\n height: 2rem;\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 .p-colorpicker-overlay-panel {\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n .p-dropdown-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\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 .p-dropdown-label-empty {\n overflow: hidden;\n opacity: 0;\n }\n input.p-dropdown-label {\n cursor: default;\n }\n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n }\n .p-dropdown-item-group {\n cursor: auto;\n }\n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-dropdown-filter {\n width: 100%;\n }\n .p-dropdown-filter-container {\n position: relative;\n }\n .p-dropdown-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-fluid .p-dropdown {\n display: flex;\n }\n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n .p-dropdown {\n background: #ffffff;\n border: 1px solid #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-dropdown:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-dropdown.p-variant-filled {\n background: #f3f4f6;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\n }\n .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {\n background-color: transparent;\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: #6b7280;\n }\n .p-dropdown .p-dropdown-label:focus, .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: #6b7280;\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: #6b7280;\n right: 3rem;\n }\n .p-dropdown.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-dropdown-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {\n margin-top: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {\n margin-bottom: 0;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {\n position: relative;\n margin-left: -0.5rem;\n margin-right: 0.5rem;\n }\n .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-inputgroup-addon {\n background: #f3f4f6;\n color: #6b7280;\n border-top: 1px solid #d1d5db;\n border-left: 1px solid #d1d5db;\n border-bottom: 1px solid #d1d5db;\n padding: 0.75rem 0.75rem;\n min-width: 3rem;\n }\n .p-inputgroup-addon:last-child {\n border-right: 1px solid #d1d5db;\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 .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 .p-inputgroup .p-float-label:first-child input {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\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 .p-inputgroup .p-float-label:last-child input {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\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 .p-inputnumber.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-inputswitch {\n position: relative;\n display: inline-block;\n }\n .p-inputswitch-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n cursor: pointer;\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 .p-inputswitch-slider:before {\n position: absolute;\n content: \"\";\n top: 50%;\n }\n .p-inputswitch {\n width: 3rem;\n height: 1.75rem;\n }\n .p-inputswitch .p-inputswitch-input {\n border-radius: 30px;\n }\n .p-inputswitch .p-inputswitch-slider {\n background: #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 30px;\n outline-color: transparent;\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-highlight .p-inputswitch-slider {\n background: #06b6d4;\n }\n .p-inputswitch.p-highlight .p-inputswitch-slider:before {\n background: #ffffff;\n transform: translateX(1.25rem);\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {\n background: #b7bcc5;\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {\n background: #0891b2;\n }\n .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-inputswitch.p-invalid > .p-inputswitch-slider {\n border-color: #e24c4c;\n }\n .p-inputtext {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n color: #4b5563;\n background: #ffffff;\n padding: 0.75rem 0.75rem;\n border: 1px solid #d1d5db;\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 outline-color: transparent;\n }\n .p-inputtext:enabled:hover {\n border-color: #06b6d4;\n }\n .p-inputtext:enabled:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-inputtext.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputtext.p-variant-filled {\n background-color: #f3f4f6;\n }\n .p-inputtext.p-variant-filled:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-inputtext.p-variant-filled:enabled:focus {\n background-color: #ffffff;\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 .p-float-label > label {\n left: 0.75rem;\n color: #6b7280;\n transition-duration: 0.2s;\n }\n .p-float-label > .p-invalid + label {\n color: #e24c4c;\n }\n .p-icon-field-left > .p-inputtext {\n padding-left: 2.5rem;\n }\n .p-icon-field-left.p-float-label > label {\n left: 2.5rem;\n }\n .p-icon-field-right > .p-inputtext {\n padding-right: 2.5rem;\n }\n ::-webkit-input-placeholder {\n color: #6b7280;\n }\n :-moz-placeholder {\n color: #6b7280;\n }\n ::-moz-placeholder {\n color: #6b7280;\n }\n :-ms-input-placeholder {\n color: #6b7280;\n }\n .p-input-filled .p-inputtext {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-inputtext:enabled:hover {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-inputtext:enabled:focus {\n background-color: #ffffff;\n }\n .p-inputtext-sm .p-inputtext {\n font-size: 0.875rem;\n padding: 0.65625rem 0.65625rem;\n }\n .p-inputtext-lg .p-inputtext {\n font-size: 1.25rem;\n padding: 0.9375rem 0.9375rem;\n }\n .p-icon-field {\n position: relative;\n }\n .p-icon-field > .p-input-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-fluid .p-icon-field-left,\n .p-fluid .p-icon-field-right {\n width: 100%;\n }\n .p-icon-field-left > .p-input-icon:first-of-type {\n left: 0.75rem;\n color: #6b7280;\n }\n .p-icon-field-right > .p-input-icon:last-of-type {\n right: 0.75rem;\n color: #6b7280;\n }\n .p-inputotp {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .p-inputotp-input {\n text-align: center;\n width: 2.5rem;\n }\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n .p-listbox-item-group {\n cursor: auto;\n }\n .p-listbox-filter-container {\n position: relative;\n }\n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-listbox-filter {\n width: 100%;\n }\n .p-listbox {\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\n }\n .p-listbox .p-listbox-header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\n }\n .p-listbox .p-listbox-list {\n padding: 0.75rem 0;\n outline: 0 none;\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: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item:first-child {\n margin-top: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item:last-child {\n margin-bottom: 0;\n }\n .p-listbox .p-listbox-list .p-listbox-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-listbox .p-listbox-list .p-listbox-item-group {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-listbox.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-listbox.p-invalid {\n border-color: #e24c4c;\n }\n .p-mention-panel {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-mention-panel .p-mention-items .p-mention-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-multiselect {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n }\n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n .p-multiselect-token-icon {\n cursor: pointer;\n }\n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\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 .p-multiselect-item-group {\n cursor: auto;\n }\n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\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 .p-fluid .p-multiselect {\n display: flex;\n }\n .p-multiselect {\n background: #ffffff;\n border: 1px solid #d1d5db;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n border-radius: 6px;\n outline-color: transparent;\n }\n .p-multiselect:not(.p-disabled):hover {\n border-color: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-multiselect.p-variant-filled {\n background: #f3f4f6;\n }\n .p-multiselect.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\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: #6b7280;\n }\n .p-multiselect.p-multiselect-chip .p-multiselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\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: #6b7280;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-multiselect.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {\n padding: 0.375rem 0.75rem;\n }\n .p-multiselect-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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 .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: #6b7280;\n }\n .p-multiselect-panel .p-multiselect-header .p-checkbox {\n margin-right: 0.5rem;\n }\n .p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n margin-left: 0.5rem;\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\n background: transparent;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {\n margin-top: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {\n margin-bottom: 0;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {\n color: #4b5563;\n background: #f3f4f6;\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: #374151;\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: #4b5563;\n background: transparent;\n }\n .p-password.p-invalid.p-component > .p-inputtext {\n border-color: #e24c4c;\n }\n .p-password-panel {\n padding: 1.25rem;\n background: #ffffff;\n color: #4b5563;\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: #e5e7eb;\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-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-radiobutton-input {\n cursor: pointer;\n }\n .p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\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 .p-radiobutton.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n }\n .p-radiobutton {\n width: 22px;\n height: 22px;\n }\n .p-radiobutton .p-radiobutton-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 2px solid #d1d5db;\n border-radius: 50%;\n }\n .p-radiobutton .p-radiobutton-box {\n border: 2px solid #d1d5db;\n background: #ffffff;\n width: 22px;\n height: 22px;\n color: #4b5563;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\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-highlight .p-radiobutton-box {\n border-color: #06b6d4;\n background: #06b6d4;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: #06b6d4;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n border-color: #0e7490;\n background: #0e7490;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {\n background-color: #ffffff;\n }\n .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-radiobutton.p-invalid > .p-radiobutton-box {\n border-color: #e24c4c;\n }\n .p-radiobutton.p-variant-filled .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {\n background: #06b6d4;\n }\n .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n background: #0e7490;\n }\n .p-input-filled .p-radiobutton .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {\n background: #06b6d4;\n }\n .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {\n background: #0e7490;\n }\n .p-rating {\n position: relative;\n display: flex;\n align-items: center;\n }\n .p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n }\n .p-rating.p-readonly .p-rating-item {\n cursor: default;\n }\n .p-rating {\n gap: 0.5rem;\n }\n .p-rating .p-rating-item {\n outline-color: transparent;\n border-radius: 50%;\n }\n .p-rating .p-rating-item .p-rating-icon {\n color: #4b5563;\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-icon {\n width: 1.143rem;\n height: 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.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {\n color: #06b6d4;\n }\n .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {\n color: #06b6d4;\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 .p-selectbutton .p-button {\n background: #ffffff;\n border: 1px solid #d1d5db;\n color: #4b5563;\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: #6b7280;\n }\n .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #4b5563;\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: #374151;\n }\n .p-selectbutton .p-button.p-highlight {\n background: #06b6d4;\n border-color: #06b6d4;\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: #0891b2;\n border-color: #0891b2;\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 .p-slider {\n background: #e5e7eb;\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 #06b6d4;\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 #a5f3fc;\n }\n .p-slider .p-slider-range {\n background: #06b6d4;\n }\n .p-slider:not(.p-disabled) .p-slider-handle:hover {\n background: #06b6d4;\n border-color: #06b6d4;\n }\n .p-treeselect {\n background: #ffffff;\n border: 1px solid #d1d5db;\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: #06b6d4;\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 #a5f3fc;\n border-color: #06b6d4;\n }\n .p-treeselect.p-treeselect-clearable .p-treeselect-label {\n padding-right: 1.75rem;\n }\n .p-treeselect.p-variant-filled {\n background: #f3f4f6;\n }\n .p-treeselect.p-variant-filled:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {\n background-color: #ffffff;\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: #6b7280;\n }\n .p-treeselect.p-treeselect-chip .p-treeselect-token {\n padding: 0.375rem 0.75rem;\n margin-right: 0.5rem;\n background: #e5e7eb;\n color: #4b5563;\n border-radius: 16px;\n }\n .p-treeselect .p-treeselect-trigger {\n background: transparent;\n color: #6b7280;\n width: 3rem;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-treeselect .p-treeselect-clear-icon {\n color: #6b7280;\n right: 3rem;\n }\n .p-treeselect.p-invalid.p-component {\n border-color: #e24c4c;\n }\n .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {\n padding: 0.375rem 0.75rem;\n }\n .p-treeselect-panel {\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #6b7280;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {\n padding-right: 3.5rem;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #4b5563;\n background: transparent;\n }\n .p-input-filled .p-treeselect {\n background: #f3f4f6;\n }\n .p-input-filled .p-treeselect:not(.p-disabled):hover {\n background-color: #f3f4f6;\n }\n .p-input-filled .p-treeselect:not(.p-disabled).p-focus {\n background-color: #ffffff;\n }\n .p-togglebutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n }\n .p-togglebutton-input {\n cursor: pointer;\n }\n .p-togglebutton .p-button {\n flex: 1 1 auto;\n }\n .p-togglebutton .p-togglebutton-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n }\n .p-togglebutton .p-button {\n background: #ffffff;\n border: 1px solid #d1d5db;\n color: #4b5563;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n outline-color: transparent;\n }\n .p-togglebutton .p-button .p-button-icon-left,\n .p-togglebutton .p-button .p-button-icon-right {\n color: #6b7280;\n }\n .p-togglebutton.p-highlight .p-button {\n background: #06b6d4;\n border-color: #06b6d4;\n color: #ffffff;\n }\n .p-togglebutton.p-highlight .p-button .p-button-icon-left,\n .p-togglebutton.p-highlight .p-button .p-button-icon-right {\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #4b5563;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {\n color: #374151;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {\n background: #0891b2;\n border-color: #0891b2;\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {\n color: #ffffff;\n }\n .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: #06b6d4;\n }\n .p-togglebutton.p-invalid > .p-button {\n border-color: #e24c4c;\n }\n .p-button {\n color: #ffffff;\n background: #06b6d4;\n border: 1px solid #06b6d4;\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:not(:disabled):hover {\n background: #0891b2;\n color: #ffffff;\n border-color: #0891b2;\n }\n .p-button:not(:disabled):active {\n background: #0e7490;\n color: #ffffff;\n border-color: #0e7490;\n }\n .p-button.p-button-outlined {\n background-color: transparent;\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border: 1px solid;\n }\n .p-button.p-button-outlined.p-button-plain {\n color: #6b7280;\n border-color: #6b7280;\n }\n .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-button.p-button-outlined.p-button-plain:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-button.p-button-text {\n background-color: transparent;\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-button.p-button-text.p-button-plain {\n color: #6b7280;\n }\n .p-button.p-button-text.p-button-plain:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-button.p-button-text.p-button-plain:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-button .p-button-label {\n transition-duration: 0.2s;\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: #06b6d4;\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 .p-fluid .p-button {\n width: 100%;\n }\n .p-fluid .p-button-icon-only {\n width: 3rem;\n }\n .p-fluid .p-button-group {\n display: flex;\n }\n .p-fluid .p-button-group .p-button {\n flex: 1;\n }\n .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {\n color: #ffffff;\n background: #64748b;\n border: 1px solid #64748b;\n }\n .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {\n background: #475569;\n color: #ffffff;\n border-color: #475569;\n }\n .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #e2e8f0;\n }\n .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {\n background: #334155;\n color: #ffffff;\n border-color: #334155;\n }\n .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(: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, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n }\n .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {\n color: #ffffff;\n background: #0ea5e9;\n border: 1px solid #0ea5e9;\n }\n .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {\n background: #0284c7;\n color: #ffffff;\n border-color: #0284c7;\n }\n .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #bfdbfe;\n }\n .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {\n background: #0369a1;\n color: #ffffff;\n border-color: #0369a1;\n }\n .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {\n background-color: transparent;\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {\n background-color: transparent;\n color: #0ea5e9;\n border-color: transparent;\n }\n .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {\n color: #ffffff;\n background: #22c55e;\n border: 1px solid #22c55e;\n }\n .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {\n background: #16a34a;\n color: #ffffff;\n border-color: #16a34a;\n }\n .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #bbf7d0;\n }\n .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {\n background: #15803d;\n color: #ffffff;\n border-color: #15803d;\n }\n .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(: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, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n }\n .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {\n color: #ffffff;\n background: #f97316;\n border: 1px solid #f97316;\n }\n .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {\n background: #ea580c;\n color: #ffffff;\n border-color: #ea580c;\n }\n .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #fde68a;\n }\n .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {\n background: #c2410c;\n color: #ffffff;\n border-color: #c2410c;\n }\n .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {\n background-color: transparent;\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n color: #f97316;\n border: 1px solid;\n }\n .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {\n background-color: transparent;\n color: #f97316;\n border-color: transparent;\n }\n .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n border-color: transparent;\n color: #f97316;\n }\n .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n border-color: transparent;\n color: #f97316;\n }\n .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {\n color: #ffffff;\n background: #a855f7;\n border: 1px solid #a855f7;\n }\n .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {\n background: #9333ea;\n color: #ffffff;\n border-color: #9333ea;\n }\n .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #e9d5ff;\n }\n .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {\n background: #7e22ce;\n color: #ffffff;\n border-color: #7e22ce;\n }\n .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(: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, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\n }\n .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {\n color: #ffffff;\n background: #ef4444;\n border: 1px solid #ef4444;\n }\n .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {\n background: #dc2626;\n color: #ffffff;\n border-color: #dc2626;\n }\n .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {\n box-shadow: 0 0 0 0.2rem #fecaca;\n }\n .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {\n background: #b91c1c;\n color: #ffffff;\n border-color: #b91c1c;\n }\n .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .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:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(: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:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(: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, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .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:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(: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:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\n }\n .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {\n color: #ffffff;\n background: #1f2937;\n border: 1px solid #1f2937;\n }\n .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {\n background: #374151;\n color: #ffffff;\n border-color: #374151;\n }\n .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {\n box-shadow: none;\n }\n .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {\n background: #4b5563;\n color: #ffffff;\n border-color: #4b5563;\n }\n .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {\n background-color: transparent;\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {\n background: rgba(31, 41, 55, 0.04);\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {\n background: rgba(31, 41, 55, 0.16);\n color: #1f2937;\n border: 1px solid;\n }\n .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {\n background-color: transparent;\n color: #1f2937;\n border-color: transparent;\n }\n .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {\n background: rgba(31, 41, 55, 0.04);\n border-color: transparent;\n color: #1f2937;\n }\n .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {\n background: rgba(31, 41, 55, 0.16);\n border-color: transparent;\n color: #1f2937;\n }\n .p-button.p-button-link {\n color: #0e7490;\n background: transparent;\n border: transparent;\n }\n .p-button.p-button-link:not(:disabled):hover {\n background: transparent;\n color: #0e7490;\n border-color: transparent;\n }\n .p-button.p-button-link:not(:disabled):hover .p-button-label {\n text-decoration: underline;\n }\n .p-button.p-button-link:not(:disabled):focus {\n background: transparent;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n border-color: transparent;\n }\n .p-button.p-button-link:not(:disabled):active {\n background: transparent;\n color: #0e7490;\n border-color: transparent;\n }\n .p-splitbutton {\n border-radius: 6px;\n }\n .p-splitbutton.p-button-outlined > .p-button {\n background-color: transparent;\n color: #06b6d4;\n border: 1px solid;\n }\n .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n }\n .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button {\n color: #6b7280;\n border-color: #6b7280;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\n }\n .p-splitbutton.p-button-text > .p-button {\n background-color: transparent;\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(6, 182, 212, 0.04);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text > .p-button:not(:disabled):active {\n background: rgba(6, 182, 212, 0.16);\n color: #06b6d4;\n border-color: transparent;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button {\n color: #6b7280;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {\n background: #f3f4f6;\n color: #6b7280;\n }\n .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {\n background: #e5e7eb;\n color: #6b7280;\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-only {\n width: auto;\n }\n .p-splitbutton.p-button-lg > .p-button .p-button-icon {\n font-size: 1.25rem;\n }\n .p-splitbutton .p-splitbutton-menubutton,\n .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(100, 116, 139, 0.16);\n border-color: transparent;\n color: #64748b;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button {\n background-color: transparent;\n color: #0ea5e9;\n border: 1px solid;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button {\n background-color: transparent;\n color: #0ea5e9;\n border-color: transparent;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(14, 165, 233, 0.04);\n border-color: transparent;\n color: #0ea5e9;\n }\n .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {\n background: rgba(14, 165, 233, 0.16);\n border-color: transparent;\n color: #0ea5e9;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(34, 197, 94, 0.16);\n border-color: transparent;\n color: #22c55e;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button {\n background-color: transparent;\n color: #f97316;\n border: 1px solid;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button {\n background-color: transparent;\n color: #f97316;\n border-color: transparent;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {\n background: rgba(249, 115, 22, 0.04);\n border-color: transparent;\n color: #f97316;\n }\n .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {\n background: rgba(249, 115, 22, 0.16);\n border-color: transparent;\n color: #f97316;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(168, 85, 247, 0.16);\n border-color: transparent;\n color: #a855f7;\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:not(: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:not(: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:not(: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:not(:disabled):active {\n background: rgba(239, 68, 68, 0.16);\n border-color: transparent;\n color: #ef4444;\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 .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {\n width: 1.3rem;\n height: 1.3rem;\n }\n .p-speeddial-list {\n outline: 0 none;\n }\n .p-speeddial-action {\n width: 3rem;\n height: 3rem;\n background: #4b5563;\n color: #fff;\n }\n .p-speeddial-action:hover {\n background: #022354;\n color: #fff;\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 .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 .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 .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 .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, .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 .p-speeddial-mask {\n background-color: rgba(0, 0, 0, 0.4);\n border-radius: 6px;\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: #6b7280;\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-carousel .p-carousel-content .p-carousel-prev:enabled:hover,\n .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,\n .p-carousel .p-carousel-content .p-carousel-next:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-carousel .p-carousel-content .p-carousel-prev,\n .p-carousel .p-carousel-content .p-carousel-next {\n margin: 0.5rem;\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: #d1d5db;\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: #9ca3af;\n }\n .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background: #ecfeff;\n color: #0e7490;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n }\n .p-datatable .p-datatable-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\n }\n .p-datatable .p-sortable-column .p-sortable-column-icon {\n color: #374151;\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: #0e7490;\n background: #ecfeff;\n margin-left: 0.5rem;\n }\n .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #374151;\n }\n .p-datatable .p-sortable-column.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-datatable .p-sortable-column:focus-visible {\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n outline: 0 none;\n }\n .p-datatable .p-datatable-tbody > tr {\n background: #ffffff;\n color: #4b5563;\n transition: box-shadow 0.2s;\n }\n .p-datatable .p-datatable-tbody > tr > td {\n text-align: left;\n border: 1px solid #e5e7eb;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,\n .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-datatable-tbody > tr.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #ecfeff;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #ecfeff;\n }\n .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {\n outline: 0.15rem solid #a5f3fc;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-datatable .p-column-resizer-helper {\n background: #06b6d4;\n }\n .p-datatable .p-datatable-scrollable-header,\n .p-datatable .p-datatable-scrollable-footer {\n background: #f9fafb;\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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,\n .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {\n background-color: #f9fafb;\n }\n .p-datatable .p-datatable-loading-icon {\n font-size: 2rem;\n }\n .p-datatable .p-datatable-loading-icon.p-icon {\n width: 2rem;\n height: 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 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {\n border-width: 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {\n border-width: 1px 0 0 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n border-width: 1px 1px 0 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {\n border-width: 1px 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {\n border-width: 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {\n border-width: 1px 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {\n border-width: 1px 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {\n border-width: 0 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {\n border-width: 0 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {\n border-width: 0 0 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {\n border-width: 0 1px 1px 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {\n border-width: 0 0 0 1px;\n }\n .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {\n border-width: 0 1px 0 1px;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {\n background: #f8f8fa;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {\n color: #0e7490;\n }\n .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {\n background: #f8f8fa;\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 .p-datatable-drag-selection-helper {\n background: rgba(6, 182, 212, 0.16);\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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: #4b5563;\n border: 0 none;\n padding: 0;\n }\n .p-dataview .p-dataview-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 .p-dataview .p-dataview-loading-icon.p-icon {\n width: 2rem;\n height: 2rem;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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: #4b5563;\n border: 0 none;\n padding: 0;\n }\n .p-datascroller.p-datascroller-inline .p-datascroller-list > li {\n border: solid #e5e7eb;\n border-width: 0 0 1px 0;\n }\n .p-datascroller .p-datascroller-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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-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 .p-column-filter-menu-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-column-filter-menu-button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-column-filter-clear-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-column-filter-clear-button:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-column-filter-overlay {\n background: #ffffff;\n color: #4b5563;\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: #4b5563;\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: #0e7490;\n background: #ecfeff;\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: #4b5563;\n background: #f3f4f6;\n }\n .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n }\n .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-column-filter-overlay-menu .p-column-filter-operator {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\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 .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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\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: #6b7280;\n }\n .p-orderlist .p-orderlist-list {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n outline: 0 none;\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: #4b5563;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {\n background: #f8f8fa;\n }\n .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {\n background: #f3f4f6;\n }\n .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-organizationchart .p-organizationchart-node-content.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {\n color: #6df7ff;\n }\n .p-organizationchart .p-organizationchart-line-down {\n background: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-line-left {\n border-right: 1px solid #e5e7eb;\n border-color: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-line-top {\n border-top: 1px solid #e5e7eb;\n border-color: #e5e7eb;\n }\n .p-organizationchart .p-organizationchart-node-content {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-paginator {\n background: #ffffff;\n color: #6b7280;\n border: solid #f3f4f6;\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: #6b7280;\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: #f3f4f6;\n border-color: transparent;\n color: #374151;\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: #6b7280;\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: #6b7280;\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: #ecfeff;\n border-color: #ecfeff;\n color: #0e7490;\n }\n .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {\n background: #f3f4f6;\n border-color: transparent;\n color: #374151;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\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: #6b7280;\n }\n .p-picklist .p-picklist-list {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 0.75rem 0;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n outline: 0 none;\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: #4b5563;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-focus {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-highlight {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n .p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-treenode-selectable {\n cursor: pointer;\n user-select: none;\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 overflow: hidden;\n position: relative;\n flex-shrink: 0;\n }\n .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n }\n .p-treenode-content {\n display: flex;\n align-items: center;\n }\n .p-tree-filter {\n width: 100%;\n }\n .p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n }\n .p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n .p-tree-loading {\n position: relative;\n min-height: 4rem;\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 .p-tree {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n padding: 1.25rem;\n border-radius: 6px;\n }\n .p-tree .p-tree-container .p-treenode {\n padding: 0.143rem;\n outline: 0 none;\n }\n .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {\n margin-right: 0.5rem;\n color: #6b7280;\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: #4b5563;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {\n background: #ecfeff;\n color: #0e7490;\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: #0e7490;\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: #0e7490;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {\n background: #f3f4f6;\n color: #4b5563;\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: #6b7280;\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-tree-loading-icon.p-icon {\n width: 2rem;\n height: 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: #8af9ff;\n }\n .p-treetable {\n position: relative;\n }\n .p-treetable > .p-treetable-wrapper {\n overflow: auto;\n }\n .p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n .p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n }\n .p-treetable-selectable .p-treetable-tbody > tr {\n cursor: pointer;\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 .p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n }\n .p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n }\n /* Resizable */\n .p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\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 .p-treetable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n }\n .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n }\n .p-treetable .p-column-resizer {\n display: block;\n position: absolute;\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 .p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\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 .p-treetable-scrollable-body {\n overflow: auto;\n position: relative;\n }\n .p-treetable-virtual-table {\n position: absolute;\n }\n /* Frozen Columns */\n .p-treetable-frozen-view .p-treetable-scrollable-body {\n overflow: hidden;\n }\n .p-treetable-unfrozen-view {\n position: absolute;\n top: 0px;\n left: 0px;\n }\n /* Reorder */\n .p-treetable-reorder-indicator-up,\n .p-treetable-reorder-indicator-down {\n position: absolute;\n display: none;\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: 2;\n }\n /* Alignment */\n .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-left,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-left {\n text-align: left;\n justify-content: flex-start;\n }\n .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-right,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-right {\n text-align: right;\n justify-content: flex-end;\n }\n .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,\n .p-treetable .p-treetable-tbody > tr > td.p-align-center,\n .p-treetable .p-treetable-tfoot > tr > td.p-align-center {\n text-align: center;\n justify-content: center;\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: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\n border-width: 1px 0 1px 0;\n padding: 1rem 1rem;\n font-weight: 700;\n }\n .p-treetable .p-treetable-footer {\n background: #f9fafb;\n color: #374151;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\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 #e5e7eb;\n border-width: 0 0 1px 0;\n font-weight: 700;\n color: #374151;\n background: #f9fafb;\n }\n .p-treetable .p-sortable-column {\n outline-color: #a5f3fc;\n }\n .p-treetable .p-sortable-column .p-sortable-column-icon {\n color: #374151;\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: #0e7490;\n background: #ecfeff;\n margin-left: 0.5rem;\n }\n .p-treetable .p-sortable-column:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #374151;\n }\n .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {\n color: #374151;\n }\n .p-treetable .p-sortable-column.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr {\n background: #ffffff;\n color: #4b5563;\n transition: box-shadow 0.2s;\n }\n .p-treetable .p-treetable-tbody > tr > td {\n text-align: left;\n border: 1px solid #e5e7eb;\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: #6b7280;\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-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {\n margin-right: 0.5rem;\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: #4b5563;\n }\n .p-treetable .p-treetable-tbody > tr:focus-visible {\n outline: 0.15rem solid #a5f3fc;\n outline-offset: -0.15rem;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {\n color: #0e7490;\n }\n .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {\n color: #0e7490;\n }\n .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {\n background: #f3f4f6;\n color: #4b5563;\n }\n .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {\n color: #4b5563;\n }\n .p-treetable .p-column-resizer-helper {\n background: #06b6d4;\n }\n .p-treetable .p-treetable-scrollable-header,\n .p-treetable .p-treetable-scrollable-footer {\n background: #f9fafb;\n }\n .p-treetable .p-treetable-loading-icon {\n font-size: 2rem;\n }\n .p-treetable .p-treetable-loading-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {\n background: #f8f8fa;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {\n color: #0e7490;\n }\n .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {\n background: #f8f8fa;\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 .p-timeline .p-timeline-event-marker {\n border: 2px solid #06b6d4;\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: #e5e7eb;\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 .p-accordion .p-accordion-header .p-accordion-header-link {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #6b7280;\n background: #f9fafb;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {\n background: #f9fafb;\n border-color: #e5e7eb;\n color: #374151;\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: #e5e7eb;\n background: #f3f4f6;\n color: #374151;\n }\n .p-accordion .p-accordion-content {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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 .p-card {\n background: #ffffff;\n color: #4b5563;\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: #6b7280;\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 .p-fieldset {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n border-radius: 6px;\n }\n .p-fieldset .p-fieldset-legend {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #374151;\n background: #f9fafb;\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: #374151;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-fieldset .p-fieldset-content {\n padding: 1.25rem;\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 #e5e7eb;\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 #e5e7eb;\n }\n .p-divider.p-divider-vertical .p-divider-content {\n padding: 0.5rem 0;\n }\n .p-panel .p-panel-header {\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n background: #f9fafb;\n color: #374151;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-panel .p-panel-header .p-panel-header-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-panel.p-panel-toggleable .p-panel-header {\n padding: 0.75rem 1.25rem;\n }\n .p-panel:has(> .p-panel-footer) .p-panel-content {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .p-panel .p-panel-content {\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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 #e5e7eb;\n background: #ffffff;\n color: #4b5563;\n border-top: 0 none;\n }\n .p-splitter {\n border: 1px solid #e5e7eb;\n background: #ffffff;\n border-radius: 6px;\n color: #4b5563;\n }\n .p-splitter .p-splitter-gutter {\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n background: #f9fafb;\n }\n .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {\n background: #e5e7eb;\n }\n .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-splitter .p-splitter-gutter-resizing {\n background: #e5e7eb;\n }\n .p-stepper .p-stepper-nav {\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .p-stepper .p-stepper-header {\n padding: 0.5rem;\n }\n .p-stepper .p-stepper-header .p-stepper-action {\n transition: box-shadow 0.2s;\n border-radius: 6px;\n background: #ffffff;\n outline-color: transparent;\n }\n .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {\n color: #4b5563;\n border: 1px solid #f3f4f6;\n border-width: 2px;\n background: #ffffff;\n min-width: 2rem;\n height: 2rem;\n line-height: 2rem;\n font-size: 1.143rem;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {\n margin-left: 0.5rem;\n color: #6b7280;\n font-weight: 700;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-number {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-title {\n color: #4b5563;\n }\n .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {\n background-color: #06b6d4;\n }\n .p-stepper .p-stepper-panels {\n background: #ffffff;\n padding: 1.25rem;\n color: #4b5563;\n }\n .p-stepper .p-stepper-separator {\n background-color: #e5e7eb;\n width: 100%;\n height: 2px;\n margin-inline-start: 1rem;\n transition: box-shadow 0.2s;\n }\n .p-stepper.p-stepper-vertical {\n display: flex;\n flex-direction: column;\n }\n .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {\n display: flex;\n flex: 1 1 auto;\n background: #ffffff;\n color: #4b5563;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel {\n display: flex;\n flex-direction: column;\n flex: initial;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {\n flex: 1 1 auto;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {\n flex: initial;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {\n width: 100%;\n padding-left: 1rem;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {\n flex: 0 0 auto;\n width: 2px;\n height: auto;\n margin-inline-start: calc(1.75rem + 2px);\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {\n background-color: #06b6d4;\n }\n .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {\n padding-left: 3rem;\n }\n .p-scrollpanel .p-scrollpanel-bar {\n background: #f9fafb;\n border: 0 none;\n }\n .p-scrollpanel .p-scrollpanel-bar:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-tabview-nav-container {\n position: relative;\n }\n .p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\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 .p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\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 .p-tabview-ink-bar {\n display: none;\n z-index: 1;\n }\n .p-tabview-nav-link:focus {\n z-index: 1;\n }\n .p-tabview-close {\n z-index: 1;\n }\n .p-tabview-title {\n line-height: 1;\n white-space: nowrap;\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 .p-tabview-nav-prev {\n left: 0;\n }\n .p-tabview-nav-next {\n right: 0;\n }\n .p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n }\n .p-tabview .p-tabview-nav {\n background: #ffffff;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #e5e7eb transparent;\n background: #ffffff;\n color: #6b7280;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\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: #9ca3af;\n color: #6b7280;\n }\n .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {\n background: #ffffff;\n border-color: #06b6d4;\n color: #06b6d4;\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: #06b6d4;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\n }\n .p-tabview .p-tabview-panels {\n background: #ffffff;\n padding: 1.25rem;\n border: 0 none;\n color: #4b5563;\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .p-toolbar {\n background: #f9fafb;\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n border-radius: 6px;\n gap: 0.5rem;\n }\n .p-toolbar .p-toolbar-separator {\n margin: 0 0.5rem;\n }\n .p-confirm-popup {\n background: #ffffff;\n color: #4b5563;\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: #f2f2f2;\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-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-confirm-popup .p-confirm-popup-message {\n margin-left: 1rem;\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: #374151;\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: #6b7280;\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-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n color: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-dialog .p-dialog-header .p-dialog-header-icon {\n margin-right: 0.5rem;\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: #4b5563;\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: #4b5563;\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-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {\n border-radius: 0;\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-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-dialog.p-confirm-dialog .p-confirm-dialog-message {\n margin-left: 1rem;\n }\n .p-overlaypanel {\n background: #ffffff;\n color: #4b5563;\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: #06b6d4;\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: #0891b2;\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 .p-sidebar {\n background: #ffffff;\n color: #4b5563;\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: #6b7280;\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: #374151;\n border-color: transparent;\n background: #f3f4f6;\n }\n .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,\n .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\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 .p-tooltip .p-tooltip-text {\n background: #4b5563;\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: #4b5563;\n }\n .p-tooltip.p-tooltip-left .p-tooltip-arrow {\n border-left-color: #4b5563;\n }\n .p-tooltip.p-tooltip-top .p-tooltip-arrow {\n border-top-color: #4b5563;\n }\n .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {\n border-bottom-color: #4b5563;\n }\n .p-fileupload .p-fileupload-buttonbar {\n background: #f9fafb;\n padding: 1.25rem;\n border: 1px solid #e5e7eb;\n color: #374151;\n border-bottom: 0 none;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n gap: 0.5rem;\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 #e5e7eb;\n color: #4b5563;\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 .p-breadcrumb {\n background: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n padding: 1rem;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n }\n .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {\n margin: 0 0.5rem 0 0.5rem;\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {\n color: #4b5563;\n }\n .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {\n color: #6b7280;\n }\n .p-contextmenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\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-contextmenu-root-list {\n outline: 0 none;\n }\n .p-contextmenu .p-submenu-list {\n padding: 0.5rem 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-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-contextmenu .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-contextmenu .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-contextmenu .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-dock .p-dock-list-container {\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-list-container .p-dock-list {\n outline: 0 none;\n }\n .p-dock .p-dock-item {\n padding: 0.5rem;\n border-radius: 6px;\n }\n .p-dock .p-dock-item.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.15rem #a5f3fc;\n }\n .p-dock .p-dock-action {\n width: 4rem;\n height: 4rem;\n }\n .p-dock.p-dock-top .p-dock-item-second-prev,\n .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,\n .p-dock.p-dock-bottom .p-dock-item-second-next {\n margin: 0 0.9rem;\n }\n .p-dock.p-dock-top .p-dock-item-prev,\n .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,\n .p-dock.p-dock-bottom .p-dock-item-next {\n margin: 0 1.3rem;\n }\n .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {\n margin: 0 1.5rem;\n }\n .p-dock.p-dock-left .p-dock-item-second-prev,\n .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,\n .p-dock.p-dock-right .p-dock-item-second-next {\n margin: 0.9rem 0;\n }\n .p-dock.p-dock-left .p-dock-item-prev,\n .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,\n .p-dock.p-dock-right .p-dock-item-next {\n margin: 1.3rem 0;\n }\n .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {\n margin: 1.5rem 0;\n }\n .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n overflow-x: auto;\n width: 100%;\n }\n .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n margin: 0 auto;\n }\n .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {\n overflow-y: auto;\n height: 100%;\n }\n .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n margin: auto 0;\n }\n .p-dock.p-dock-mobile .p-dock-list .p-dock-item {\n transform: none;\n margin: 0;\n }\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,\n .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {\n transform: none;\n margin: 0;\n }\n .p-megamenu {\n padding: 0.5rem;\n background: #f9fafb;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n }\n .p-megamenu .p-megamenu-root-list {\n outline: 0 none;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu .p-megamenu-panel {\n background: #ffffff;\n color: #4b5563;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-megamenu .p-submenu-header {\n margin: 0;\n padding: 0.75rem 1.25rem;\n color: #374151;\n background: #ffffff;\n font-weight: 700;\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n .p-megamenu .p-submenu-list {\n padding: 0.5rem 0;\n width: 12.5rem;\n }\n .p-megamenu .p-submenu-list .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-megamenu.p-megamenu-vertical {\n width: 12.5rem;\n padding: 0.5rem 0;\n }\n .p-megamenu .p-megamenu-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-megamenu .p-megamenu-button:hover {\n color: #6b7280;\n background: #f3f4f6;\n }\n .p-megamenu .p-megamenu-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n margin-left: 0.5rem;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n padding: 0.5rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {\n transition: transform 0.2s;\n transform: rotate(90deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n .p-menu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\n }\n .p-menu .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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: #374151;\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 #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-menubar {\n padding: 0.5rem;\n background: #f9fafb;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n }\n .p-menubar .p-menubar-root-list {\n outline: 0 none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 6px;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n margin-left: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-submenu-list {\n padding: 0.5rem 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-menuitem-separator {\n border-top: 1px solid #e5e7eb;\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-menubar-mobile .p-menubar-button {\n width: 2rem;\n height: 2rem;\n color: #6b7280;\n border-radius: 50%;\n transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;\n }\n .p-menubar.p-menubar-mobile .p-menubar-button:hover {\n color: #6b7280;\n background: #f3f4f6;\n }\n .p-menubar.p-menubar-mobile .p-menubar-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list {\n padding: 0.5rem 0;\n background: #ffffff;\n border: 0 none;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n transition: transform 0.2s;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n .p-menubar.p-menubar-mobile .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-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {\n padding-left: 2.25rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {\n padding-left: 3.75rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {\n padding-left: 5.25rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {\n padding-left: 6.75rem;\n }\n .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {\n padding-left: 8.25rem;\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: #6b7280;\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: #6b7280;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-button:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-menubar .p-menubar-root-list {\n position: absolute;\n display: none;\n padding: 0.5rem 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 #e5e7eb;\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-submenu-icon.p-icon {\n width: 0.875rem;\n height: 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 > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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 {\n outline: 0 none;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {\n border: 1px solid #e5e7eb;\n color: #6b7280;\n background: #f9fafb;\n border-radius: 6px;\n transition: box-shadow 0.2s;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {\n color: #6b7280;\n padding: 1.25rem;\n font-weight: 700;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #374151;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {\n background: #f9fafb;\n border-color: #e5e7eb;\n color: #374151;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n margin-bottom: 0;\n }\n .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {\n border-color: #e5e7eb;\n background: #f3f4f6;\n color: #374151;\n }\n .p-panelmenu .p-panelmenu-content {\n padding: 0.5rem 0;\n border: 1px solid #e5e7eb;\n background: #ffffff;\n color: #4b5563;\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-panelmenu-root-list {\n outline: 0 none;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-right: 0.5rem;\n }\n .p-panelmenu .p-panelmenu-content .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {\n padding: 0 0 0 1rem;\n }\n .p-panelmenu .p-panelmenu-panel {\n margin-bottom: 4px;\n }\n .p-slidemenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\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.5rem 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: #ecfeff;\n }\n .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {\n color: #0e7490;\n }\n .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {\n color: #0e7490;\n }\n .p-slidemenu .p-slidemenu-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-slidemenu .p-slidemenu-icon {\n font-size: 0.875rem;\n }\n .p-slidemenu .p-slidemenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\n }\n .p-slidemenu .p-slidemenu-backward {\n padding: 0.75rem 1.25rem;\n color: #4b5563;\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: #4b5563;\n border: 1px solid #f3f4f6;\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: #6b7280;\n }\n .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-number {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-title {\n font-weight: 700;\n color: #4b5563;\n }\n .p-steps .p-steps-item:before {\n content: \" \";\n border-top: 1px solid #e5e7eb;\n width: 100%;\n top: 50%;\n left: 0;\n display: block;\n position: absolute;\n margin-top: -1rem;\n }\n .p-tabmenu .p-tabmenu-nav {\n background: #ffffff;\n border: 1px solid #e5e7eb;\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 #e5e7eb;\n border-width: 0 0 2px 0;\n border-color: transparent transparent #e5e7eb transparent;\n background: #ffffff;\n color: #6b7280;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.2rem #a5f3fc;\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: #9ca3af;\n color: #6b7280;\n }\n .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {\n background: #ffffff;\n border-color: #06b6d4;\n color: #06b6d4;\n }\n .p-tieredmenu {\n padding: 0.5rem 0;\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n width: 12.5rem;\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-tieredmenu-root-list {\n outline: 0 none;\n }\n .p-tieredmenu .p-submenu-list {\n padding: 0.5rem 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-content {\n color: #4b5563;\n transition: box-shadow 0.2s;\n border-radius: 0;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {\n color: #4b5563;\n padding: 0.75rem 1.25rem;\n user-select: none;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {\n color: #6b7280;\n margin-right: 0.5rem;\n }\n .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {\n color: #0e7490;\n background: #ecfeff;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #0e7490;\n }\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #0e7490;\n }\n .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {\n background: rgba(6, 182, 212, 0.24);\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {\n color: #4b5563;\n background: #e5e7eb;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {\n color: #4b5563;\n background: #f3f4f6;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {\n color: #4b5563;\n }\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,\n .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {\n color: #6b7280;\n }\n .p-tieredmenu .p-menuitem-separator {\n border-top: 1px solid #e5e7eb;\n margin: 0.25rem 0;\n }\n .p-tieredmenu .p-submenu-icon {\n font-size: 0.875rem;\n }\n .p-tieredmenu .p-submenu-icon.p-icon {\n width: 0.875rem;\n height: 0.875rem;\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: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0px;\n color: #3b82f6;\n }\n .p-inline-message.p-inline-message-info .p-inline-message-icon {\n color: #3b82f6;\n }\n .p-inline-message.p-inline-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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-icon.p-icon {\n width: 1rem;\n height: 1rem;\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 .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.5);\n }\n .p-message .p-message-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-message.p-message-info {\n background: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0 0 0 6px;\n color: #3b82f6;\n }\n .p-message.p-message-info .p-message-icon {\n color: #3b82f6;\n }\n .p-message.p-message-info .p-message-close {\n color: #3b82f6;\n }\n .p-message.p-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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: 500;\n }\n .p-message .p-message-icon {\n font-size: 1.5rem;\n margin-right: 0.5rem;\n }\n .p-message .p-message-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-message .p-message-summary {\n font-weight: 700;\n }\n .p-message .p-message-detail {\n margin-left: 0.5rem;\n }\n .p-toast {\n opacity: 1;\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 }\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-message-icon.p-icon {\n width: 2rem;\n height: 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.5);\n }\n .p-toast .p-toast-message .p-toast-icon-close:focus-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-toast .p-toast-message.p-toast-message-info {\n background: rgba(219, 234, 254, 0.7);\n border: solid #3b82f6;\n border-width: 0 0 0 6px;\n color: #3b82f6;\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: #3b82f6;\n }\n .p-toast .p-toast-message.p-toast-message-success {\n background: rgba(228, 248, 240, 0.7);\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: rgba(255, 242, 226, 0.7);\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: rgba(255, 231, 230, 0.7);\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 .p-galleria .p-galleria-close {\n margin: 0.5rem;\n background: transparent;\n color: #f9fafb;\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 .p-galleria-close-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-galleria .p-galleria-close:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f9fafb;\n }\n .p-galleria .p-galleria-item-nav {\n background: transparent;\n color: #f9fafb;\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 .p-galleria-item-prev-icon.p-icon,\n .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {\n width: 2rem;\n height: 2rem;\n }\n .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {\n background: rgba(255, 255, 255, 0.1);\n color: #f9fafb;\n }\n .p-galleria .p-galleria-caption {\n background: rgba(0, 0, 0, 0.5);\n color: #f9fafb;\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: #d1d5db;\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: #9ca3af;\n }\n .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background: #ecfeff;\n color: #0e7490;\n }\n .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .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, .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: #ecfeff;\n color: #0e7490;\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: #f9fafb;\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: #f9fafb;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-galleria-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\n }\n .p-image-mask {\n --maskbg: rgba(0, 0, 0, 0.9);\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 .p-image-preview-indicator .p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-image-preview-container:hover > .p-image-preview-indicator {\n background-color: rgba(0, 0, 0, 0.5);\n }\n .p-image-toolbar {\n padding: 1rem;\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 span {\n font-size: 1.5rem;\n }\n .p-image-action.p-link .p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-avatar {\n background-color: #e5e7eb;\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 .p-avatar-circle {\n border-radius: 50%;\n }\n .p-avatar-group .p-avatar {\n border: 2px solid #ffffff;\n }\n .p-chip {\n background-color: #e5e7eb;\n color: #4b5563;\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-visible {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-chip .p-chip-remove-icon:focus {\n outline: 0 none;\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: #f9fafb;\n }\n .p-scrolltop .p-scrolltop-icon.p-icon {\n width: 1.5rem;\n height: 1.5rem;\n }\n .p-skeleton {\n background-color: #e5e7eb;\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 .p-tag {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-tag.p-tag-warning {\n background-color: #f97316;\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 .p-tag .p-tag-icon.p-icon {\n width: 0.75rem;\n height: 0.75rem;\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: #f3f4f6;\n color: #4b5563;\n }\n .p-inplace .p-inplace-display:focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: 0 0 0 0.2rem #a5f3fc;\n }\n .p-metergroup .p-metergroup-meter-container {\n background: #e5e7eb;\n border-radius: 6px;\n }\n .p-metergroup .p-metergroup-meter {\n border: 0 none;\n background: #06b6d4;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {\n line-height: 1.5rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {\n background: #06b6d4;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 100%;\n margin-right: 0.5rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label {\n margin-right: 1rem;\n }\n .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {\n width: 1rem;\n height: 1rem;\n margin-right: 0.5rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {\n height: 0.5rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {\n margin-bottom: 1rem;\n }\n .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {\n margin-top: 1rem;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {\n width: 0.5rem;\n height: 100%;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {\n margin-left: 1rem;\n }\n .p-progressbar {\n border: 0 none;\n height: 1.5rem;\n background: #e5e7eb;\n border-radius: 6px;\n }\n .p-progressbar .p-progressbar-value {\n border: 0 none;\n margin: 0;\n background: #06b6d4;\n }\n .p-progressbar .p-progressbar-label {\n color: #ffffff;\n line-height: 1.5rem;\n }\n .p-terminal {\n background: #ffffff;\n color: #4b5563;\n border: 1px solid #e5e7eb;\n padding: 1.25rem;\n }\n .p-terminal .p-terminal-input {\n font-family: var(--font-family);\n font-feature-settings: var(--font-feature-settings, normal);\n font-size: 1rem;\n }\n .p-badge {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-badge.p-badge-warning {\n background-color: #f97316;\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 .p-tag {\n background: #06b6d4;\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: #0ea5e9;\n color: #ffffff;\n }\n .p-tag.p-tag-warning {\n background-color: #f97316;\n color: #ffffff;\n }\n .p-tag.p-tag-danger {\n background-color: #ef4444;\n color: #ffffff;\n }\n}\n@layer primereact {\n .p-button-label {\n font-weight: 700;\n }\n .p-selectbutton > .p-button,\n .p-togglebutton.p-button {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\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 .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {\n transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;\n }\n .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {\n background-color: #06b6d4;\n }\n .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {\n background-color: #06b6d4;\n }\n .p-button:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 rgb(0, 0, 0);\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 rgb(0, 0, 0);\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 rgb(0, 0, 0);\n }\n .p-button.p-button-info:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);\n }\n .p-button.p-button-warning:enabled:focus {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);\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 rgb(0, 0, 0);\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 rgb(0, 0, 0);\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n box-shadow: inset 0 2px 0 0 #06b6d4;\n }\n .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n box-shadow: inset 0 -2px 0 0 #06b6d4;\n }\n .p-speeddial-item.p-focus > .p-speeddial-action {\n box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 rgb(0, 0, 0);\n }\n .p-toast-message {\n backdrop-filter: blur(10px);\n }\n .p-inline-message-text {\n font-weight: 500;\n }\n .p-picklist-buttons .p-button,\n .p-orderlist-controls .p-button {\n transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n }\n .p-steps .p-steps-item.p-highlight .p-steps-number {\n background: #06b6d4;\n color: #ffffff;\n }\n .p-stepper .p-stepper-header.p-highlight .p-stepper-number {\n background: #06b6d4;\n color: #ffffff;\n }\n}\n";
|
|
21072
|
+
styleInject(css_248z$c);
|
|
21057
21073
|
|
|
21058
21074
|
addLocale("pt", {
|
|
21059
21075
|
monthNames: [
|
|
@@ -21179,17 +21195,17 @@ var DateInput = function (_a) {
|
|
|
21179
21195
|
});
|
|
21180
21196
|
};
|
|
21181
21197
|
}, []);
|
|
21182
|
-
return (React.createElement("div", { className: styles$
|
|
21183
|
-
React.createElement("label", { htmlFor: label, className: "".concat(styles$
|
|
21184
|
-
React.createElement("div", { className: styles$
|
|
21185
|
-
React.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n ".concat(styles$
|
|
21198
|
+
return (React.createElement("div", { className: styles$e.inputContainer },
|
|
21199
|
+
React.createElement("label", { htmlFor: label, className: "".concat(styles$e.labelInput, " ").concat(required ? styles$e.labelRequired : "") }, label),
|
|
21200
|
+
React.createElement("div", { className: styles$e.inputContent },
|
|
21201
|
+
React.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n ".concat(styles$e.calendarWrapper, "\n ").concat(isError ? styles$e.calendarError : "", "\n ").concat(panelOpen ? styles$e.calendarFocus : "", "\n "), inputClassName: "".concat(styles$e.textCalendar, " ").concat(isError ? styles$e.buttoInvalid : ""), dateFormat: "dd/mm/yy", onChange: handleDateChange, showIcon: true, value: valueDate, placeholder: placeholder, onShow: function () { return setPanelOpen(true); }, onHide: function () { return setPanelOpen(false); }, icon: function () { return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
21186
21202
|
React.createElement("path", { d: "M1.85183 20C1.35183 20 0.918194 19.8347 0.550916 19.5042C0.183639 19.1736 0 18.7833 0 18.3333V3.33333C0 2.88333 0.183639 2.49305 0.550916 2.1625C0.918194 1.83193 1.35183 1.66665 1.85183 1.66665H3.42592V0H5.37036V1.66665H14.6296V0H16.5741V1.66665H18.1482C18.6482 1.66665 19.0818 1.83193 19.4491 2.1625C19.8164 2.49305 20 2.88333 20 3.33333V18.3333C20 18.7833 19.8164 19.1736 19.4491 19.5042C19.0818 19.8347 18.6482 20 18.1482 20H1.85183ZM1.85183 18.3333H18.1482V7.83333H1.85183V18.3333ZM1.85183 6.16668H18.1482V3.33333H1.85183V6.16668ZM10 12C9.68519 12 9.4213 11.9042 9.20833 11.7125C8.99537 11.5208 8.88889 11.2833 8.88889 11C8.88889 10.7167 8.99537 10.4792 9.20833 10.2875C9.4213 10.0958 9.68519 10 10 10C10.3148 10 10.5787 10.0958 10.7917 10.2875C11.0046 10.4792 11.1111 10.7167 11.1111 11C11.1111 11.2833 11.0046 11.5208 10.7917 11.7125C10.5787 11.9042 10.3148 12 10 12ZM5.55556 12C5.24074 12 4.97685 11.9042 4.76389 11.7125C4.55093 11.5208 4.44444 11.2833 4.44444 11C4.44444 10.7167 4.55093 10.4792 4.76389 10.2875C4.97685 10.0958 5.24074 10 5.55556 10C5.87037 10 6.13426 10.0958 6.34722 10.2875C6.56019 10.4792 6.66667 10.7167 6.66667 11C6.66667 11.2833 6.56019 11.5208 6.34722 11.7125C6.13426 11.9042 5.87037 12 5.55556 12ZM14.4444 12C14.1296 12 13.8657 11.9042 13.6528 11.7125C13.4398 11.5208 13.3333 11.2833 13.3333 11C13.3333 10.7167 13.4398 10.4792 13.6528 10.2875C13.8657 10.0958 14.1296 10 14.4444 10C14.7593 10 15.0231 10.0958 15.2361 10.2875C15.4491 10.4792 15.5556 10.7167 15.5556 11C15.5556 11.2833 15.4491 11.5208 15.2361 11.7125C15.0231 11.9042 14.7593 12 14.4444 12ZM10 16C9.68519 16 9.4213 15.9042 9.20833 15.7125C8.99537 15.5208 8.88889 15.2833 8.88889 15C8.88889 14.7167 8.99537 14.4792 9.20833 14.2875C9.4213 14.0958 9.68519 14 10 14C10.3148 14 10.5787 14.0958 10.7917 14.2875C11.0046 14.4792 11.1111 14.7167 11.1111 15C11.1111 15.2833 11.0046 15.5208 10.7917 15.7125C10.5787 15.9042 10.3148 16 10 16ZM5.55556 16C5.24074 16 4.97685 15.9042 4.76389 15.7125C4.55093 15.5208 4.44444 15.2833 4.44444 15C4.44444 14.7167 4.55093 14.4792 4.76389 14.2875C4.97685 14.0958 5.24074 14 5.55556 14C5.87037 14 6.13426 14.0958 6.34722 14.2875C6.56019 14.4792 6.66667 14.7167 6.66667 15C6.66667 15.2833 6.56019 15.5208 6.34722 15.7125C6.13426 15.9042 5.87037 16 5.55556 16ZM14.4444 16C14.1296 16 13.8657 15.9042 13.6528 15.7125C13.4398 15.5208 13.3333 15.2833 13.3333 15C13.3333 14.7167 13.4398 14.4792 13.6528 14.2875C13.8657 14.0958 14.1296 14 14.4444 14C14.7593 14 15.0231 14.0958 15.2361 14.2875C15.4491 14.4792 15.5556 14.7167 15.5556 15C15.5556 15.2833 15.4491 15.5208 15.2361 15.7125C15.0231 15.9042 14.7593 16 14.4444 16Z", fill: "#303030", "fill-opacity": "0.7" }))); } })),
|
|
21187
|
-
restrictionMessage && (React.createElement("div", { className: styles$
|
|
21203
|
+
restrictionMessage && (React.createElement("div", { className: styles$e.restrictionMessage }, restrictionMessage))));
|
|
21188
21204
|
};
|
|
21189
21205
|
|
|
21190
|
-
var css_248z$
|
|
21191
|
-
var styles$
|
|
21192
|
-
styleInject(css_248z$
|
|
21206
|
+
var css_248z$b = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n}";
|
|
21207
|
+
var styles$9 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-","formatOptionLabel":"styles-module__formatOptionLabel___xBV8v"};
|
|
21208
|
+
styleInject(css_248z$b);
|
|
21193
21209
|
|
|
21194
21210
|
var isCheckBoxInput = (element) => element.type === 'checkbox';
|
|
21195
21211
|
|
|
@@ -21690,8 +21706,8 @@ var SelectDefault = function (_a) {
|
|
|
21690
21706
|
var _e = useController({ name: name, control: control }), _f = _e.field; _f.onChange; _f.value; var rest = __rest(_f, ["onChange", "value"]), error = _e.fieldState.error;
|
|
21691
21707
|
var _g = React__namespace.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _g[0], setIsMobile = _g[1];
|
|
21692
21708
|
var CustomDropdownIndicator = function () {
|
|
21693
|
-
return (React__namespace.createElement("div", { className: styles$
|
|
21694
|
-
React__namespace.createElement(IconTriangleRecall, { className: styles$
|
|
21709
|
+
return (React__namespace.createElement("div", { className: styles$9.contentIcon },
|
|
21710
|
+
React__namespace.createElement(IconTriangleRecall, { className: styles$9.iconChefron })));
|
|
21695
21711
|
};
|
|
21696
21712
|
React__namespace.useEffect(function () {
|
|
21697
21713
|
function onResize() {
|
|
@@ -21700,18 +21716,18 @@ var SelectDefault = function (_a) {
|
|
|
21700
21716
|
window.addEventListener("resize", onResize);
|
|
21701
21717
|
return function () { return window.removeEventListener("resize", onResize); };
|
|
21702
21718
|
}, []);
|
|
21703
|
-
return (React__namespace.createElement("div", { className: "".concat(styles$
|
|
21719
|
+
return (React__namespace.createElement("div", { className: "".concat(styles$9.selectContainer) },
|
|
21704
21720
|
label && (React__namespace.createElement("label", null,
|
|
21705
21721
|
label,
|
|
21706
21722
|
" ",
|
|
21707
|
-
isRequired ? React__namespace.createElement("span", { className: styles$
|
|
21708
|
-
React__namespace.createElement("div", { className: styles$
|
|
21723
|
+
isRequired ? React__namespace.createElement("span", { className: styles$9.errorRequired }, "*") : null)),
|
|
21724
|
+
React__namespace.createElement("div", { className: styles$9.selectElement },
|
|
21709
21725
|
React__namespace.createElement(StateManagedSelect$1, __assign({ isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, onInputChange: function (inputValue) {
|
|
21710
21726
|
if (inputValue) {
|
|
21711
21727
|
handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
|
|
21712
21728
|
}
|
|
21713
21729
|
}, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
|
|
21714
|
-
error && React__namespace.createElement("span", { className: styles$
|
|
21730
|
+
error && React__namespace.createElement("span", { className: styles$9.errorText }, error.message)));
|
|
21715
21731
|
};
|
|
21716
21732
|
|
|
21717
21733
|
// packages/react/context/src/createContext.tsx
|
|
@@ -23834,9 +23850,9 @@ var Cancel = AlertDialogCancel;
|
|
|
23834
23850
|
var Title2 = AlertDialogTitle;
|
|
23835
23851
|
var Description2 = AlertDialogDescription;
|
|
23836
23852
|
|
|
23837
|
-
var css_248z$
|
|
23838
|
-
var styles$
|
|
23839
|
-
styleInject(css_248z$
|
|
23853
|
+
var css_248z$a = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n max-width: 500px;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n box-shadow:\r\n hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\r\n hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}";
|
|
23854
|
+
var styles$8 = {"alertOverlay":"styles-module__alertOverlay___eoTQD","overlayShow":"styles-module__overlayShow___hSH5g","modalHeaderContainer":"styles-module__modalHeaderContainer___zqcC3","modalHeaderText":"styles-module__modalHeaderText___is1Qg","closeBtn":"styles-module__closeBtn___VOQjz","customIcon":"styles-module__customIcon___8Ly4h","contentContainer":"styles-module__contentContainer___tiBil","childrenContainer":"styles-module__childrenContainer___BgV1l","iconClose":"styles-module__iconClose___Veq4Y"};
|
|
23855
|
+
styleInject(css_248z$a);
|
|
23840
23856
|
|
|
23841
23857
|
var ModalUI = function (_a) {
|
|
23842
23858
|
var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children, _b = _a.title, title = _b === void 0 ? "Aviso" : _b, _c = _a.triggerId, triggerId = _c === void 0 ? "dialog-trigger" : _c;
|
|
@@ -23848,25 +23864,25 @@ var ModalUI = function (_a) {
|
|
|
23848
23864
|
}, [isModalOpen]);
|
|
23849
23865
|
return (React.createElement(Root2, { open: isModalOpen, onOpenChange: onOpenChange },
|
|
23850
23866
|
React.createElement(Portal2, null,
|
|
23851
|
-
React.createElement(Overlay2, { className: styles$
|
|
23852
|
-
React.createElement(Content2, { className: styles$
|
|
23867
|
+
React.createElement(Overlay2, { className: styles$8.alertOverlay }),
|
|
23868
|
+
React.createElement(Content2, { className: styles$8.contentContainer, onCloseAutoFocus: function (event) {
|
|
23853
23869
|
var _a;
|
|
23854
23870
|
event.preventDefault();
|
|
23855
23871
|
(_a = previousFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
23856
23872
|
}, onOpenAutoFocus: function (event) {
|
|
23857
23873
|
// event.preventDefault();
|
|
23858
23874
|
} },
|
|
23859
|
-
React.createElement("div", { className: styles$
|
|
23860
|
-
React.createElement(Title2, { className: styles$
|
|
23875
|
+
React.createElement("div", { className: styles$8.modalHeaderContainer },
|
|
23876
|
+
React.createElement(Title2, { className: styles$8.modalHeaderText }, title),
|
|
23861
23877
|
React.createElement(Cancel, { asChild: true },
|
|
23862
|
-
React.createElement("button", { className: styles$
|
|
23863
|
-
React.createElement(IconCLose, { className: styles$
|
|
23864
|
-
React.createElement(Description2, { className: styles$
|
|
23878
|
+
React.createElement("button", { className: styles$8.closeBtn, onClick: function () { return onOpenChange(!isModalOpen); }, "aria-label": "Fechar modal" },
|
|
23879
|
+
React.createElement(IconCLose, { className: styles$8.iconClose })))),
|
|
23880
|
+
React.createElement(Description2, { className: styles$8.childrenContainer }, children)))));
|
|
23865
23881
|
};
|
|
23866
23882
|
|
|
23867
|
-
var css_248z$
|
|
23883
|
+
var css_248z$9 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 16px 16px 16px;\r\n max-height: 500px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n}\r\n";
|
|
23868
23884
|
var style = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23869
|
-
styleInject(css_248z$
|
|
23885
|
+
styleInject(css_248z$9);
|
|
23870
23886
|
|
|
23871
23887
|
var ELEMENTOS_COM_FOCO = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]';
|
|
23872
23888
|
function Modal(_a) {
|
|
@@ -23926,9 +23942,9 @@ var ModalBody = function (_a) {
|
|
|
23926
23942
|
return (React.createElement("div", { className: "".concat(style.modalBody, " ").concat(className || "") }, children));
|
|
23927
23943
|
};
|
|
23928
23944
|
|
|
23929
|
-
var css_248z$
|
|
23930
|
-
var styles$
|
|
23931
|
-
styleInject(css_248z$
|
|
23945
|
+
var css_248z$8 = ".styles-module__relativeDiv___4G0-P {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN {\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n background-color: transparent;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN svg {\r\n color: var(--color-secondary);\r\n width: 24px;\r\n height: 18px;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz {\r\n position: absolute;\r\n top: 100%;\r\n right: 10px;\r\n min-width: 200px;\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n padding: 5px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz.styles-module__active___ieadq {\r\n opacity: 1;\r\n visibility: visible;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.2rem 0.4rem;\r\n color: var(--color-secondary);\r\n background-color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy label {\r\n vertical-align: middle;\r\n border: none;\r\n cursor: pointer;\r\n font-family: Open Sans;\r\n font-weight: 400;\r\n font-size: 13px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy svg {\r\n vertical-align: middle;\r\n height: 16px;\r\n width: 16px;\r\n margin-right: 0.2rem;\r\n color: var(--foreground);\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy:hover {\r\n background-color: #e5f1f9;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__iconeInDots___qmaFm {\r\n border: none !important;\r\n background-color: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: 1rem;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n";
|
|
23946
|
+
var styles$7 = {"relativeDiv":"styles-module__relativeDiv___4G0-P","buttonDropdownTrigger":"styles-module__buttonDropdownTrigger___EZxPN","dropdownMenu":"styles-module__dropdownMenu___s4viz","active":"styles-module__active___ieadq","dropdownItem":"styles-module__dropdownItem___5HFiy","iconeInDots":"styles-module__iconeInDots___qmaFm"};
|
|
23947
|
+
styleInject(css_248z$8);
|
|
23932
23948
|
|
|
23933
23949
|
var MenuAction = function (_a) {
|
|
23934
23950
|
var itens = _a.itens;
|
|
@@ -23947,25 +23963,25 @@ var MenuAction = function (_a) {
|
|
|
23947
23963
|
document.addEventListener("mousedown", handleClickOutside);
|
|
23948
23964
|
return function () { return document.removeEventListener("mousedown", handleClickOutside); };
|
|
23949
23965
|
}, []);
|
|
23950
|
-
return (React.createElement("div", { className: styles$
|
|
23951
|
-
React.createElement("div", { className: styles$
|
|
23966
|
+
return (React.createElement("div", { className: styles$7.relativeDiv, ref: dropdownRef },
|
|
23967
|
+
React.createElement("div", { className: styles$7.buttonDropdownTrigger, onClick: function () { return setIsOpen(!isOpen); } },
|
|
23952
23968
|
React.createElement(IconDotsVertical, null)),
|
|
23953
|
-
React.createElement("div", { className: "".concat(styles$
|
|
23969
|
+
React.createElement("div", { className: "".concat(styles$7.dropdownMenu, " ").concat(isOpen ? styles$7.active : "") }, filteredItems.length === 0 ? (React.createElement("div", { className: styles$7.dropdownItem }, "Nenhum item dispon\u00EDvel")) : (filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, className: styles$7.dropdownItem, onClick: function () { return setIsOpen(false); } }, item)); })))));
|
|
23954
23970
|
};
|
|
23955
23971
|
|
|
23956
|
-
var css_248z$
|
|
23957
|
-
var styles$
|
|
23958
|
-
styleInject(css_248z$
|
|
23972
|
+
var css_248z$7 = ".styles-module__skeletonContainer___0VNvK {\r\n background: #e5e7eb;\r\n border-radius: inherit;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__skeletonCell___EOlCz {\r\n animation: styles-module__skeletonLoading___n8C-o 1.5s infinite;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(255, 255, 255, 0) 0,\r\n rgba(255, 255, 255, 0.6) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n background-size: 200px 100%;\r\n background-repeat: no-repeat;\r\n border-radius: inherit;\r\n height: 100%;\r\n min-height: 24px;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n@keyframes styles-module__skeletonLoading___n8C-o {\r\n 0% {\r\n background-position: -200px 0;\r\n }\r\n 100% {\r\n background-position: calc(200px + 100%) 0;\r\n }\r\n}\r\n";
|
|
23973
|
+
var styles$6 = {"skeletonContainer":"styles-module__skeletonContainer___0VNvK","skeletonCell":"styles-module__skeletonCell___EOlCz","skeletonLoading":"styles-module__skeletonLoading___n8C-o"};
|
|
23974
|
+
styleInject(css_248z$7);
|
|
23959
23975
|
|
|
23960
23976
|
function SkeletonLoader(_a) {
|
|
23961
23977
|
var className = _a.className;
|
|
23962
|
-
return (React.createElement("div", { className: styles$
|
|
23963
|
-
React.createElement("div", { className: "".concat(className || "", " ").concat(styles$
|
|
23978
|
+
return (React.createElement("div", { className: styles$6.skeletonContainer },
|
|
23979
|
+
React.createElement("div", { className: "".concat(className || "", " ").concat(styles$6.skeletonCell) })));
|
|
23964
23980
|
}
|
|
23965
23981
|
|
|
23966
|
-
var css_248z$
|
|
23967
|
-
var styles$
|
|
23968
|
-
styleInject(css_248z$
|
|
23982
|
+
var css_248z$6 = ".styles-module__container___QloUX {\r\n all: unset;\r\n position: relative;\r\n display: flex;\r\n }\r\n \r\n .styles-module__tooltip___YByF3 {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n }\r\n \r\n .styles-module__textContent___d2QUQ {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n }\r\n \r\n .styles-module__top-right___a4ZLm {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .styles-module__bottom-right___T2KLe {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n }\r\n \r\n .styles-module__bottom-left___J6rSH {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n }\r\n \r\n .styles-module__top-left___KQLAL {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .styles-module__mobile___BKPrq {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n }\r\n \r\n @media screen and (max-width: 480px) {\r\n .styles-module__container___QloUX {\r\n position: static;\r\n }\r\n \r\n .styles-module__tooltip___YByF3 {\r\n width: max-content;\r\n max-width: 92vw;\r\n left: 0;\r\n bottom: 90%;\r\n text-align: start;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n border-radius: 8px;\r\n }\r\n \r\n .styles-module__textContent___d2QUQ {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n }\r\n ";
|
|
23983
|
+
var styles$5 = {"container":"styles-module__container___QloUX","tooltip":"styles-module__tooltip___YByF3","textContent":"styles-module__textContent___d2QUQ","top-right":"styles-module__top-right___a4ZLm","bottom-right":"styles-module__bottom-right___T2KLe","bottom-left":"styles-module__bottom-left___J6rSH","top-left":"styles-module__top-left___KQLAL","mobile":"styles-module__mobile___BKPrq"};
|
|
23984
|
+
styleInject(css_248z$6);
|
|
23969
23985
|
|
|
23970
23986
|
var TooltipWithPortal = function (_a) {
|
|
23971
23987
|
var text = _a.text, children = _a.children, forceVisible = _a.forceVisible;
|
|
@@ -24082,32 +24098,32 @@ var TooltipWithPortal = function (_a) {
|
|
|
24082
24098
|
var onTouch = function () { return isMobile && setInternalVisible(function (v) { return !v; }); };
|
|
24083
24099
|
var onClick = function () { return !isMobile && setInternalVisible(function (v) { return !v; }); };
|
|
24084
24100
|
return (React.createElement(React.Fragment, null,
|
|
24085
|
-
React.createElement("button", { ref: targetRef, type: "button", className: styles$
|
|
24101
|
+
React.createElement("button", { ref: targetRef, type: "button", className: styles$5.container, "aria-haspopup": "true", "aria-expanded": visible, "aria-label": text, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouch, onClick: onClick }, children),
|
|
24086
24102
|
visible &&
|
|
24087
24103
|
typeof window !== "undefined" &&
|
|
24088
|
-
ReactDOM.createPortal(React.createElement("div", { ref: tooltipRef, className: styles$
|
|
24089
|
-
React.createElement("span", { className: styles$
|
|
24104
|
+
ReactDOM.createPortal(React.createElement("div", { ref: tooltipRef, className: styles$5.tooltip, style: tooltipStyle, "aria-hidden": !visible },
|
|
24105
|
+
React.createElement("span", { className: styles$5.textContent }, text)), document.body)));
|
|
24090
24106
|
};
|
|
24091
24107
|
|
|
24092
|
-
var css_248z$
|
|
24093
|
-
var styles$
|
|
24094
|
-
styleInject(css_248z$
|
|
24108
|
+
var css_248z$5 = ".styles-module__tableContainer___JpYWz {\r\n height: 100%;\r\n width: 100%;\r\n text-align: left;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n border: 1px solid #e5e7eb;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.styles-module__table___eFpfv {\r\n min-width: 100%;\r\n margin: 0;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC {\r\n background-color: var(--color-primary);\r\n color: white;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC tr,\r\n.styles-module__tableBody___-9SEJ tr,\r\n.styles-module__tableFooter___y-TDg tr {\r\n height: 40px;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC th,\r\n.styles-module__tableFooter___y-TDg td {\r\n font-weight: bold;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC th,\r\n.styles-module__tableBody___-9SEJ td,\r\n.styles-module__tableFooter___y-TDg td {\r\n margin: 0.25rem;\r\n padding: 0;\r\n vertical-align: middle;\r\n padding-left: 0.7rem;\r\n padding-right: 0.7rem;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC > *:first-child {\r\n border: none;\r\n border-radius: 0;\r\n}\r\n\r\n.styles-module__tableHeader___5qJUC > *:last-child {\r\n border-top-right-radius: 8px;\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ tr:nth-child(odd) {\r\n background-color: var(--background-color-table-primary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ tr:nth-child(even) {\r\n background-color: var(--background-color-table-secondary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ tr:hover {\r\n background-color: var(--background-color-table-hover);\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ td:first-child button {\r\n margin-top: 0.32rem;\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ > *:first-child {\r\n border: none;\r\n border-radius: 0;\r\n}\r\n\r\n.styles-module__tableBody___-9SEJ > *:last-child {\r\n border-bottom-right-radius: 0.125rem;\r\n}\r\n\r\n.styles-module__tableFooter___y-TDg {\r\n background-color: var(--background-color-table-primary);\r\n}\r\n";
|
|
24109
|
+
var styles$4 = {"tableContainer":"styles-module__tableContainer___JpYWz","table":"styles-module__table___eFpfv","tableHeader":"styles-module__tableHeader___5qJUC","tableBody":"styles-module__tableBody___-9SEJ","tableFooter":"styles-module__tableFooter___y-TDg"};
|
|
24110
|
+
styleInject(css_248z$5);
|
|
24095
24111
|
|
|
24096
24112
|
var TableHeaderContext = React.createContext(false);
|
|
24097
24113
|
|
|
24098
24114
|
var Table = function (_a) {
|
|
24099
24115
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
24100
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
24101
|
-
React.createElement("table", __assign({ className: "".concat(styles$
|
|
24116
|
+
return (React.createElement("div", { className: "".concat(styles$4.tableContainer, " ").concat(className) },
|
|
24117
|
+
React.createElement("table", __assign({ className: "".concat(styles$4.table) }, props), children)));
|
|
24102
24118
|
};
|
|
24103
24119
|
var TableHeader = function (_a) {
|
|
24104
24120
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
24105
24121
|
return (React.createElement(TableHeaderContext.Provider, { value: true },
|
|
24106
|
-
React.createElement("thead", __assign({ className: styles$
|
|
24122
|
+
React.createElement("thead", __assign({ className: styles$4.tableHeader }, props), children)));
|
|
24107
24123
|
};
|
|
24108
24124
|
var TableBody = function (_a) {
|
|
24109
24125
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
24110
|
-
return (React.createElement("tbody", __assign({ className: "".concat(styles$
|
|
24126
|
+
return (React.createElement("tbody", __assign({ className: "".concat(styles$4.tableBody) }, props), children));
|
|
24111
24127
|
};
|
|
24112
24128
|
var TableRow = function (_a) {
|
|
24113
24129
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -24121,12 +24137,12 @@ var TableCell = function (_a) {
|
|
|
24121
24137
|
};
|
|
24122
24138
|
var TableFooter = function (_a) {
|
|
24123
24139
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
24124
|
-
return (React.createElement("tfoot", __assign({ className: "".concat(styles$
|
|
24140
|
+
return (React.createElement("tfoot", __assign({ className: "".concat(styles$4.tableFooter) }, props), children));
|
|
24125
24141
|
};
|
|
24126
24142
|
|
|
24127
|
-
var css_248z$
|
|
24128
|
-
var styles$
|
|
24129
|
-
styleInject(css_248z$
|
|
24143
|
+
var css_248z$4 = ".styles-module__switch___zwYsx {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n \r\n .styles-module__checkbox___hOuA7 {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n clip: rect(0 0 0 0);\r\n clip-path: inset(50%);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n \r\n .styles-module__slider___9KVh8 {\r\n position: relative;\r\n width: 40px;\r\n height: 24px;\r\n background-color: var(--border-color); \r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background-color 0.2s;\r\n outline: none;\r\n border: 1px solid var(--grey-color);\r\n }\r\n \r\n .styles-module__checked___Cb73i .styles-module__slider___9KVh8 {\r\n background-color: var(--switch-bg-main-color);\r\n border: none;\r\n }\r\n \r\n .styles-module__slider___9KVh8:focus {\r\n outline: 2px solid #5e92b3;\r\n outline-offset: 2px;\r\n }\r\n \r\n .styles-module__knob___qABS6 {\r\n position: absolute;\r\n top: auto;\r\n bottom: auto;\r\n left: 2px;\r\n right: 2px;\r\n width: 16px;\r\n height: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n align-self: center;\r\n transition: transform 0.2s;\r\n }\r\n \r\n .styles-module__checked___Cb73i .styles-module__knob___qABS6 {\r\n transform: translateX(20px);\r\n }\r\n \r\n .styles-module__slider___9KVh8:hover .styles-module__knob___qABS6::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 16px;\r\n top: -8px;\r\n left: -8px;\r\n background-color: #005a9233;\r\n }\r\n \r\n .styles-module__checked___Cb73i .styles-module__slider___9KVh8:hover .styles-module__knob___qABS6::before {\r\n background-color: #005a9233;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .styles-module__knob___qABS6 {\r\n left: 1px;\r\n right: 1px;\r\n width: 10px;\r\n height: 10px;\r\n }\r\n .styles-module__checked___Cb73i .styles-module__knob___qABS6 {\r\n transform: translateX(12px);\r\n }\r\n \r\n .styles-module__slider___9KVh8:hover .styles-module__knob___qABS6::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 5px;\r\n top: -4px;\r\n left: -4px;\r\n }\r\n \r\n .styles-module__slider___9KVh8 {\r\n width: 24px;\r\n height: 16px;\r\n border-radius: 8px;\r\n }\r\n .styles-module__slider___9KVh8:focus {\r\n outline: 1px solid #5e92b3;\r\n outline-offset: 1px;\r\n }\r\n }\r\n \r\n .styles-module__disabled___Nx8-u .styles-module__slider___9KVh8 {\r\n background-color: var(--border-color);\r\n cursor: not-allowed;\r\n }\r\n \r\n .styles-module__disabled___Nx8-u .styles-module__knob___qABS6 svg rect {\r\n fill: #c0c0c0;\r\n }\r\n ";
|
|
24144
|
+
var styles$3 = {"switch":"styles-module__switch___zwYsx","checkbox":"styles-module__checkbox___hOuA7","slider":"styles-module__slider___9KVh8","checked":"styles-module__checked___Cb73i","knob":"styles-module__knob___qABS6","disabled":"styles-module__disabled___Nx8-u"};
|
|
24145
|
+
styleInject(css_248z$4);
|
|
24130
24146
|
|
|
24131
24147
|
/**
|
|
24132
24148
|
* Componente Switch suportado por eventos de mouse e teclado.
|
|
@@ -24178,67 +24194,237 @@ var Switch = function (_a) {
|
|
|
24178
24194
|
}
|
|
24179
24195
|
};
|
|
24180
24196
|
return (React.createElement("label", { className: [
|
|
24181
|
-
styles$
|
|
24182
|
-
checked ? styles$
|
|
24183
|
-
disabled ? styles$
|
|
24197
|
+
styles$3.switch,
|
|
24198
|
+
checked ? styles$3.checked : "",
|
|
24199
|
+
disabled ? styles$3.disabled : "",
|
|
24184
24200
|
className,
|
|
24185
24201
|
]
|
|
24186
24202
|
.filter(Boolean)
|
|
24187
24203
|
.join(" ") },
|
|
24188
|
-
React.createElement("input", __assign({ type: "checkbox", className: styles$
|
|
24204
|
+
React.createElement("input", __assign({ type: "checkbox", className: styles$3.checkbox, checked: checked, disabled: disabled, onChange: function () {
|
|
24189
24205
|
if (!disabled)
|
|
24190
24206
|
onChange(!checked);
|
|
24191
24207
|
} }, props)),
|
|
24192
|
-
React.createElement("span", { role: "switch", "aria-checked": checked, tabIndex: disabled ? -1 : 0, className: styles$
|
|
24193
|
-
React.createElement("span", { className: styles$
|
|
24208
|
+
React.createElement("span", { role: "switch", "aria-checked": checked, tabIndex: disabled ? -1 : 0, className: styles$3.slider, onClick: handleClick, onKeyDown: handleKeyDown },
|
|
24209
|
+
React.createElement("span", { className: styles$3.knob }, checked ? (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
24194
24210
|
React.createElement("rect", { width: "16", height: "16", rx: "8", fill: "#fff" }))) : (React.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
24195
24211
|
React.createElement("rect", { x: "16.0645", y: "15.9998", width: "16", height: "16", rx: "8", transform: "rotate(179.527 16.0645 15.9998)", fill: "#A0A0A0" })))))));
|
|
24196
24212
|
};
|
|
24197
24213
|
|
|
24198
|
-
var css_248z$
|
|
24199
|
-
var styles$
|
|
24200
|
-
styleInject(css_248z$
|
|
24214
|
+
var css_248z$3 = ".progressCircle-module__overlay___BHoDf {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.progressCircle-module__modal___tI5Fh {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 10px;\r\n text-align: center;\r\n max-width: 220px;\r\n width: 100%;\r\n}\r\n\r\n.progressCircle-module__progressContainer___52PeR {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 10px auto;\r\n}\r\n\r\n.progressCircle-module__progressRing___7xKz8 {\r\n transform: rotate(-90deg);\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.progressCircle-module__progressBackground___m6YDA,\r\n.progressCircle-module__progressForeground___NWZOt {\r\n fill: none;\r\n stroke-width: 4px;\r\n cx: 50;\r\n cy: 50;\r\n r: 46;\r\n}\r\n\r\n.progressCircle-module__progressBackground___m6YDA {\r\n stroke: rgba(0, 90, 146, 0.2);\r\n}\r\n\r\n.progressCircle-module__progressForeground___NWZOt {\r\n stroke: #005a92;\r\n stroke-linecap: round;\r\n transition: stroke-dashoffset 0.5s ease;\r\n stroke-dasharray: 289.03;\r\n stroke-dashoffset: 0;\r\n}\r\n\r\n.progressCircle-module__progressForegroundInfinite___cGw1H {\r\n stroke-dasharray: 80 289.03;\r\n stroke-dashoffset: 0;\r\n}\r\n\r\n/* ====== TAMANHOS ====== */\r\n.progressCircle-module__progressContainer___52PeR.progressCircle-module__large___BZOsB {\r\n width: 110px;\r\n height: 110px;\r\n}\r\n\r\n.progressCircle-module__progressContainer___52PeR.progressCircle-module__medium___dFw6V {\r\n width: 80px;\r\n height: 80px;\r\n}\r\n\r\n.progressCircle-module__progressContainer___52PeR.progressCircle-module__small___Rgbob {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n\r\n/* Oculta a porcentagem e o ícone de ampulheta para os tamanhos medium e small */\r\n.progressCircle-module__progressContainer___52PeR.progressCircle-module__medium___dFw6V .progressCircle-module__percentageContainer___jYTsq,\r\n.progressCircle-module__progressContainer___52PeR.progressCircle-module__small___Rgbob .progressCircle-module__percentageContainer___jYTsq {\r\n display: none;\r\n}\r\n\r\n.progressCircle-module__percentageContainer___jYTsq {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px 3px;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n white-space: nowrap;\r\n}\r\n\r\n.progressCircle-module__hourglass___zFV-l {\r\n width: 13px;\r\n height: 13px;\r\n color: rgba(74, 74, 75, 0.8);\r\n}\r\n\r\n.progressCircle-module__percentage___o-Lud {\r\n font-size: 1.85rem;\r\n font-weight: 400;\r\n color: #005a92;\r\n}\r\n\r\n.progressCircle-module__message___wvOdY {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #000000;\r\n margin-top: 10px;\r\n}\r\n\r\n.progressCircle-module__progressRingInfinite___6pmkX {\r\n transform-origin: 50% 50%;\r\n animation: progressCircle-module__rotateRing___IXx-n 1.2s linear infinite;\r\n}\r\n\r\n@keyframes progressCircle-module__rotateRing___IXx-n {\r\n 0% {\r\n transform: rotate(-90deg);\r\n }\r\n 100% {\r\n transform: rotate(270deg);\r\n }\r\n}\r\n";
|
|
24215
|
+
var styles$2 = {"overlay":"progressCircle-module__overlay___BHoDf","modal":"progressCircle-module__modal___tI5Fh","progressContainer":"progressCircle-module__progressContainer___52PeR","progressRing":"progressCircle-module__progressRing___7xKz8","progressBackground":"progressCircle-module__progressBackground___m6YDA","progressForeground":"progressCircle-module__progressForeground___NWZOt","progressForegroundInfinite":"progressCircle-module__progressForegroundInfinite___cGw1H","large":"progressCircle-module__large___BZOsB","medium":"progressCircle-module__medium___dFw6V","small":"progressCircle-module__small___Rgbob","percentageContainer":"progressCircle-module__percentageContainer___jYTsq","hourglass":"progressCircle-module__hourglass___zFV-l","percentage":"progressCircle-module__percentage___o-Lud","message":"progressCircle-module__message___wvOdY","progressRingInfinite":"progressCircle-module__progressRingInfinite___6pmkX","rotateRing":"progressCircle-module__rotateRing___IXx-n"};
|
|
24216
|
+
styleInject(css_248z$3);
|
|
24201
24217
|
|
|
24202
24218
|
function ProgressCircle(_a) {
|
|
24203
24219
|
var percentage = _a.percentage, message = _a.message, _b = _a.size, size = _b === void 0 ? "large" : _b, _c = _a.infinite, infinite = _c === void 0 ? false : _c, _d = _a.isInProgress, isInProgress = _d === void 0 ? true : _d, onClose = _a.onClose;
|
|
24204
24220
|
if (!isInProgress)
|
|
24205
24221
|
return null;
|
|
24206
|
-
return (React.createElement("div", { className: styles$
|
|
24207
|
-
React.createElement("div", { className: styles$
|
|
24208
|
-
React.createElement("div", { className: "".concat(styles$
|
|
24209
|
-
React.createElement("svg", { className: styles$
|
|
24210
|
-
React.createElement("circle", { className: styles$
|
|
24211
|
-
React.createElement("circle", { className: "".concat(styles$
|
|
24222
|
+
return (React.createElement("div", { className: styles$2.overlay, onClick: onClose },
|
|
24223
|
+
React.createElement("div", { className: styles$2.modal, onClick: function (e) { return e.stopPropagation(); } },
|
|
24224
|
+
React.createElement("div", { className: "".concat(styles$2.progressContainer, " ").concat(styles$2[size]) },
|
|
24225
|
+
React.createElement("svg", { className: styles$2.progressRing, viewBox: "0 0 100 100" },
|
|
24226
|
+
React.createElement("circle", { className: styles$2.progressBackground, cx: "50", cy: "50", r: "46" }),
|
|
24227
|
+
React.createElement("circle", { className: "".concat(styles$2.progressForeground, " ").concat(infinite ? styles$2.progressForegroundInfinite : "", " ").concat(infinite ? styles$2.progressRingInfinite : ""), cx: "50", cy: "50", r: "46", style: infinite
|
|
24212
24228
|
? undefined
|
|
24213
24229
|
: {
|
|
24214
24230
|
strokeDasharray: "289.03",
|
|
24215
24231
|
strokeDashoffset: "".concat(289.03 - (289.03 * percentage) / 100),
|
|
24216
24232
|
} })),
|
|
24217
|
-
size === "large" && (React.createElement("div", { className: styles$
|
|
24218
|
-
React.createElement(IconHourglass, { className: styles$
|
|
24219
|
-
React.createElement("span", { className: styles$
|
|
24233
|
+
size === "large" && (React.createElement("div", { className: styles$2.percentageContainer },
|
|
24234
|
+
React.createElement(IconHourglass, { className: styles$2.hourglass }),
|
|
24235
|
+
React.createElement("span", { className: styles$2.percentage },
|
|
24220
24236
|
percentage,
|
|
24221
24237
|
"%")))),
|
|
24222
|
-
(message === null || message === void 0 ? void 0 : message.trim()) && React.createElement("p", { className: styles$
|
|
24238
|
+
(message === null || message === void 0 ? void 0 : message.trim()) && React.createElement("p", { className: styles$2.message }, message))));
|
|
24223
24239
|
}
|
|
24224
24240
|
|
|
24225
|
-
var css_248z$
|
|
24226
|
-
var styles = {"chip":"styles-module__chip___JRUot","small":"styles-module__small___huEH-","medium":"styles-module__medium___T2Tx0","large":"styles-module__large___9WnTN","primary":"styles-module__primary___qW4v5","information":"styles-module__information___wK4q7","success":"styles-module__success___lsnL3","warning":"styles-module__warning___gh-X1","error":"styles-module__error___jn5Or","avatar":"styles-module__avatar___iW7OF","iconLeft":"styles-module__iconLeft___dMseE","iconRight":"styles-module__iconRight___y6bbP"};
|
|
24227
|
-
styleInject(css_248z$
|
|
24241
|
+
var css_248z$2 = ".styles-module__chip___JRUot {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--small-space, 8px);\r\n border-radius: 16px;\r\n font-family: var(--font-open-sans-serif);\r\n font-weight: 600;\r\n transition: all 0.2s ease-in-out;\r\n user-select: none;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__chip___JRUot:disabled {\r\n opacity: 0.6;\r\n}\r\n\r\n/* Sizes */\r\n.styles-module__small___huEH- {\r\n padding: 4px 8px;\r\n font-size: var(--font-size-12);\r\n min-height: 24px;\r\n}\r\n\r\n.styles-module__medium___T2Tx0 {\r\n padding: 6px 12px;\r\n font-size: var(--font-size-14);\r\n min-height: 32px;\r\n}\r\n\r\n.styles-module__large___9WnTN {\r\n padding: 8px 16px;\r\n font-size: var(--font-size-16);\r\n min-height: 40px;\r\n}\r\n\r\n/* Variants */\r\n.styles-module__primary___qW4v5 {\r\n background-color: var(--color-primary);\r\n color: var(--color-white);\r\n border: none;\r\n}\r\n\r\n.styles-module__information___wK4q7 {\r\n background-color: var(--bg-informative);\r\n color: var(--color-primary);\r\n border: none;\r\n}\r\n\r\n.styles-module__success___lsnL3 {\r\n background-color: var(--bg-informative-success);\r\n color: var(--success-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__warning___gh-X1 {\r\n background-color: var(--bg-informative-warning);\r\n color: var(--warning-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__error___jn5Or {\r\n background-color: var(--bg-informative-alert);\r\n color: var(--alert-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__avatar___iW7OF {\r\n background-color: var(--color-white);\r\n color: var(--color-secondary);\r\n border: 1px solid var(--color-secondary);\r\n}\r\n\r\n/* Icon positioning */\r\n.styles-module__iconLeft___dMseE {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconRight___y6bbP {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n/* Responsive */\r\n@media screen and (max-width: 480px) {\r\n .styles-module__small___huEH- {\r\n padding: 3px 6px;\r\n font-size: var(--font-size-10);\r\n min-height: 20px;\r\n }\r\n\r\n .styles-module__medium___T2Tx0 {\r\n padding: 5px 10px;\r\n font-size: var(--font-size-12);\r\n min-height: 28px;\r\n }\r\n\r\n .styles-module__large___9WnTN {\r\n padding: 7px 14px;\r\n font-size: var(--font-size-14);\r\n min-height: 36px;\r\n }\r\n}\r\n";
|
|
24242
|
+
var styles$1 = {"chip":"styles-module__chip___JRUot","small":"styles-module__small___huEH-","medium":"styles-module__medium___T2Tx0","large":"styles-module__large___9WnTN","primary":"styles-module__primary___qW4v5","information":"styles-module__information___wK4q7","success":"styles-module__success___lsnL3","warning":"styles-module__warning___gh-X1","error":"styles-module__error___jn5Or","avatar":"styles-module__avatar___iW7OF","iconLeft":"styles-module__iconLeft___dMseE","iconRight":"styles-module__iconRight___y6bbP"};
|
|
24243
|
+
styleInject(css_248z$2);
|
|
24228
24244
|
|
|
24229
24245
|
var Chip = React.forwardRef(function (_a, ref) {
|
|
24230
24246
|
var _b;
|
|
24231
24247
|
var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, className = _a.className, _e = _a.disabled, disabled = _e === void 0 ? false : _e, props = __rest(_a, ["variant", "size", "children", "leftIcon", "rightIcon", "className", "disabled"]);
|
|
24232
|
-
var chipClass = clsx(styles.chip, styles[variant], styles[size], (_b = {},
|
|
24233
|
-
_b[styles.disabled] = disabled,
|
|
24248
|
+
var chipClass = clsx(styles$1.chip, styles$1[variant], styles$1[size], (_b = {},
|
|
24249
|
+
_b[styles$1.disabled] = disabled,
|
|
24234
24250
|
_b), className);
|
|
24235
24251
|
return (React.createElement("div", __assign({ ref: ref, className: chipClass }, props),
|
|
24236
|
-
leftIcon && React.createElement("span", { className: styles.iconLeft }, leftIcon),
|
|
24252
|
+
leftIcon && React.createElement("span", { className: styles$1.iconLeft }, leftIcon),
|
|
24237
24253
|
React.createElement("span", null, children),
|
|
24238
|
-
rightIcon && React.createElement("span", { className: styles.iconRight }, rightIcon)));
|
|
24254
|
+
rightIcon && React.createElement("span", { className: styles$1.iconRight }, rightIcon)));
|
|
24239
24255
|
});
|
|
24240
24256
|
Chip.displayName = "Chip";
|
|
24241
24257
|
|
|
24258
|
+
var css_248z$1 = ".styles-module__anchorButton___--an4 {\r\n background: transparent;\r\n border: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__menuContainer___yHaTV {\r\n position: absolute;\r\n z-index: 3000;\r\n border: 1px solid var(--color-border);\r\n border-radius: 10px;\r\n padding: 10px;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n 0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__menuContent___MVxcu {\r\n display: flex;\r\n flex-direction: column;\r\n max-width: 92vw;\r\n max-height: 70vh;\r\n overflow: hidden;\r\n}\r\n";
|
|
24259
|
+
var styles = {"anchorButton":"styles-module__anchorButton___--an4","menuContainer":"styles-module__menuContainer___yHaTV","menuContent":"styles-module__menuContent___MVxcu"};
|
|
24260
|
+
styleInject(css_248z$1);
|
|
24261
|
+
|
|
24262
|
+
var EDGE_PADDING = 8;
|
|
24263
|
+
var FloatingMenu = function (_a) {
|
|
24264
|
+
var anchor = _a.anchor, anchorContent = _a.anchorContent, isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, className = _a.className, style = _a.style;
|
|
24265
|
+
var containerRef = React.useRef(null);
|
|
24266
|
+
var internalAnchorRef = React.useRef(null);
|
|
24267
|
+
var _b = React.useState({}), computedStyle = _b[0], setComputedStyle = _b[1];
|
|
24268
|
+
var _c = React.useState(false), isMobile = _c[0], setIsMobile = _c[1];
|
|
24269
|
+
var _d = React.useState(false), internalOpen = _d[0], setInternalOpen = _d[1];
|
|
24270
|
+
var menuId = React.useMemo(function () { return "floating-menu-".concat(Math.random().toString(36).slice(2, 9)); }, []);
|
|
24271
|
+
var triggerId = React.useMemo(function () { return "floating-menu-trigger-".concat(Math.random().toString(36).slice(2, 9)); }, []);
|
|
24272
|
+
var portalRoot = typeof document !== "undefined" ? document.body : null;
|
|
24273
|
+
React.useEffect(function () {
|
|
24274
|
+
var onResize = function () { return setIsMobile(window.innerWidth <= 480); };
|
|
24275
|
+
onResize();
|
|
24276
|
+
window.addEventListener("resize", onResize);
|
|
24277
|
+
return function () { return window.removeEventListener("resize", onResize); };
|
|
24278
|
+
}, []);
|
|
24279
|
+
var resolvedOpen = typeof isOpen === "boolean" ? isOpen : internalOpen;
|
|
24280
|
+
var resolvedAnchor = anchor || internalAnchorRef.current;
|
|
24281
|
+
React.useEffect(function () {
|
|
24282
|
+
if (!resolvedOpen || !resolvedAnchor || !containerRef.current)
|
|
24283
|
+
return;
|
|
24284
|
+
var updatePosition = function () {
|
|
24285
|
+
if (!resolvedAnchor || !containerRef.current)
|
|
24286
|
+
return;
|
|
24287
|
+
var anchorRect = resolvedAnchor.getBoundingClientRect();
|
|
24288
|
+
var menuRect = containerRef.current.getBoundingClientRect();
|
|
24289
|
+
var scrollY = window.scrollY || window.pageYOffset;
|
|
24290
|
+
var scrollX = window.scrollX || window.pageXOffset;
|
|
24291
|
+
var vw = window.innerWidth;
|
|
24292
|
+
var vh = window.innerHeight;
|
|
24293
|
+
var top = 0;
|
|
24294
|
+
var left = 0;
|
|
24295
|
+
if (isMobile) {
|
|
24296
|
+
var availableBelow = vh - anchorRect.bottom;
|
|
24297
|
+
var availableAbove = anchorRect.top;
|
|
24298
|
+
var fitsBelow = availableBelow >= menuRect.height + EDGE_PADDING;
|
|
24299
|
+
var fitsAbove = availableAbove >= menuRect.height + EDGE_PADDING;
|
|
24300
|
+
if (!fitsBelow && fitsAbove) {
|
|
24301
|
+
top = anchorRect.top + scrollY - menuRect.height - EDGE_PADDING;
|
|
24302
|
+
}
|
|
24303
|
+
else {
|
|
24304
|
+
top = anchorRect.bottom + scrollY + EDGE_PADDING;
|
|
24305
|
+
}
|
|
24306
|
+
left =
|
|
24307
|
+
anchorRect.left + scrollX + anchorRect.width / 2 - menuRect.width / 2;
|
|
24308
|
+
}
|
|
24309
|
+
else {
|
|
24310
|
+
var spaceBelow = vh - anchorRect.bottom;
|
|
24311
|
+
var spaceAbove = anchorRect.top;
|
|
24312
|
+
var spaceRight = vw - anchorRect.right;
|
|
24313
|
+
var spaceLeft = anchorRect.left;
|
|
24314
|
+
var preferVertical = spaceBelow >= menuRect.height || spaceAbove >= menuRect.height;
|
|
24315
|
+
if (preferVertical) {
|
|
24316
|
+
if (spaceBelow >= menuRect.height || spaceBelow >= spaceAbove) {
|
|
24317
|
+
top = anchorRect.bottom + scrollY + EDGE_PADDING;
|
|
24318
|
+
}
|
|
24319
|
+
else {
|
|
24320
|
+
top = anchorRect.top + scrollY - menuRect.height - EDGE_PADDING;
|
|
24321
|
+
}
|
|
24322
|
+
left = anchorRect.left + scrollX;
|
|
24323
|
+
}
|
|
24324
|
+
else {
|
|
24325
|
+
if (spaceRight >= menuRect.width || spaceRight >= spaceLeft) {
|
|
24326
|
+
left = anchorRect.right + scrollX + EDGE_PADDING;
|
|
24327
|
+
}
|
|
24328
|
+
else {
|
|
24329
|
+
left = anchorRect.left + scrollX - menuRect.width - EDGE_PADDING;
|
|
24330
|
+
}
|
|
24331
|
+
top = anchorRect.top + scrollY;
|
|
24332
|
+
}
|
|
24333
|
+
}
|
|
24334
|
+
left = Math.max(EDGE_PADDING + scrollX, left);
|
|
24335
|
+
if (left + menuRect.width + EDGE_PADDING > scrollX + vw) {
|
|
24336
|
+
left = scrollX + vw - menuRect.width - EDGE_PADDING;
|
|
24337
|
+
}
|
|
24338
|
+
var minTop = EDGE_PADDING + scrollY;
|
|
24339
|
+
var maxTop = scrollY + vh - menuRect.height - EDGE_PADDING;
|
|
24340
|
+
top = Math.min(Math.max(top, minTop), maxTop);
|
|
24341
|
+
var computed = {
|
|
24342
|
+
position: "absolute",
|
|
24343
|
+
top: top,
|
|
24344
|
+
left: left,
|
|
24345
|
+
zIndex: 3000,
|
|
24346
|
+
maxWidth: isMobile ? "92vw" : undefined,
|
|
24347
|
+
width: isMobile ? "auto" : undefined,
|
|
24348
|
+
maxHeight: isMobile ? vh * 0.7 : undefined,
|
|
24349
|
+
overflow: isMobile ? "auto" : undefined,
|
|
24350
|
+
};
|
|
24351
|
+
setComputedStyle(computed);
|
|
24352
|
+
};
|
|
24353
|
+
updatePosition();
|
|
24354
|
+
window.addEventListener("scroll", updatePosition);
|
|
24355
|
+
document.addEventListener("scroll", updatePosition, true);
|
|
24356
|
+
document.addEventListener("touchmove", updatePosition, {
|
|
24357
|
+
passive: true,
|
|
24358
|
+
});
|
|
24359
|
+
window.addEventListener("resize", updatePosition);
|
|
24360
|
+
return function () {
|
|
24361
|
+
window.removeEventListener("scroll", updatePosition);
|
|
24362
|
+
document.removeEventListener("scroll", updatePosition, true);
|
|
24363
|
+
document.removeEventListener("touchmove", updatePosition);
|
|
24364
|
+
window.removeEventListener("resize", updatePosition);
|
|
24365
|
+
};
|
|
24366
|
+
}, [resolvedOpen, resolvedAnchor, isMobile, children]);
|
|
24367
|
+
React.useEffect(function () {
|
|
24368
|
+
if (!resolvedOpen)
|
|
24369
|
+
return;
|
|
24370
|
+
var handleOutside = function (e) {
|
|
24371
|
+
var _a;
|
|
24372
|
+
var target = e.target;
|
|
24373
|
+
var clickedInsideMenu = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(target);
|
|
24374
|
+
var clickedAnchor = resolvedAnchor === null || resolvedAnchor === void 0 ? void 0 : resolvedAnchor.contains(target);
|
|
24375
|
+
if (!clickedInsideMenu && !clickedAnchor) {
|
|
24376
|
+
if (typeof isOpen === "boolean") {
|
|
24377
|
+
onClose && onClose();
|
|
24378
|
+
}
|
|
24379
|
+
else {
|
|
24380
|
+
setInternalOpen(false);
|
|
24381
|
+
}
|
|
24382
|
+
}
|
|
24383
|
+
};
|
|
24384
|
+
document.addEventListener("mousedown", handleOutside);
|
|
24385
|
+
document.addEventListener("touchstart", handleOutside);
|
|
24386
|
+
return function () {
|
|
24387
|
+
document.removeEventListener("mousedown", handleOutside);
|
|
24388
|
+
document.removeEventListener("touchstart", handleOutside);
|
|
24389
|
+
};
|
|
24390
|
+
}, [resolvedOpen, resolvedAnchor, onClose, isOpen]);
|
|
24391
|
+
React.useEffect(function () {
|
|
24392
|
+
if (!resolvedOpen)
|
|
24393
|
+
return;
|
|
24394
|
+
var raf = requestAnimationFrame(function () {
|
|
24395
|
+
var _a;
|
|
24396
|
+
(_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
24397
|
+
});
|
|
24398
|
+
return function () { return cancelAnimationFrame(raf); };
|
|
24399
|
+
}, [resolvedOpen]);
|
|
24400
|
+
if (!portalRoot)
|
|
24401
|
+
return null;
|
|
24402
|
+
if (!resolvedOpen && !anchorContent)
|
|
24403
|
+
return anchor ? null : (React.createElement("button", { ref: internalAnchorRef, type: "button", className: styles.anchorButton, onClick: function () { return setInternalOpen(function (v) { return !v; }); } }, anchorContent));
|
|
24404
|
+
var containerClassName = [styles.menuContainer, className]
|
|
24405
|
+
.filter(Boolean)
|
|
24406
|
+
.join(" ");
|
|
24407
|
+
var menu = (React.createElement("div", { ref: containerRef, className: containerClassName, style: __assign(__assign({}, computedStyle), style), id: menuId, role: "menu", "aria-labelledby": anchorContent ? triggerId : undefined, tabIndex: 0, onKeyDown: function (e) {
|
|
24408
|
+
if (e.key === "Escape") {
|
|
24409
|
+
if (typeof isOpen === "boolean") {
|
|
24410
|
+
onClose && onClose();
|
|
24411
|
+
}
|
|
24412
|
+
else {
|
|
24413
|
+
setInternalOpen(false);
|
|
24414
|
+
}
|
|
24415
|
+
}
|
|
24416
|
+
} },
|
|
24417
|
+
React.createElement("div", { className: styles.menuContent }, children)));
|
|
24418
|
+
var trigger = anchorContent ? (React.createElement("button", { ref: internalAnchorRef, type: "button", className: styles.anchorButton, onClick: function () { return setInternalOpen(function (v) { return !v; }); }, id: triggerId, "aria-haspopup": "menu", "aria-expanded": resolvedOpen, "aria-controls": menuId }, anchorContent)) : null;
|
|
24419
|
+
var content = (React.createElement(React.Fragment, null,
|
|
24420
|
+
trigger,
|
|
24421
|
+
resolvedOpen && ReactDOM.createPortal(menu, portalRoot)));
|
|
24422
|
+
if (anchor || anchorContent) {
|
|
24423
|
+
return content;
|
|
24424
|
+
}
|
|
24425
|
+
return ReactDOM.createPortal(menu, portalRoot);
|
|
24426
|
+
};
|
|
24427
|
+
|
|
24242
24428
|
var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-open-sans-serif);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\ntextarea {\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n:root {\r\n --font-scale: 0px;\r\n /* fonts */\r\n --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n --font-open-sans-light: \"Open Sans\", 300;\r\n --font-open-sans-regular: \"Open Sans\", 400;\r\n --font-open-sans-bold: \"Open Sans\", 700;\r\n /* colors */\r\n --color-white: #ffffff;\r\n --color-primary: #005a92;\r\n --color-secondary: #303030;\r\n --color-success: #198754;\r\n --color-warning: #cb8700;\r\n --color-information: #1a95b0;\r\n --color-danger: #cb0a0a;\r\n --color-focus: var(--color-information);\r\n --color-focus-outline: #0091ea80;\r\n --color-placeholder: #9ca4b47d;\r\n --color-border: #cfcfcffc;\r\n --color-label: #303030;\r\n --color-input: #30303090;\r\n --background-color-success: #1987541a;\r\n --background-color-error: #cb0a0a1a;\r\n --background-color-warning: #cb87001a;\r\n --background-color-table-primary: #eeeeee;\r\n --background-color-table-secondary: #f6f6f6;\r\n --background-color-table-hover: #e5f1f9;\r\n --color-weaker-blue: #52819e;\r\n --color-dark-gray: #363632;\r\n --color-gray-medium: #495057;\r\n --color-red-light: #dc354580;\r\n /* input */\r\n --input-border: 1px solid var(--color-border);\r\n --input-border-danger: 1px solid var(--color-danger);\r\n --input-border-radius: 8px;\r\n --input-border-focus: 1px solid var(--color-focus);\r\n --input-cursor: pointer;\r\n --input-font-size: 14px;\r\n --input-font-weight: 700;\r\n --input-line-height: 24px;\r\n --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n /* Font sizes */\r\n --font-size-32: calc(32px + var(--font-scale));\r\n --font-size-24: calc(24px + var(--font-scale));\r\n --font-size-20: calc(20px + var(--font-scale));\r\n --font-size-16: calc(16px + var(--font-scale));\r\n --font-size-14: calc(14px + var(--font-scale));\r\n --font-size-12: calc(12px + var(--font-scale));\r\n --font-size-10: calc(10px + var(--font-scale));\r\n\r\n /* Theming colors */\r\n --background-color: #fff;\r\n --foreground: #303030;\r\n --success-color: #198754;\r\n --warning-color: #cb8700;\r\n --alert-color: #cb0a0a;\r\n --information-color: #005a92d9;\r\n\r\n /* Switch variables */\r\n --switch-bg-main-color: #005a92;\r\n\r\n /* Input variables */\r\n --input-placeholder-focus: #303030cc;\r\n --input-placeholder-color: #30303066;\r\n --input-bg-color: #fff;\r\n --input-disabled-bg-color: #eeeeee;\r\n\r\n --primary-color: #005a92;\r\n --primary-color-with-opacity: #005a9280;\r\n --pge-gold: #bb9b32;\r\n --hover-color: #00436d;\r\n --icon-color: #4a4a4b;\r\n --border-color: #d9d9d9;\r\n --light-grey-color: #c3c3c3;\r\n --grey-color: #a0a0a0;\r\n\r\n /* Primary Button specific variables */\r\n --btn-bg-primary-color: #005a92;\r\n --btn-text-primary-color: #fff;\r\n --btn-text-hover-primary-color: #fff;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #fff;\r\n --btn-bg-hover-secondary-color: #00436d1a;\r\n --btn-text-secondary-color: #00436d;\r\n --btn-text-hover-secondary-color: #005a92;\r\n --btn-bg-focus-secondary-color: #52819e40;\r\n --btn-text-focus-secondary-color: #005a92;\r\n --btn-border-secondary-color: #52819e;\r\n --btn-text-danger-secondary-color: #cb0a0a;\r\n --btn-border-danger-secondary-color: #cb0a0a;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: transparent;\r\n --btn-text-tertiary-color: #005a92;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #0b81ca47;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #cb0a0a;\r\n --btn-border-danger-tertiary-color: #cb0a0a;\r\n\r\n /* Secondary Button Upload specific variables */\r\n --btn-up-bg-secondary-color: #fff;\r\n --btn-up-bg-hover-secondary-color: #00436d1a;\r\n --btn-up-text-secondary-color: #00436d;\r\n --btn-up-text-hover-secondary-color: #005a92;\r\n --btn-up-bg-focus-secondary-color: #52819e40;\r\n --btn-up-text-focus-secondary-color: #005a92;\r\n --btn-up-border-secondary-color: #52819e;\r\n --btn-up-text-danger-secondary-color: #cb0a0a;\r\n --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n /* Header variables */\r\n --header-bg-main-color: #fff;\r\n --header-logout-btn-color: #005a92;\r\n --header-logout-icon-color: #005a92;\r\n --header-menu-icon-color: #005a92;\r\n --header-menu-seta-color: #000;\r\n --header-bg-dropdown: #fff;\r\n --header-font-dropdown: #303030;\r\n --header-hover-dropdown: #005a921a;\r\n\r\n /* Checkbox variables */\r\n --checkbox-bg-main-color: #ffffff;\r\n --checkbox-border-color: #c3c3c3;\r\n --checkbox-hover-bg-color: #005a921a;\r\n --checkbox-checked-bg-color: #005a92;\r\n --checkbox-checked-border-color: #005a92;\r\n --checkbox-checked-hover-bg-color: #005a92;\r\n --checkbox-checked-hover-border-color: #005a92;\r\n --checkbox-focus-box-shadow-color: #5e92b3;\r\n --checkbox-disabled-bg-color: #a0a0a01a;\r\n\r\n /* PaginationV2 variables */\r\n --paginationv2-arrow-color: #005a92;\r\n --paginationv2-selecttrigger-bg-color: #fff;\r\n --paginationv2-selectedValue-color: #303030b2;\r\n --paginationv2-selecttrigger-border-color: #dee2e6;\r\n --paginationv2-optionslist-bg-color: #fff;\r\n --paginationv2-optionslist-font-color: #333;\r\n --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n --paginationv2-optionselect-bg-color: #e6f3f9;\r\n --paginationv2-optionselect-text-color: #005a92;\r\n\r\n /* Table variables */\r\n --table-text-color: #777;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #1987541a;\r\n --bg-informative-alert: #cb0a0a1a;\r\n --bg-informative-warning: #cb87001a;\r\n --bg-informative: #005a9214;\r\n\r\n --footer-bg-color: #005a92;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #005a92;\r\n\r\n /*Loader */\r\n --loader-spinning-color: #005a92;\r\n --loader-bg-color: #005a921a;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n html {\r\n color-scheme: dark;\r\n }\r\n\r\n :root {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n }\r\n\r\n} */\r\n\r\n.dark-mode {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #1a95b0;\r\n --color-label: #fff;\r\n\r\n /* Switch variables */\r\n --switch-bg-main-color: #37adf6;\r\n\r\n /* Button specific variables */\r\n --btn-bg-primary-color: #fff;\r\n --btn-text-primary-color: #005a92;\r\n --btn-text-hover-primary-color: #005a92;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #000;\r\n --btn-bg-hover-secondary-color: #fff;\r\n --btn-text-secondary-color: #fff;\r\n --btn-text-hover-secondary-color: #000;\r\n --btn-bg-focus-secondary-color: #415474;\r\n --btn-text-focus-secondary-color: #fff;\r\n --btn-border-secondary-color: #fff;\r\n --btn-bg-danger-secondary-color: #000;\r\n --btn-text-danger-secondary-color: #ff5858;\r\n --btn-border-danger-secondary-color: #ff5858;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: #415474;\r\n --btn-text-tertiary-color: #fff;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #415474;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #ff5858;\r\n --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n /* Secondary Button Upload specific variables */\r\n --btn-up-bg-secondary-color: #fff;\r\n --btn-up-bg-hover-secondary-color: #00436d1a;\r\n --btn-up-text-secondary-color: #00436d;\r\n --btn-up-text-hover-secondary-color: #005a92;\r\n --btn-up-bg-focus-secondary-color: #52819e40;\r\n --btn-up-text-focus-secondary-color: #005a92;\r\n --btn-up-border-secondary-color: transparent;\r\n --btn-up-text-danger-secondary-color: #cb0a0a;\r\n --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n /* Input variables */\r\n --input-placeholder-color: #fff;\r\n --input-placeholder-focus: #fff;\r\n --input-bg-color: #2d2d2e;\r\n --input-disabled-bg-color: #4b4b4c;\r\n\r\n /* Table variables */\r\n --background-color-table-primary: #303030;\r\n --background-color-table-secondary: #4b4b4c;\r\n\r\n /* Header variables */\r\n --header-bg-main-color: #4a4a4a;\r\n --header-logout-btn-color: #fff;\r\n --header-logout-icon-color: #fff;\r\n --header-menu-icon-color: #fff;\r\n --header-menu-seta-color: #fff;\r\n --header-bg-dropdown: #303030;\r\n --header-font-dropdown: #fff;\r\n --header-hover-dropdown: #4a4a4b;\r\n\r\n /* Checkbox variables */\r\n --checkbox-bg-main-color: #ffffff;\r\n --checkbox-border-color: #c3c3c3;\r\n --checkbox-hover-bg-color: #ffffff;\r\n --checkbox-checked-bg-color: #ffffff;\r\n --checkbox-checked-border-color: #ffffff;\r\n --checkbox-checked-hover-bg-color: #ffffff;\r\n --checkbox-checked-hover-border-color: #ffffff;\r\n --checkbox-focus-box-shadow-color: #d9d9d980;\r\n --checkbox-disabled-bg-color: #a0a0a01a;\r\n --checkbox-icon-color: invert(1);\r\n\r\n /* PaginationV2 variables */\r\n --paginationv2-arrow-color: #ffffff;\r\n --paginationv2-selecttrigger-bg-color: #ffffff;\r\n --paginationv2-selectedValue-color: #303030;\r\n --paginationv2-selecttrigger-border-color: #d9d9d9fc;\r\n --paginationv2-optionslist-bg-color: #4b4b4c;\r\n --paginationv2-optionslist-font-color: #fff;\r\n --paginationv2-optionslist-hover-bg-color: #303030;\r\n --paginationv2-optionselect-bg-color: #2a2a2b;\r\n --paginationv2-optionselect-text-color: #fff;\r\n\r\n /* Table variables */\r\n --table-text-color: #fff;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #303030;\r\n --bg-informative-alert: #303030;\r\n --bg-informative-warning: #303030;\r\n --bg-informative: #303030;\r\n\r\n --footer-bg-color: #000;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #4a4a4a;\r\n\r\n /*Loader */\r\n --loader-spinning-color: #fff;\r\n --loader-bg-color: #4a4a4b;\r\n}\r\n\r\n::placeholder {\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n /* Para Internet Explorer 10-11 */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n /* Para Microsoft Edge */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n font-family: var(--font-open-sans-serif) !important;\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n.p-inputwrapper {\r\n width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n background-color: white !important;\r\n box-shadow: none !important;\r\n border-top: 1px solid #d1d5db;\r\n border-right: 1px solid #d1d5db;\r\n border-bottom: 1px solid #d1d5db;\r\n border-left: none;\r\n border-top-right-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n outline: 0 none;\r\n outline-offset: 0;\r\n box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n border-color: #06b6d4;\r\n}\r\n";
|
|
24243
24429
|
styleInject(css_248z);
|
|
24244
24430
|
|
|
@@ -24259,6 +24445,7 @@ exports.CommonDotIcon = CommonDotIcon;
|
|
|
24259
24445
|
exports.DateInput = DateInput;
|
|
24260
24446
|
exports.Dropdown = Dropdown;
|
|
24261
24447
|
exports.FileUpload = FileUpload;
|
|
24448
|
+
exports.FloatingMenu = FloatingMenu;
|
|
24262
24449
|
exports.Footer = FooterPge;
|
|
24263
24450
|
exports.Header = Header;
|
|
24264
24451
|
exports.HeaderPge = HeaderPge;
|
|
@@ -24269,6 +24456,7 @@ exports.IconArrowLeft = IconArrowLeft;
|
|
|
24269
24456
|
exports.IconArrowRecall = IconArrowRecall;
|
|
24270
24457
|
exports.IconArrowRight = IconArrowRight;
|
|
24271
24458
|
exports.IconCLose = IconCLose;
|
|
24459
|
+
exports.IconCalculate = IconCalculate;
|
|
24272
24460
|
exports.IconCalendar = IconCalendar;
|
|
24273
24461
|
exports.IconCertidaoRegularidade = IconCertidaoRegularidade;
|
|
24274
24462
|
exports.IconCheck = IconCheck;
|
|
@@ -24277,6 +24465,7 @@ exports.IconCircleExpland = IconCircleExpland;
|
|
|
24277
24465
|
exports.IconCircleRecall = IconCircleRecall;
|
|
24278
24466
|
exports.IconDebitoFiscal = IconDebitoFiscal;
|
|
24279
24467
|
exports.IconDelete = IconDelete$1;
|
|
24468
|
+
exports.IconDotsVertical = IconDotsVertical;
|
|
24280
24469
|
exports.IconDownload = IconDownload;
|
|
24281
24470
|
exports.IconEdit = IconEdit;
|
|
24282
24471
|
exports.IconEmissaoDarj = IconEmissaoDarj;
|
|
@@ -24290,6 +24479,7 @@ exports.IconLogout = IconLogout;
|
|
|
24290
24479
|
exports.IconMail = IconMail;
|
|
24291
24480
|
exports.IconNewTab = IconNewTab;
|
|
24292
24481
|
exports.IconParcelamento = IconParcelamento;
|
|
24482
|
+
exports.IconPayment = IconPayment;
|
|
24293
24483
|
exports.IconPdf = IconPdf;
|
|
24294
24484
|
exports.IconPrint = IconPrint;
|
|
24295
24485
|
exports.IconProfile = IconProfile;
|
|
@@ -24300,7 +24490,10 @@ exports.IconSearch = IconSearch;
|
|
|
24300
24490
|
exports.IconSwap = IconSwap;
|
|
24301
24491
|
exports.IconTriangleExpand = IconTriangleExpand;
|
|
24302
24492
|
exports.IconTriangleRecall = IconTriangleRecall;
|
|
24493
|
+
exports.IconTwoUsers = IconTwoUsers;
|
|
24494
|
+
exports.IconTwoUsersSearch = IconTwoUsersSearch;
|
|
24303
24495
|
exports.IconUpAndDownArror = IconUpAndDownArror;
|
|
24496
|
+
exports.IconUpArrow = IconUpArrow;
|
|
24304
24497
|
exports.IconUpload = IconUpload;
|
|
24305
24498
|
exports.IconUploadFile = IconUploadFile;
|
|
24306
24499
|
exports.IconUploadFile2 = IconUploadFile2;
|