bianic-ui 0.4.3 → 0.4.5

package/dist/cjs/index.js

@@ -2857,27 +2857,27 @@ var Button = function (_a) {
     // variant
     if (variant === "danger") {
         color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
     }
     else if (variant === "info") {
         color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
     }
     else if (variant === "primary") {
         color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
     }
     else if (variant === "warning") {
         color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
     }
     else if (variant === "success") {
         color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
     }
     else if (variant === "link") {
@@ -2894,38 +2894,38 @@ var Button = function (_a) {
     }
     else {
         color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
-        text = "text-primary-dark";
+        text = "text-primary-black";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
     }
     if (variant === "danger-outlined") {
         text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
         border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
-        color = "active:bg-bia-red-pastel bg-primary-light";
+        color = "active:bg-bia-red-pastel bg-primary-white";
     }
     else if (variant === "info-outlined") {
         text = "text-bia-teal active:text-bia-teal-active hover:text-bia-teal-hover";
         border = "border-solid border border-bia-teal active:border-bia-teal-active hover:border-bia-teal-hover";
-        color = "active:bg-bia-teal-pastel bg-primary-light";
+        color = "active:bg-bia-teal-pastel bg-primary-white";
     }
     else if (variant === "primary-outlined") {
         text = "text-bia-blue active:text-bia-blue-active hover:text-bia-blue-hover";
         border = "border-solid border border-bia-blue active:border-bia-blue-active hover:border-bia-blue-hover";
-        color = "active:bg-bia-blue-pastel bg-primary-light";
+        color = "active:bg-bia-blue-pastel bg-primary-white";
     }
     else if (variant === "warning-outlined") {
         text = "text-bia-orange active:text-bia-orange-active hover:text-bia-orange-hover";
         border = "border-solid border border-bia-orange active:border-bia-orange-active hover:border-bia-orange-hover";
-        color = "active:bg-bia-orange-pastel bg-primary-light";
+        color = "active:bg-bia-orange-pastel bg-primary-white";
     }
     else if (variant === "success-outlined") {
         text = "text-bia-green active:text-bia-green-active hover:text-bia-green-hover";
         border = "border-solid border border-bia-green active:border-bia-green-active hover:border-bia-green-hover";
-        color = "active:bg-bia-green-pastel bg-primary-light";
+        color = "active:bg-bia-green-pastel bg-primary-white";
     }
     else if (variant === "default-outlined") {
-        text = "text-primary-dark";
+        text = "text-primary-black";
         border = "border-solid border border-bia-darkgray";
-        color = "hover:bg-bia-darkgray-pastel bg-primary-light";
+        color = "hover:bg-bia-darkgray-pastel bg-primary-white";
     }
     // type
     rounded ? radius = "rounded-[1.5rem]" : radius = "rounded-[0.19rem]";
@@ -3023,10 +3023,10 @@ var Dump = function () {
         React.createElement("div", { className: "bg-bia-marquetteblue-active" }),
         React.createElement("div", { className: "bg-bia-marquetteblue-pastel" }),
         React.createElement("div", { className: "bg-bia-marquetteblue-disabled" }),
-        React.createElement("div", { className: "bg-primary-dark" }),
+        React.createElement("div", { className: "bg-primary-black" }),
         React.createElement("div", { className: "bg-primary-cool" }),
         React.createElement("div", { className: "bg-primary-warm" }),
-        React.createElement("div", { className: "bg-primary-light" })));
+        React.createElement("div", { className: "bg-primary-white" })));
 };
 
 var TextInput = function (_a) {
@@ -3070,7 +3070,7 @@ var TextInput = function (_a) {
             label,
             rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         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("input", __assign({ className: "field bg-primary-white 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)));
 };
@@ -3080,7 +3080,7 @@ var Radio = function (_a) {
     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: "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("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white 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(InputSize === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
 };
 
@@ -3095,7 +3095,7 @@ var TextArea = function (_a) {
             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: inputRow }))),
+            React.createElement("textarea", __assign({ className: "field bg-primary-white 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: inputRow }))),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
 };
 
@@ -3104,8 +3104,8 @@ var Checkbox = function (_a) {
     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, { checked: rest.data === rest.value })),
-            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("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white 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-white peer-checked:peer-hover:group-[]:fill-primary-white 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)));
 };
@@ -3119,9 +3119,9 @@ var SelectInput = function (_a) {
             label,
             React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
-            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " 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 cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
+            React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " 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 cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
             React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center pointer-events-none") }, selectIcon),
-            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-light border-gray-100 rounded-md shadow-lg z-10" },
+            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-white border-gray-100 rounded-md shadow-lg z-10" },
                 React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "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)));
 };
@@ -3135,9 +3135,9 @@ var LiveSearch = function (_a) {
             rest.label,
             React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
-            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]", " 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"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
+            React.createElement("input", __assign({ className: "field bg-primary-white 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]", " 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"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
             React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center") }, icon),
-            isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-light border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
+            isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-white border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
                 React.createElement("ul", null, rest.searchData.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setValue(option); setIsOpen(false); } }, option.label)); })))),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, rest.descText)));
 };
