bianic-ui 0.3.1 → 0.3.3

package/dist/cjs/index.js

@@ -2847,7 +2847,7 @@ var reactExports = react.exports;
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 var Button = function (_a) {
-    var label = _a.label, variant = _a.variant, size = _a.size; _a.state; var rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "state", "rounded", "left", "right"]);
+    var label = _a.label, variant = _a.variant, size = _a.size, rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "rounded", "left", "right"]);
     var radius; // size
     var text;
     var border = "";
@@ -2890,7 +2890,7 @@ var Button = function (_a) {
     }
     else if (variant === "subtle") {
         color = "bg-bia-gray-disabled";
-        text = "hover:bg-bia-gray-hover text-bia-darkgray";
+        text = "hover:bg-bia-gray-hover text-primary-cool";
     }
     else {
         color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
@@ -3030,7 +3030,7 @@ var Dump = function () {
 };
 
 var TextInput = function (_a) {
-    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon"]);
+    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, inputSize = _a.inputSize, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon", "inputSize"]);
     var iconPic;
     var iconColor;
     var pad = true;
@@ -3051,13 +3051,13 @@ var TextInput = function (_a) {
     }
     if (rest.type === "password") {
         iconPic = React.createElement("button", { type: "button", onClick: function () { } },
-            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: inputSize === "small" ? "14" : "18", height: inputSize === "small" ? "14" : "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M15 8.99994C15 7.64244 12.18 6.01119 8.99475 5.99994C5.83125 5.98869 3 7.63344 3 8.99994C3 10.3687 5.8155 12.0044 8.99775 11.9999C12.189 11.9954 15 10.3649 15 8.99994ZM9 13.4999C5.2185 13.5052 1.5 11.4854 1.5 8.99994C1.5 6.51444 5.238 4.48719 9 4.49994C12.762 4.51269 16.5 6.51444 16.5 8.99994C16.5 11.4854 12.7815 13.4947 9 13.4999ZM9 11.9999C8.20435 11.9999 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79559 6 8.99994C6 8.20429 6.31607 7.44123 6.87868 6.87862C7.44129 6.31601 8.20435 5.99994 9 5.99994C9.79565 5.99994 10.5587 6.31601 11.1213 6.87862C11.6839 7.44123 12 8.20429 12 8.99994C12 9.79559 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 11.9999 9 11.9999ZM9 10.4999C9.39782 10.4999 9.77936 10.3419 10.0607 10.0606C10.342 9.77929 10.5 9.39776 10.5 8.99994C10.5 8.60211 10.342 8.22058 10.0607 7.93928C9.77936 7.65797 9.39782 7.49994 9 7.49994C8.60218 7.49994 8.22064 7.65797 7.93934 7.93928C7.65804 8.22058 7.5 8.60211 7.5 8.99994C7.5 9.39776 7.65804 9.77929 7.93934 10.0606C8.22064 10.3419 8.60218 10.4999 9 10.4999Z", fill: iconColor })));
     }
     else if (rest.type === "number" || rest.type === "date") {
         pad = false;
     }