@@ -3146,8 +3146,8 @@ var Toggle = function (_a) {
     var label = _a.label, inputSize = _a.inputSize, onClick = _a.onClick, rest = __rest(_a, ["label", "inputSize", "onClick"]);
     return (React.createElement("div", { className: "flex items-center" },
         React.createElement("div", { className: " rounded-full ".concat(inputSize === "small" ? " w-[28px] h-[16px]" : "w-[42px] h-[22px]", " py-[2px] flex flex-shrink-0 ").concat(rest.data === rest.value ? "justify-end" : "justify-start", " items-center relative cursor-pointer"), onClick: onClick },
-            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none 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 bg-primary-light checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
-            React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-light peer-checked:hover:bg-primary-light peer-checked:bg-primary-light bg-bia-gray peer-checked:peer-hover:bg-primary-light peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none 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 bg-primary-white checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
+            React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-white peer-checked:hover:bg-primary-white peer-checked:bg-primary-white bg-bia-gray peer-checked:peer-hover:bg-primary-white peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
         React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
 };
 
@@ -3323,9 +3323,9 @@ var ModalBody = function (_a) {
     else {
         size = "w-[540px]";
     }
-    return (React.createElement("div", { className: "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-20") },
-        React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
-        React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
+    return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20") },
+        React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
+        React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-white shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
             React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
                 React.createElement("div", { className: "Modal modal-title" },
                     React.createElement(Heading, { variant: "5" }, rest.title)),
@@ -3371,7 +3371,7 @@ var Table = function (_a) {
 
 var TableRow = function (_a) {
     _a.colNum; var className = _a.className, children = _a.children, rest = __rest(_a, ["colNum", "className", "children"]);
-    return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-light even:bg-[#f4f6f8] ".concat(className) }, rest), children));
+    return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-white even:bg-[#f4f6f8] ".concat(className) }, rest), children));
 };
 
 var TableCol = function (_a) {
@@ -3384,7 +3384,7 @@ var TableCol = function (_a) {
         background = "bg-[#f4f6f8]";
     }
     else if (color === "white") {
-        background = "bg-primary-light";
+        background = "bg-primary-white";
     }
     else {
         background = "";
@@ -3420,13 +3420,81 @@ var TableBody = function (_a) {
 };
 
 var TagLabel = function (_a) {
-    var text = _a.text; _a.variant; _a.size; _a.color; __rest(_a, ["text", "variant", "size", "color"]);
-    var bg = "bg-bia-gray-disabled";
+    var text = _a.text, variant = _a.variant, size = _a.size, color = _a.color, right = _a.right, left = _a.left, closeHandler = _a.closeHandler, rest = __rest(_a, ["text", "variant", "size", "color", "right", "left", "closeHandler"]);
+    var bg = "bg-bia-gray-disabled border border-bia-gray-disabled";
     var fontSize = "text-sm font-normal";
-    var fontColor = "text-[#2f2f2f]";
+    var fontColor = "text-primary-black";
+    var fontPadding = "px-[5px]";
     var padding = "p-[7px]";
-    return (React.createElement("div", { className: "tag-label ".concat(padding, " ").concat(bg, " rounded-full w-fit") },
-        React.createElement("span", { className: "text px-[5px] font-['Segoe UI'] leading-[18px] ".concat(fontSize, " ").concat(fontColor) }, text)));
+    var closefill = "fill-primary-cool";
+    var svgSize = "w-5 h-5";
+    // Setting color scheme
+    if (color === "base" || color === "black") {
+        bg = "bg-primary-black border border-bia-black";
+        fontColor = "text-primary-white";
+    }
+    else if (color === "blue") {
+        bg = "bg-bia-blue border border-bia-blue";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-blue-disabled";
+    }
+    else if (color === "teal") {
+        bg = "bg-bia-teal border border-bia-teal";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-teal-disabled";
+    }
+    else if (color === "green") {
+        bg = "bg-bia-green border border-bia-green";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-green-disabled";
+    }
+    else if (color === "yellow") {
+        bg = "bg-bia-yellow border border-bia-yellow";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-yellow-disabled";
+    }
+    else if (color === "red") {
+        bg = "bg-bia-red border border-bia-red";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-red-disabled";
+    }
+    else if (color === "white") {
+        bg = "bg-primary-white border border-bia-gray-active";
+        closefill = "fill-bia-gray-active";
+    }
+    // setting padding when icon only
+    if (variant === "icon") {
+        if (size === "small") {
+            padding = "p-[4px]";
+        }
+        else if (size === "tiny") {
+            padding = "p-[2.5px]";
+        }
+        else {
+            padding = "p-[7px]";
+        }
+    }
+    else {
+        if (size === "small") {
+            fontSize = "text-xs font-normal";
+            padding = "px-[5px] py-[2px]";
+            fontPadding = "px-[5px] pb-[2px]";
+            svgSize = "w-3 h-3";
+        }
+        else if (size === "tiny") {
+            fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
+            fontPadding = "px-[5px]";
+            padding = "px-[5px] pb-[2px]";
+            svgSize = "mt-[1px] w-3 h-3";
+        }
+    }
+    var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
+    return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
+        left,
+        text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
+        variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
+        right));
 };
 
 exports.Button = Button;

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-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.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}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-4{width:1rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.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-start{justify-content:flex-start}.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}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.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))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-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-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.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-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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-medium{font-weight:500}.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-\[18px\]{line-height:18px}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-\[\#2f2f2f\]{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.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))}.opacity-100{opacity:1}.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)}.odd\:bg-primary-light:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-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))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-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\:border-bia-blue{--tw-border-opacity:1;border-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\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/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\:bg-primary-light:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-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~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.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~.peer-checked\:peer-hover\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}
+*/*,: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-20{z-index:20}.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}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.mt-\[1px\]{margin-top:1px}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.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-start{justify-content:flex-start}.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}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.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-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/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-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-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-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[2\.5px\]{padding:2.5px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.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-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.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-medium{font-weight:500}.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}.leading-tight{line-height:1.25}.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-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--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))}.opacity-100{opacity:1}.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)}.odd\:bg-primary-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-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))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-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\:border-bia-blue{--tw-border-opacity:1;border-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\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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\:bg-primary-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-white{fill:#fff}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.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~.peer-checked\:peer-hover\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-white{fill:#fff}

package/dist/cjs/types/components/Tag/TagLabel.d.ts

@@ -4,6 +4,9 @@ export interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
     variant: string;
     size: string;
     color: string;
+    closeHandler?: any;
+    right?: any;
+    left?: any;
 }
-declare const TagLabel: ({ text, variant, size, color, ...rest }: TagLabelProps) => React.JSX.Element;
+declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, ...rest }: TagLabelProps) => React.JSX.Element;
 export default TagLabel;

package/dist/esm/index.js

@@ -2855,27 +2855,27 @@ var Button = function (_a) {
     // variant
     if (variant === "danger") {
         color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
     }
     else if (variant === "info") {
         color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
     }
     else if (variant === "primary") {
         color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
     }
     else if (variant === "warning") {
         color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
     }
     else if (variant === "success") {
         color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
-        text = "text-primary-light";
+        text = "text-primary-white";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
     }
     else if (variant === "link") {
@@ -2892,38 +2892,38 @@ var Button = function (_a) {
     }
     else {
         color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
-        text = "text-primary-dark";
+        text = "text-primary-black";
         shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
     }
     if (variant === "danger-outlined") {
         text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
         border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
-        color = "active:bg-bia-red-pastel bg-primary-light";
+        color = "active:bg-bia-red-pastel bg-primary-white";
     }
     else if (variant === "info-outlined") {
         text = "text-bia-teal active:text-bia-teal-active hover:text-bia-teal-hover";
         border = "border-solid border border-bia-teal active:border-bia-teal-active hover:border-bia-teal-hover";
-        color = "active:bg-bia-teal-pastel bg-primary-light";
+        color = "active:bg-bia-teal-pastel bg-primary-white";
     }
     else if (variant === "primary-outlined") {
         text = "text-bia-blue active:text-bia-blue-active hover:text-bia-blue-hover";
         border = "border-solid border border-bia-blue active:border-bia-blue-active hover:border-bia-blue-hover";
-        color = "active:bg-bia-blue-pastel bg-primary-light";
+        color = "active:bg-bia-blue-pastel bg-primary-white";
     }
     else if (variant === "warning-outlined") {
         text = "text-bia-orange active:text-bia-orange-active hover:text-bia-orange-hover";
         border = "border-solid border border-bia-orange active:border-bia-orange-active hover:border-bia-orange-hover";
-        color = "active:bg-bia-orange-pastel bg-primary-light";
+        color = "active:bg-bia-orange-pastel bg-primary-white";
     }
     else if (variant === "success-outlined") {
         text = "text-bia-green active:text-bia-green-active hover:text-bia-green-hover";
         border = "border-solid border border-bia-green active:border-bia-green-active hover:border-bia-green-hover";
-        color = "active:bg-bia-green-pastel bg-primary-light";
+        color = "active:bg-bia-green-pastel bg-primary-white";
     }
     else if (variant === "default-outlined") {
-        text = "text-primary-dark";
+        text = "text-primary-black";
         border = "border-solid border border-bia-darkgray";
-        color = "hover:bg-bia-darkgray-pastel bg-primary-light";
+        color = "hover:bg-bia-darkgray-pastel bg-primary-white";
     }
     // type
     rounded ? radius = "rounded-[1.5rem]" : radius = "rounded-[0.19rem]";
@@ -3021,10 +3021,10 @@ var Dump = function () {
         React.createElement("div", { className: "bg-bia-marquetteblue-active" }),
         React.createElement("div", { className: "bg-bia-marquetteblue-pastel" }),
         React.createElement("div", { className: "bg-bia-marquetteblue-disabled" }),
-        React.createElement("div", { className: "bg-primary-dark" }),
+        React.createElement("div", { className: "bg-primary-black" }),
         React.createElement("div", { className: "bg-primary-cool" }),
         React.createElement("div", { className: "bg-primary-warm" }),
-        React.createElement("div", { className: "bg-primary-light" })));
+        React.createElement("div", { className: "bg-primary-white" })));
 };
 
 var TextInput = function (_a) {
@@ -3068,7 +3068,7 @@ var TextInput = function (_a) {
             label,
             rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         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("input", __assign({ className: "field bg-primary-white 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)));
 };
@@ -3078,7 +3078,7 @@ var Radio = function (_a) {
     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: "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("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white 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(InputSize === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
 };
 
@@ -3093,7 +3093,7 @@ var TextArea = function (_a) {
             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: inputRow }))),
+            React.createElement("textarea", __assign({ className: "field bg-primary-white 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: inputRow }))),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
 };
 
@@ -3102,8 +3102,8 @@ var Checkbox = function (_a) {
     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, { checked: rest.data === rest.value })),
-            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("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white 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-white peer-checked:peer-hover:group-[]:fill-primary-white 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)));
 };
@@ -3117,9 +3117,9 @@ var SelectInput = function (_a) {
             label,
             React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
-            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " 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 cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
+            React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " 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 cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
             React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center pointer-events-none") }, selectIcon),
-            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-light border-gray-100 rounded-md shadow-lg z-10" },
+            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-white border-gray-100 rounded-md shadow-lg z-10" },
                 React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "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)));
 };
@@ -3133,9 +3133,9 @@ var LiveSearch = function (_a) {
             rest.label,
             React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
         React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
-            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]", " 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"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
+            React.createElement("input", __assign({ className: "field bg-primary-white 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]", " 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"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
             React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center") }, icon),
-            isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-light border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
+            isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-white border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
                 React.createElement("ul", null, rest.searchData.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setValue(option); setIsOpen(false); } }, option.label)); })))),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, rest.descText)));
 };
@@ -3144,8 +3144,8 @@ var Toggle = function (_a) {
     var label = _a.label, inputSize = _a.inputSize, onClick = _a.onClick, rest = __rest(_a, ["label", "inputSize", "onClick"]);
     return (React.createElement("div", { className: "flex items-center" },
         React.createElement("div", { className: " rounded-full ".concat(inputSize === "small" ? " w-[28px] h-[16px]" : "w-[42px] h-[22px]", " py-[2px] flex flex-shrink-0 ").concat(rest.data === rest.value ? "justify-end" : "justify-start", " items-center relative cursor-pointer"), onClick: onClick },
-            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none 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 bg-primary-light checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
-            React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-light peer-checked:hover:bg-primary-light peer-checked:bg-primary-light bg-bia-gray peer-checked:peer-hover:bg-primary-light peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none 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 bg-primary-white checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
+            React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-white peer-checked:hover:bg-primary-white peer-checked:bg-primary-white bg-bia-gray peer-checked:peer-hover:bg-primary-white peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
         React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
 };
 
@@ -3321,9 +3321,9 @@ var ModalBody = function (_a) {
     else {
         size = "w-[540px]";
     }
-    return (React.createElement("div", { className: "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-20") },
-        React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
-        React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
+    return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20") },
+        React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
+        React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-white shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
             React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
                 React.createElement("div", { className: "Modal modal-title" },
                     React.createElement(Heading, { variant: "5" }, rest.title)),
@@ -3369,7 +3369,7 @@ var Table = function (_a) {
 
 var TableRow = function (_a) {
     _a.colNum; var className = _a.className, children = _a.children, rest = __rest(_a, ["colNum", "className", "children"]);
-    return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-light even:bg-[#f4f6f8] ".concat(className) }, rest), children));
+    return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-white even:bg-[#f4f6f8] ".concat(className) }, rest), children));
 };
 
 var TableCol = function (_a) {
@@ -3382,7 +3382,7 @@ var TableCol = function (_a) {
         background = "bg-[#f4f6f8]";
     }
     else if (color === "white") {
-        background = "bg-primary-light";
+        background = "bg-primary-white";
     }
     else {
         background = "";
@@ -3418,13 +3418,81 @@ var TableBody = function (_a) {
 };
 
 var TagLabel = function (_a) {
-    var text = _a.text; _a.variant; _a.size; _a.color; __rest(_a, ["text", "variant", "size", "color"]);
-    var bg = "bg-bia-gray-disabled";
+    var text = _a.text, variant = _a.variant, size = _a.size, color = _a.color, right = _a.right, left = _a.left, closeHandler = _a.closeHandler, rest = __rest(_a, ["text", "variant", "size", "color", "right", "left", "closeHandler"]);
+    var bg = "bg-bia-gray-disabled border border-bia-gray-disabled";
     var fontSize = "text-sm font-normal";
-    var fontColor = "text-[#2f2f2f]";
+    var fontColor = "text-primary-black";
+    var fontPadding = "px-[5px]";
     var padding = "p-[7px]";
-    return (React.createElement("div", { className: "tag-label ".concat(padding, " ").concat(bg, " rounded-full w-fit") },
-        React.createElement("span", { className: "text px-[5px] font-['Segoe UI'] leading-[18px] ".concat(fontSize, " ").concat(fontColor) }, text)));
+    var closefill = "fill-primary-cool";
+    var svgSize = "w-5 h-5";
+    // Setting color scheme
+    if (color === "base" || color === "black") {
+        bg = "bg-primary-black border border-bia-black";
+        fontColor = "text-primary-white";
+    }
+    else if (color === "blue") {
+        bg = "bg-bia-blue border border-bia-blue";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-blue-disabled";
+    }
+    else if (color === "teal") {
+        bg = "bg-bia-teal border border-bia-teal";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-teal-disabled";
+    }
+    else if (color === "green") {
+        bg = "bg-bia-green border border-bia-green";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-green-disabled";
+    }
+    else if (color === "yellow") {
+        bg = "bg-bia-yellow border border-bia-yellow";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-yellow-disabled";
+    }
+    else if (color === "red") {
+        bg = "bg-bia-red border border-bia-red";
+        fontColor = "text-primary-white";
+        closefill = "fill-bia-red-disabled";
+    }
+    else if (color === "white") {
+        bg = "bg-primary-white border border-bia-gray-active";
+        closefill = "fill-bia-gray-active";
+    }
+    // setting padding when icon only
+    if (variant === "icon") {
+        if (size === "small") {
+            padding = "p-[4px]";
+        }
+        else if (size === "tiny") {
+            padding = "p-[2.5px]";
+        }
+        else {
+            padding = "p-[7px]";
+        }
+    }
+    else {
+        if (size === "small") {
+            fontSize = "text-xs font-normal";
+            padding = "px-[5px] py-[2px]";
+            fontPadding = "px-[5px] pb-[2px]";
+            svgSize = "w-3 h-3";
+        }
+        else if (size === "tiny") {
+            fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
+            fontPadding = "px-[5px]";
+            padding = "px-[5px] pb-[2px]";
+            svgSize = "mt-[1px] w-3 h-3";
+        }
+    }
+    var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
+    return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
+        left,
+        text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
+        variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
+        right));
 };
 
 export { Button, Checkbox, Dump as Color, Display, Heading, LiveSearch, ModalBody, ModalContent, ModalFooter, P, Radio, SelectInput, Table, TableBody, TableCol, TableHead, TableRow, TagLabel, Text, TextArea, TextInput, Toggle };

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-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.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}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-4{width:1rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.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-start{justify-content:flex-start}.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}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.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))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-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-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.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-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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-medium{font-weight:500}.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-\[18px\]{line-height:18px}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-\[\#2f2f2f\]{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.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))}.opacity-100{opacity:1}.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)}.odd\:bg-primary-light:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-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))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-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\:border-bia-blue{--tw-border-opacity:1;border-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\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/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\:bg-primary-light:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-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~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.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~.peer-checked\:peer-hover\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}
+*/*,: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-20{z-index:20}.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}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.mt-\[1px\]{margin-top:1px}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.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-start{justify-content:flex-start}.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}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.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-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/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-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-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-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[2\.5px\]{padding:2.5px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.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-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.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-medium{font-weight:500}.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}.leading-tight{line-height:1.25}.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-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--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))}.opacity-100{opacity:1}.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)}.odd\:bg-primary-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-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))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-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\:border-bia-blue{--tw-border-opacity:1;border-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\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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\:bg-primary-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-white{fill:#fff}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.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~.peer-checked\:peer-hover\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-white{fill:#fff}

package/dist/esm/types/components/Tag/TagLabel.d.ts

@@ -4,6 +4,9 @@ export interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
     variant: string;
     size: string;
     color: string;
+    closeHandler?: any;
+    right?: any;
+    left?: any;
 }
-declare const TagLabel: ({ text, variant, size, color, ...rest }: TagLabelProps) => React.JSX.Element;
+declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, ...rest }: TagLabelProps) => React.JSX.Element;
 export default TagLabel;

package/dist/index.d.ts

@@ -148,7 +148,10 @@ interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
     variant: string;
     size: string;
     color: string;
+    closeHandler?: any;
+    right?: any;
+    left?: any;
 }
-declare const TagLabel: ({ text, variant, size, color, ...rest }: TagLabelProps) => React.JSX.Element;
+declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, ...rest }: TagLabelProps) => React.JSX.Element;
 
 export { Button, Checkbox, Dump as Color, Display, Heading, LiveSearch, ModalBody, ModalContent, ModalFooter, P, Radio, SelectInput, Table, TableBody, TableCol, TableHead, TableRow, TagLabel, Text, TextArea, TextInput, Toggle };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c"