-    else if (icon === undefined) {
+    else if (!icon) {
         iconPic =
             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M4.5 3C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V13.5C3 13.8978 3.15804 14.2794 3.43934 14.5607C3.72064 14.842 4.10218 15 4.5 15H13.5C13.8978 15 14.2794 14.842 14.5607 14.5607C14.842 14.2794 15 13.8978 15 13.5V4.5C15 4.10218 14.842 3.72064 14.5607 3.43934C14.2794 3.15804 13.8978 3 13.5 3H4.5ZM4.5 1.5H13.5C14.2956 1.5 15.0587 1.81607 15.6213 2.37868C16.1839 2.94129 16.5 3.70435 16.5 4.5V13.5C16.5 14.2956 16.1839 15.0587 15.6213 15.6213C15.0587 16.1839 14.2956 16.5 13.5 16.5H4.5C3.70435 16.5 2.94129 16.1839 2.37868 15.6213C1.81607 15.0587 1.5 14.2956 1.5 13.5V4.5C1.5 3.70435 1.81607 2.94129 2.37868 2.37868C2.94129 1.81607 3.70435 1.5 4.5 1.5V1.5Z", fill: iconColor }));
@@ -3066,52 +3066,90 @@ var TextInput = function (_a) {
         iconPic = icon;
     }
     return (React.createElement("div", { className: "field-group w-full flex flex-col" },
-        React.createElement("label", { htmlFor: rest.id, className: "label pb-2" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
             label,
             rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
-        React.createElement("div", { className: "w-full h-full" },
-            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 ".concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
-            React.createElement("div", { className: "absolute inset-y-0 right-2 pl-3 flex items-center ".concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
+        React.createElement("div", { className: "w-full relative" },
+            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " ").concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
+            React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center ").concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
 };
 
 var Radio = function (_a) {
-    var label = _a.label; _a.data; __rest(_a, ["label", "data"]);
+    var label = _a.label; _a.data; var size = _a.size, rest = __rest(_a, ["label", "data", "size"]);
     return (React.createElement("div", { className: "flex items-center" },
-        React.createElement("div", { className: "bg-white rounded-full w-6 h-6 flex flex-shrink-0 justify-center items-center relative" },
-            React.createElement("input", { "aria-labelledby": "label1", type: "radio", name: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full checked:border-none" }),
-            React.createElement("div", { className: "check-icon hidden peer-checked:block border-2 border-bia-blue peer-checked:hover:border-bia-blue-hover bg-primary-light outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
-                React.createElement("div", { className: "w-full h-full bg-bia-blue peer-checked:hover:bg-bia-blue-hover rounded-full border-primary-light border-2" }))),
+        React.createElement("div", { className: "bg-white rounded-full ".concat(size ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" })),
+        React.createElement("label", { id: "label1", className: "ml-2 ".concat(size === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
+};
+
+var TextArea = function (_a) {
+    var label = _a.label; _a.important; var descText = _a.descText; _a.errText; var rest = __rest(_a, ["label", "important", "descText", "errText"]);
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "w-full h-full" },
+            React.createElement("textarea", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded" }, rest, { rows: 4 }))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
+var Checkbox = function (_a) {
+    var label = _a.label, inputSize = _a.inputSize, rest = __rest(_a, ["label", "inputSize"]);
+    return (React.createElement("div", { className: "flex items-center" },
+        React.createElement("div", { className: "bg-white rounded-full ".concat(inputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-light peer-checked:peer-hover:group-[]:fill-primary-light peer-hover:group-[]:fill-bia-blue-hover", viewBox: "-5 -7 24 24", width: "24" },
+                    React.createElement("path", { d: "M5.486 9.73a.997.997 0 0 1-.707-.292L.537 5.195A1 1 0 1 1 1.95 3.78l3.535 3.535L11.85.952a1 1 0 0 1 1.415 1.414L6.193 9.438a.997.997 0 0 1-.707.292z" })))),
         React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
 };
 
+var SelectInput = function (_a) {
+    var label = _a.label, descText = _a.descText, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, options = _a.options, selected = _a.selected, setSelected = _a.setSelected, size = _a.size, rest = __rest(_a, ["label", "descText", "isOpen", "setIsOpen", "options", "selected", "setSelected", "size"]);
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "group w-full h-full relative", onMouseLeave: function () { return setIsOpen(false); } },
+            React.createElement("button", __assign({ className: "field w-full ".concat(size === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " border rounded appearance-none group-hover:border-b-bia-blue group-hover:rounded-b-none ").concat(isOpen ? "border-b-bia-blue rounded-b-none" : "border-[#cbd0e0]", " "), onClick: function () { return setIsOpen(!isOpen); } }, rest),
+                selected.label,
+                " ",
+                selected.value),
+            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-light border-gray-100 rounded-md shadow-lg z-10" },
+                React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(size === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setSelected(option); setIsOpen(false); } }, option.label)); })))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
 var Display = function (_a) {
     var rest = __rest(_a, []);
-    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-['Humnst777 Cn BT']" }, rest), rest.children));
+    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-humnst777" }, rest), rest.children));
 };
 
 var Heading = function (_a) {
     var variant = _a.variant, rest = __rest(_a, ["variant"]);
+    var mar = "my-[50%]";
     if (variant === "1") {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "2") {
-        return (React.createElement("h2", __assign({ className: "title text-4xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h2", __assign({ className: "title text-4xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "3") {
-        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "4") {
-        return (React.createElement("h4", __assign({ className: "title text-2xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h4", __assign({ className: "title text-2xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "5") {
-        return (React.createElement("h5", __assign({ className: "title text-lg font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h5", __assign({ className: "title text-lg ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "6") {
-        return (React.createElement("h6", __assign({ className: "title text-base font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h6", __assign({ className: "title text-base ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
 };
 
@@ -3166,6 +3204,11 @@ var Text = function (_a) {
         fontSize = "text-sm";
         fontWeight = "font-semibold";
     }
+    else if (variant === "normal-text-semilight") {
+        // text-zinc-800 text-sm font-['Segoe UI'] leading-[21px]
+        fontSize = "text-sm";
+        fontWeight = "";
+    }
     else if (variant === "normal-text-bold") {
         // text-zinc-800 text-sm font-bold font-['Segoe UI'] leading-[21px]
         fontSize = "text-sm";
@@ -3195,6 +3238,7 @@ var Text = function (_a) {
     }
     else if (variant === "small-script") {
         // text-zinc-800 text-xs font-normal font-['Consolas']
+        font = "font-['Consolas']";
         fontSize = "text-sm";
         fontWeight = "font-normal";
     }
@@ -3211,11 +3255,62 @@ var Text = function (_a) {
     return (React.createElement("span", __assign({ className: "text ".concat(font, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(fontLeading) }, rest), rest.children));
 };
 
+var Modal = function (_a) {
+    var rest = __rest(_a, []);
+    var size = ""; // default size
+    var closeIcon = React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -2 6 6", width: "14", fill: "currentColor" },
+        React.createElement("path", { d: "M7.314 5.9l3.535-3.536A1 1 0 1 0 9.435.95L5.899 4.485 2.364.95A1 1 0 1 0 .95 2.364l3.535 3.535L.95 9.435a1 1 0 1 0 1.414 1.414l3.535-3.535 3.536 3.535a1 1 0 1 0 1.414-1.414L7.314 5.899z" }));
+    if (rest.modalSize === "small") {
+        size = "w-[300px]";
+    }
+    else if (rest.modalSize === "large") {
+        size = "w-[800px]";
+    }
+    else if (rest.modalSize === "extra-large") {
+        size = "w-[1140px]";
+    }
+    else {
+        size = "w-[540px]";
+    }
+    return (React.createElement("div", { className: "backscreen fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-30") },
+        React.createElement("div", { className: "modal absolute grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 ") },
+            React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
+                React.createElement("div", { className: "Modal modal-title text-lg font-bold font-humnst777" }, rest.title),
+                React.createElement(Button, { onClick: function () { return rest.setIsShow(false); }, variant: "subtle", size: "tiny", left: closeIcon, rounded: true })),
+            rest.children)));
+};
+
+var ModalContent = function (_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", { className: "modal modal-content col-span-5 text-xs font-normal" }, rest.children));
+};
+
+var ModalFooter = function (_a) {
+    var rest = __rest(_a, []);
+    var pos;
+    if (rest.position === "left") {
+        pos = "col-span-2";
+    }
+    else if (rest.position === "right") {
+        pos = "col-span-3 justify-end";
+    }
+    else {
+        pos = "col-span-5";
+    }
+    return (React.createElement("div", { className: "modal flex flex-row ".concat(pos, " gap-[0.63rem] modal-footer") }, rest.children));
+};
+
 exports.Button = Button;
+exports.Checkbox = Checkbox;
 exports.Color = Dump;
 exports.Display = Display;
 exports.Heading = Heading;
+exports.Modal = Modal;
+exports.ModalContent = ModalContent;
+exports.ModalFooter = ModalFooter;
 exports.P = P;
 exports.Radio = Radio;
+exports.SelectInput = SelectInput;
 exports.Text = Text;
+exports.TextArea = TextArea;
 exports.TextInput = TextInput;

package/dist/cjs/lib.css

@@ -1,3 +1,3 @@
 /*
 ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.right-2{right:.5rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[5px\]{gap:5px}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-\[0\.81rem\]{padding:.81rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.pb-2{padding-bottom:.5rem}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checked\:border-none:checked{border-style:none}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.my-\[50\%\]{margin-bottom:50%;margin-top:50%}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:1rem}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[300px\]{width:300px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-b-bia-blue{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-gray{fill:#dadeeb}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[0\.81rem\]{padding:.81rem}.p-\[10px\]{padding:10px}.p-\[6px\]{padding:6px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.pb-2{padding-bottom:.5rem}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.group:hover .group-hover\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.group:hover .group-hover\:border-b-bia-blue{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-light{fill:#fff}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}

package/dist/cjs/types/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label: string;
-    variant: string;
-    size: string;
-    state: string;
-    rounded: boolean;
-    left: string;
-    right: string;
+    label?: string;
+    variant?: string;
+    size?: string;
+    rounded?: boolean;
+    left?: string;
+    right?: string;
 }
-declare const Button: ({ label, variant, size, state, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/cjs/types/components/Forms/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+}
+declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
+export default Checkbox;

package/dist/cjs/types/components/Forms/Radio.d.ts

@@ -1,7 +1,8 @@
-import React, { ComponentPropsWithRef } from "react";
-export interface RadioProps extends ComponentPropsWithRef<"input"> {
+import React, { ComponentPropsWithoutRef } from "react";
+export interface RadioProps extends ComponentPropsWithoutRef<"input"> {
     data: any;
     label: string;
+    size: string;
 }
-declare const Radio: ({ label, data, ...rest }: RadioProps) => React.JSX.Element;
+declare const Radio: ({ label, data, size, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

package/dist/cjs/types/components/Forms/SelectInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface SelectInputProps extends ComponentPropsWithoutRef<"button"> {
+    label: string;
+    descText: string;
+    isOpen: boolean;
+    setIsOpen: any;
+    options: any;
+    selected: object;
+    setSelected: any;
+    size: string;
+}
+declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, size, ...rest }: SelectInputProps) => React.JSX.Element;
+export default SelectInput;

package/dist/cjs/types/components/Forms/TextArea.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
+    state: string;
+    label: string;
+    important: boolean;
+    descText: string;
+    errText: string;
+}
+declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
+export default TextArea;

package/dist/cjs/types/components/Forms/TextInput.d.ts

@@ -8,6 +8,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
     errText: string;
     placeholder: string;
     icon: string;
+    inputSize: string;
 }
-declare const TextInput: ({ variant, label, important, descText, errText, icon, ...rest }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
 export default TextInput;

package/dist/cjs/types/components/Forms/index.d.ts

@@ -1,2 +1,5 @@
 export { default as TextInput } from "./TextInput";
 export { default as Radio } from "./Radio";
+export { default as TextArea } from "./TextArea";
+export { default as Checkbox } from "./Checkbox";
+export { default as SelectInput } from "./SelectInput";

package/dist/cjs/types/components/Modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    modalSize: string;
+    title: string;
+    isShow: boolean;
+    setIsShow: any;
+}
+declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
+export default Modal;

package/dist/cjs/types/components/Modal/ModalContent.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
+}
+declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
+export default ModalContent;

package/dist/cjs/types/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
+    position?: string;
+}
+declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
+export default ModalFooter;

package/dist/cjs/types/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Modal } from "./Modal";
+export { default as ModalContent } from "./ModalContent";
+export { default as ModalFooter } from "./ModalFooter";

package/dist/cjs/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Button } from "./Button";
 export { default as Color } from "./Dump";
-export { TextInput, Radio } from "./Forms";
+export { TextInput, Radio, TextArea, Checkbox, SelectInput } from "./Forms";
 export { Display, P, Heading, Text } from "./Typography";
+export { Modal, ModalContent, ModalFooter } from "./Modal";

package/dist/esm/index.js

@@ -2845,7 +2845,7 @@ var reactExports = react.exports;
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 var Button = function (_a) {
-    var label = _a.label, variant = _a.variant, size = _a.size; _a.state; var rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "state", "rounded", "left", "right"]);
+    var label = _a.label, variant = _a.variant, size = _a.size, rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "rounded", "left", "right"]);
     var radius; // size
     var text;
     var border = "";
@@ -2888,7 +2888,7 @@ var Button = function (_a) {
     }
     else if (variant === "subtle") {
         color = "bg-bia-gray-disabled";
-        text = "hover:bg-bia-gray-hover text-bia-darkgray";
+        text = "hover:bg-bia-gray-hover text-primary-cool";
     }
     else {
         color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
@@ -3028,7 +3028,7 @@ var Dump = function () {
 };
 
 var TextInput = function (_a) {
-    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon"]);
+    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, inputSize = _a.inputSize, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon", "inputSize"]);
     var iconPic;
     var iconColor;
     var pad = true;
@@ -3049,13 +3049,13 @@ var TextInput = function (_a) {
     }
     if (rest.type === "password") {
         iconPic = React.createElement("button", { type: "button", onClick: function () { } },
-            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: inputSize === "small" ? "14" : "18", height: inputSize === "small" ? "14" : "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M15 8.99994C15 7.64244 12.18 6.01119 8.99475 5.99994C5.83125 5.98869 3 7.63344 3 8.99994C3 10.3687 5.8155 12.0044 8.99775 11.9999C12.189 11.9954 15 10.3649 15 8.99994ZM9 13.4999C5.2185 13.5052 1.5 11.4854 1.5 8.99994C1.5 6.51444 5.238 4.48719 9 4.49994C12.762 4.51269 16.5 6.51444 16.5 8.99994C16.5 11.4854 12.7815 13.4947 9 13.4999ZM9 11.9999C8.20435 11.9999 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79559 6 8.99994C6 8.20429 6.31607 7.44123 6.87868 6.87862C7.44129 6.31601 8.20435 5.99994 9 5.99994C9.79565 5.99994 10.5587 6.31601 11.1213 6.87862C11.6839 7.44123 12 8.20429 12 8.99994C12 9.79559 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 11.9999 9 11.9999ZM9 10.4999C9.39782 10.4999 9.77936 10.3419 10.0607 10.0606C10.342 9.77929 10.5 9.39776 10.5 8.99994C10.5 8.60211 10.342 8.22058 10.0607 7.93928C9.77936 7.65797 9.39782 7.49994 9 7.49994C8.60218 7.49994 8.22064 7.65797 7.93934 7.93928C7.65804 8.22058 7.5 8.60211 7.5 8.99994C7.5 9.39776 7.65804 9.77929 7.93934 10.0606C8.22064 10.3419 8.60218 10.4999 9 10.4999Z", fill: iconColor })));
     }
     else if (rest.type === "number" || rest.type === "date") {
         pad = false;
     }
-    else if (icon === undefined) {
+    else if (!icon) {
         iconPic =
             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M4.5 3C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V13.5C3 13.8978 3.15804 14.2794 3.43934 14.5607C3.72064 14.842 4.10218 15 4.5 15H13.5C13.8978 15 14.2794 14.842 14.5607 14.5607C14.842 14.2794 15 13.8978 15 13.5V4.5C15 4.10218 14.842 3.72064 14.5607 3.43934C14.2794 3.15804 13.8978 3 13.5 3H4.5ZM4.5 1.5H13.5C14.2956 1.5 15.0587 1.81607 15.6213 2.37868C16.1839 2.94129 16.5 3.70435 16.5 4.5V13.5C16.5 14.2956 16.1839 15.0587 15.6213 15.6213C15.0587 16.1839 14.2956 16.5 13.5 16.5H4.5C3.70435 16.5 2.94129 16.1839 2.37868 15.6213C1.81607 15.0587 1.5 14.2956 1.5 13.5V4.5C1.5 3.70435 1.81607 2.94129 2.37868 2.37868C2.94129 1.81607 3.70435 1.5 4.5 1.5V1.5Z", fill: iconColor }));
@@ -3064,52 +3064,90 @@ var TextInput = function (_a) {
         iconPic = icon;
     }
     return (React.createElement("div", { className: "field-group w-full flex flex-col" },
-        React.createElement("label", { htmlFor: rest.id, className: "label pb-2" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
             label,
             rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
-        React.createElement("div", { className: "w-full h-full" },
-            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 ".concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
-            React.createElement("div", { className: "absolute inset-y-0 right-2 pl-3 flex items-center ".concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
+        React.createElement("div", { className: "w-full relative" },
+            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " ").concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
+            React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center ").concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
 };
 
 var Radio = function (_a) {
-    var label = _a.label; _a.data; __rest(_a, ["label", "data"]);
+    var label = _a.label; _a.data; var size = _a.size, rest = __rest(_a, ["label", "data", "size"]);
     return (React.createElement("div", { className: "flex items-center" },
-        React.createElement("div", { className: "bg-white rounded-full w-6 h-6 flex flex-shrink-0 justify-center items-center relative" },
-            React.createElement("input", { "aria-labelledby": "label1", type: "radio", name: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full checked:border-none" }),
-            React.createElement("div", { className: "check-icon hidden peer-checked:block border-2 border-bia-blue peer-checked:hover:border-bia-blue-hover bg-primary-light outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
-                React.createElement("div", { className: "w-full h-full bg-bia-blue peer-checked:hover:bg-bia-blue-hover rounded-full border-primary-light border-2" }))),
+        React.createElement("div", { className: "bg-white rounded-full ".concat(size ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" })),
+        React.createElement("label", { id: "label1", className: "ml-2 ".concat(size === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
+};
+
+var TextArea = function (_a) {
+    var label = _a.label; _a.important; var descText = _a.descText; _a.errText; var rest = __rest(_a, ["label", "important", "descText", "errText"]);
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "w-full h-full" },
+            React.createElement("textarea", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded" }, rest, { rows: 4 }))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
+var Checkbox = function (_a) {
+    var label = _a.label, inputSize = _a.inputSize, rest = __rest(_a, ["label", "inputSize"]);
+    return (React.createElement("div", { className: "flex items-center" },
+        React.createElement("div", { className: "bg-white rounded-full ".concat(inputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-light peer-checked:peer-hover:group-[]:fill-primary-light peer-hover:group-[]:fill-bia-blue-hover", viewBox: "-5 -7 24 24", width: "24" },
+                    React.createElement("path", { d: "M5.486 9.73a.997.997 0 0 1-.707-.292L.537 5.195A1 1 0 1 1 1.95 3.78l3.535 3.535L11.85.952a1 1 0 0 1 1.415 1.414L6.193 9.438a.997.997 0 0 1-.707.292z" })))),
         React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
 };
 
+var SelectInput = function (_a) {
+    var label = _a.label, descText = _a.descText, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, options = _a.options, selected = _a.selected, setSelected = _a.setSelected, size = _a.size, rest = __rest(_a, ["label", "descText", "isOpen", "setIsOpen", "options", "selected", "setSelected", "size"]);
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "group w-full h-full relative", onMouseLeave: function () { return setIsOpen(false); } },
+            React.createElement("button", __assign({ className: "field w-full ".concat(size === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " border rounded appearance-none group-hover:border-b-bia-blue group-hover:rounded-b-none ").concat(isOpen ? "border-b-bia-blue rounded-b-none" : "border-[#cbd0e0]", " "), onClick: function () { return setIsOpen(!isOpen); } }, rest),
+                selected.label,
+                " ",
+                selected.value),
+            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-light border-gray-100 rounded-md shadow-lg z-10" },
+                React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(size === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setSelected(option); setIsOpen(false); } }, option.label)); })))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
 var Display = function (_a) {
     var rest = __rest(_a, []);
-    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-['Humnst777 Cn BT']" }, rest), rest.children));
+    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-humnst777" }, rest), rest.children));
 };
 
 var Heading = function (_a) {
     var variant = _a.variant, rest = __rest(_a, ["variant"]);
+    var mar = "my-[50%]";
     if (variant === "1") {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "2") {
-        return (React.createElement("h2", __assign({ className: "title text-4xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h2", __assign({ className: "title text-4xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "3") {
-        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "4") {
-        return (React.createElement("h4", __assign({ className: "title text-2xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h4", __assign({ className: "title text-2xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "5") {
-        return (React.createElement("h5", __assign({ className: "title text-lg font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h5", __assign({ className: "title text-lg ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "6") {
-        return (React.createElement("h6", __assign({ className: "title text-base font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h6", __assign({ className: "title text-base ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
 };
 
@@ -3164,6 +3202,11 @@ var Text = function (_a) {
         fontSize = "text-sm";
         fontWeight = "font-semibold";
     }
+    else if (variant === "normal-text-semilight") {
+        // text-zinc-800 text-sm font-['Segoe UI'] leading-[21px]
+        fontSize = "text-sm";
+        fontWeight = "";
+    }
     else if (variant === "normal-text-bold") {
         // text-zinc-800 text-sm font-bold font-['Segoe UI'] leading-[21px]
         fontSize = "text-sm";
@@ -3193,6 +3236,7 @@ var Text = function (_a) {
     }
     else if (variant === "small-script") {
         // text-zinc-800 text-xs font-normal font-['Consolas']
+        font = "font-['Consolas']";
         fontSize = "text-sm";
         fontWeight = "font-normal";
     }
@@ -3209,4 +3253,49 @@ var Text = function (_a) {
     return (React.createElement("span", __assign({ className: "text ".concat(font, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(fontLeading) }, rest), rest.children));
 };
 
-export { Button, Dump as Color, Display, Heading, P, Radio, Text, TextInput };
+var Modal = function (_a) {
+    var rest = __rest(_a, []);
+    var size = ""; // default size
+    var closeIcon = React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -2 6 6", width: "14", fill: "currentColor" },
+        React.createElement("path", { d: "M7.314 5.9l3.535-3.536A1 1 0 1 0 9.435.95L5.899 4.485 2.364.95A1 1 0 1 0 .95 2.364l3.535 3.535L.95 9.435a1 1 0 1 0 1.414 1.414l3.535-3.535 3.536 3.535a1 1 0 1 0 1.414-1.414L7.314 5.899z" }));
+    if (rest.modalSize === "small") {
+        size = "w-[300px]";
+    }
+    else if (rest.modalSize === "large") {
+        size = "w-[800px]";
+    }
+    else if (rest.modalSize === "extra-large") {
+        size = "w-[1140px]";
+    }
+    else {
+        size = "w-[540px]";
+    }
+    return (React.createElement("div", { className: "backscreen fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-30") },
+        React.createElement("div", { className: "modal absolute grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 ") },
+            React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
+                React.createElement("div", { className: "Modal modal-title text-lg font-bold font-humnst777" }, rest.title),
+                React.createElement(Button, { onClick: function () { return rest.setIsShow(false); }, variant: "subtle", size: "tiny", left: closeIcon, rounded: true })),
+            rest.children)));
+};
+
+var ModalContent = function (_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", { className: "modal modal-content col-span-5 text-xs font-normal" }, rest.children));
+};
+
+var ModalFooter = function (_a) {
+    var rest = __rest(_a, []);
+    var pos;
+    if (rest.position === "left") {
+        pos = "col-span-2";
+    }
+    else if (rest.position === "right") {
+        pos = "col-span-3 justify-end";
+    }
+    else {
+        pos = "col-span-5";
+    }
+    return (React.createElement("div", { className: "modal flex flex-row ".concat(pos, " gap-[0.63rem] modal-footer") }, rest.children));
+};
+
+export { Button, Checkbox, Dump as Color, Display, Heading, Modal, ModalContent, ModalFooter, P, Radio, SelectInput, Text, TextArea, TextInput };

package/dist/esm/lib.css

@@ -1,3 +1,3 @@
 /*
 ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.right-2{right:.5rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[5px\]{gap:5px}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-\[0\.81rem\]{padding:.81rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.pb-2{padding-bottom:.5rem}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checked\:border-none:checked{border-style:none}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.my-\[50\%\]{margin-bottom:50%;margin-top:50%}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:1rem}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[300px\]{width:300px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-b-bia-blue{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-gray{fill:#dadeeb}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[0\.81rem\]{padding:.81rem}.p-\[10px\]{padding:10px}.p-\[6px\]{padding:6px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.pb-2{padding-bottom:.5rem}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.group:hover .group-hover\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.group:hover .group-hover\:border-b-bia-blue{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-light{fill:#fff}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label: string;
-    variant: string;
-    size: string;
-    state: string;
-    rounded: boolean;
-    left: string;
-    right: string;
+    label?: string;
+    variant?: string;
+    size?: string;
+    rounded?: boolean;
+    left?: string;
+    right?: string;
 }
-declare const Button: ({ label, variant, size, state, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/esm/types/components/Forms/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+}
+declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
+export default Checkbox;

package/dist/esm/types/components/Forms/Radio.d.ts

@@ -1,7 +1,8 @@
-import React, { ComponentPropsWithRef } from "react";
-export interface RadioProps extends ComponentPropsWithRef<"input"> {
+import React, { ComponentPropsWithoutRef } from "react";
+export interface RadioProps extends ComponentPropsWithoutRef<"input"> {
     data: any;
     label: string;
+    size: string;
 }
-declare const Radio: ({ label, data, ...rest }: RadioProps) => React.JSX.Element;
+declare const Radio: ({ label, data, size, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

package/dist/esm/types/components/Forms/SelectInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface SelectInputProps extends ComponentPropsWithoutRef<"button"> {
+    label: string;
+    descText: string;
+    isOpen: boolean;
+    setIsOpen: any;
+    options: any;
+    selected: object;
+    setSelected: any;
+    size: string;
+}
+declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, size, ...rest }: SelectInputProps) => React.JSX.Element;
+export default SelectInput;

package/dist/esm/types/components/Forms/TextArea.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
+    state: string;
+    label: string;
+    important: boolean;
+    descText: string;
+    errText: string;
+}
+declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
+export default TextArea;

package/dist/esm/types/components/Forms/TextInput.d.ts

@@ -8,6 +8,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
     errText: string;
     placeholder: string;
     icon: string;
+    inputSize: string;
 }
-declare const TextInput: ({ variant, label, important, descText, errText, icon, ...rest }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
 export default TextInput;

package/dist/esm/types/components/Forms/index.d.ts

@@ -1,2 +1,5 @@
 export { default as TextInput } from "./TextInput";
 export { default as Radio } from "./Radio";
+export { default as TextArea } from "./TextArea";
+export { default as Checkbox } from "./Checkbox";
+export { default as SelectInput } from "./SelectInput";

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    modalSize: string;
+    title: string;
+    isShow: boolean;
+    setIsShow: any;
+}
+declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
+export default Modal;

package/dist/esm/types/components/Modal/ModalContent.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
+}
+declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
+export default ModalContent;

package/dist/esm/types/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
+    position?: string;
+}
+declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
+export default ModalFooter;

package/dist/esm/types/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Modal } from "./Modal";
+export { default as ModalContent } from "./ModalContent";
+export { default as ModalFooter } from "./ModalFooter";

package/dist/esm/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Button } from "./Button";
 export { default as Color } from "./Dump";
-export { TextInput, Radio } from "./Forms";
+export { TextInput, Radio, TextArea, Checkbox, SelectInput } from "./Forms";
 export { Display, P, Heading, Text } from "./Typography";
+export { Modal, ModalContent, ModalFooter } from "./Modal";

package/dist/index.d.ts

@@ -1,15 +1,14 @@
-import React, { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
 interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label: string;
-    variant: string;
-    size: string;
-    state: string;
-    rounded: boolean;
-    left: string;
-    right: string;
+    label?: string;
+    variant?: string;
+    size?: string;
+    rounded?: boolean;
+    left?: string;
+    right?: string;
 }
-declare const Button: ({ label, variant, size, state, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 
 declare const Dump: () => React.JSX.Element;
 
@@ -22,14 +21,43 @@ interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
     errText: string;
     placeholder: string;
     icon: string;
+    inputSize: string;
 }
-declare const TextInput: ({ variant, label, important, descText, errText, icon, ...rest }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
 
-interface RadioProps extends ComponentPropsWithRef<"input"> {
+interface RadioProps extends ComponentPropsWithoutRef<"input"> {
     data: any;
     label: string;
+    size: string;
+}
+declare const Radio: ({ label, data, size, ...rest }: RadioProps) => React.JSX.Element;
+
+interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
+    state: string;
+    label: string;
+    important: boolean;
+    descText: string;
+    errText: string;
+}
+declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
+
+interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+}
+declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
+
+interface SelectInputProps extends ComponentPropsWithoutRef<"button"> {
+    label: string;
+    descText: string;
+    isOpen: boolean;
+    setIsOpen: any;
+    options: any;
+    selected: object;
+    setSelected: any;
+    size: string;
 }
-declare const Radio: ({ label, data, ...rest }: RadioProps) => React.JSX.Element;
+declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, size, ...rest }: SelectInputProps) => React.JSX.Element;
 
 interface DisplayProps extends ComponentPropsWithoutRef<"h1"> {
 }
@@ -49,4 +77,21 @@ interface TextProps extends ComponentPropsWithoutRef<"span"> {
 }
 declare const Text: ({ variant, ...rest }: TextProps) => React.JSX.Element;
 
-export { Button, Dump as Color, Display, Heading, P, Radio, Text, TextInput };
+interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    modalSize: string;
+    title: string;
+    isShow: boolean;
+    setIsShow: any;
+}
+declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
+
+interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
+}
+declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
+
+interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
+    position?: string;
+}
+declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
+
+export { Button, Checkbox, Dump as Color, Display, Heading, Modal, ModalContent, ModalFooter, P, Radio, SelectInput, Text, TextArea, TextInput };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c"
@@ -14,6 +14,7 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.4",
+    "@rollup/plugin-url": "^8.0.2",
     "@types/react": "^18.2.24",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
@@ -21,6 +22,7 @@
     "prettier-plugin-tailwindcss": "^0.5.6",
     "react": "^18.2.0",
     "rollup": "^3.29.4",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-image": "^1.0.2",
     "tailwindcss": "^3.3.3",
@@ -38,7 +40,6 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
-
   },
   "types": "dist/index.d.ts",
   "dependencies": {