@activecollab/components 1.0.349 → 1.0.351

package/dist/index.js

@@ -405,8 +405,8 @@
     "marginRight": "-1px",
     "borderRadius": "0px"
   }, {
-    "color": "var(--color-theme-900)",
-    "fill": "currentColor"
+    "fill": "currentColor",
+    "color": "var(--color-theme-900)"
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
@@ -694,18 +694,19 @@
     displayName: "Styles__StyledBubble",
     componentId: "sc-tloccl-0"
   })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
-    "--tw-bg-opacity": "1",
-    "backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
-    "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-    "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
-    "borderColor": "var(--color-theme-200)",
+    "visibility": "visible",
+    "display": "block",
     "borderRadius": "0.5rem",
     "borderWidth": "1px",
     "borderStyle": "solid",
+    "borderColor": "var(--color-theme-200)",
+    "--tw-bg-opacity": "1",
+    "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
     "color": "var(--color-theme-800)",
     "opacity": "1",
-    "display": "block",
-    "visibility": "visible"
+    "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
+    "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
@@ -730,11 +731,11 @@
     displayName: "Styles__StyledMenu",
     componentId: "sc-8fhkp-0"
   })(["", " ", " ", " width:", ";color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
-    "backgroundColor": "var(--page-paper-main)",
-    "borderColor": "var(--border-primary)",
     "marginTop": "0.25rem",
     "marginBottom": "0.25rem",
-    "overflow": "auto"
+    "overflow": "auto",
+    "borderColor": "var(--border-primary)",
+    "backgroundColor": "var(--page-paper-main)"
   }, FontStyle, BoxSizingStyle, function (props) {
     return props.$mode;
   }, function (props) {
@@ -7919,11 +7920,11 @@
   })(["top:30px;height:230px;", ""], {
     "position": "absolute",
     "left": "0px",
-    "padding": "1.25rem",
+    "zIndex": "10",
     "display": "flex",
     "flexWrap": "wrap",
     "backgroundColor": "var(--page-paper-main)",
-    "zIndex": "10"
+    "padding": "1.25rem"
   });
   var StyledMonth = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMonth",
@@ -7932,9 +7933,9 @@
     "margin": "auto",
     "cursor": "pointer",
     "borderRadius": "1rem",
-    "fontWeight": "700",
     "fontSize": "0.875rem",
-    "lineHeight": "1.25rem"
+    "lineHeight": "1.25rem",
+    "fontWeight": "700"
   }, function (props) {
     return !props.$isSelected ? styled.css(["&:hover{background-color:var(--color-primary-300);}"]) : styled.css(["", " background-color:var(--color-primary);"], {
       "color": "var(--color-theme-100)"
@@ -7963,9 +7964,9 @@
     displayName: "Styles__StyledYearMonthPickerNavBarItem",
     componentId: "sc-1owijsg-5"
   })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
+    "cursor": "pointer",
     "paddingLeft": "1rem",
-    "paddingRight": "1rem",
-    "cursor": "pointer"
+    "paddingRight": "1rem"
   });
   StyledNavBarButton.displayName = "StyledNavBarButton";
   StyledMonths.displayName = "StyledMonths";
@@ -8138,8 +8139,8 @@
   }, {
     "color": "var(--color-theme-600)"
   }, {
-    "color": "var(--color-theme-900)",
-    "fontWeight": "700"
+    "fontWeight": "700",
+    "color": "var(--color-theme-900)"
   });
   var StyledDatePickerCSSTransition = styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({
     displayName: "Styles__StyledDatePickerCSSTransition",
@@ -8484,29 +8485,29 @@
     componentId: "sc-1v8h7mt-0"
   })(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
     "position": "relative",
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "verticalAlign": "middle",
-    "fontWeight": "500",
-    "display": "inline-block",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
+    "display": "inline-block",
     "cursor": "pointer",
-    "textAlign": "center"
+    "userSelect": "none",
+    "textAlign": "center",
+    "verticalAlign": "middle",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   });
   var StyledMenu$1 = styled__default["default"](Menu).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-1v8h7mt-1"
   })(["", ""], {
-    "width": "auto",
     "height": "auto",
-    "paddingTop": "1rem",
-    "paddingBottom": "1rem",
+    "width": "auto",
     "paddingLeft": "0.5rem",
-    "paddingRight": "0.5rem"
+    "paddingRight": "0.5rem",
+    "paddingTop": "1rem",
+    "paddingBottom": "1rem"
   });
   var StyledButtonGroup = styled__default["default"](ButtonGroup).withConfig({
     displayName: "Styles__StyledButtonGroup",
@@ -8527,21 +8528,21 @@
     return props.$isRounded && styled.css(["border-radius:var(--ac-br-rounded);"]);
   }, {
     "position": "relative",
-    "textAlign": "center",
-    "padding": "0px",
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "verticalAlign": "middle",
-    "fontWeight": "500",
-    "display": "inline-block",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
+    "display": "inline-block",
     "cursor": "pointer",
+    "userSelect": "none",
     "borderWidth": "1px",
-    "borderStyle": "solid"
+    "borderStyle": "solid",
+    "padding": "0px",
+    "textAlign": "center",
+    "verticalAlign": "middle",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, screen.md);
   var StyledControl = styled__default["default"](IconButton).withConfig({
     displayName: "Styles__StyledControl",
@@ -8868,15 +8869,15 @@
     "textAlign": "left",
     "textTransform": "uppercase"
   }, {
-    "color": "var(--color-theme-700)",
+    "fontSize": "0.6875rem",
     "fontWeight": "600",
-    "fontSize": "0.6875rem"
+    "color": "var(--color-theme-700)"
   }, function (props) {
     return props.$headerVariant && props.$headerVariant === "primary" && styled.css(["th{", "}tr{td:first-child,th:first-child{", "}}"], {
       "whiteSpace": "nowrap",
+      "paddingBottom": "2rem",
       "paddingLeft": "1rem",
       "paddingRight": "1rem",
-      "paddingBottom": "2rem",
       "paddingTop": "0.5rem"
     }, {
       "paddingLeft": "1.5rem"
@@ -8901,29 +8902,30 @@
   }, {
     "color": "var(--color-theme-700)"
   }, {
-    "textDecoration": "none",
-    "color": "var(--color-primary)"
+    "color": "var(--color-primary)",
+    "textDecorationLine": "none"
   }, {
-    "textDecoration": "underline"
+    "textDecorationLine": "underline"
   });
   StyledTableBody.displayName = "StyledTableBody";
   var StyledTableWrapper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledTableWrapper",
     componentId: "sc-e16t6w-2"
   })(["", " ", " ", " &:before{", " content:\"\";top:39px;z-index:-1;}"], FontStyle, BoxSizingStyle, {
-    "marginTop": "2rem",
     "marginLeft": "1rem",
     "marginRight": "1rem",
+    "marginTop": "2rem",
     "overflowX": "auto",
     "overflowY": "hidden"
   }, {
     "position": "absolute",
+    "bottom": "0px",
     "left": "0px",
     "right": "0px",
-    "bottom": "0px",
-    "backgroundColor": "var(--page-paper-main)",
     "borderRadius": "0.5rem",
-    "--tw-shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    "backgroundColor": "var(--page-paper-main)",
+    "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
     "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
   });
   StyledTableWrapper.displayName = "StyledTableWrapper";
@@ -8933,16 +8935,16 @@
   })(["", " border-spacing:0;", " tr th,", " tr td{&:last-child{", "}}td{", "}", ""], {
     "width": "100%",
     "padding": "0px",
+    "paddingBottom": "1rem",
     "fontSize": "0.75rem",
-    "lineHeight": "1rem",
-    "paddingBottom": "1rem"
+    "lineHeight": "1rem"
   }, StyledTableHead, StyledTableBody, {
     "textAlign": "right"
   }, {
-    "paddingTop": "0.75rem",
-    "paddingBottom": "0.75rem",
     "paddingLeft": "1rem",
-    "paddingRight": "1rem"
+    "paddingRight": "1rem",
+    "paddingTop": "0.75rem",
+    "paddingBottom": "0.75rem"
   }, function (props) {
     return props.$striped && styled.css(["", ":not(.c-table__grouped__head){tr:nth-child(odd){", "}}"], StyledTableBody, {
       "backgroundColor": "var(--color-theme-200)"
@@ -8963,17 +8965,17 @@
   }, {
     "opacity": "0.5"
   }, {
+    "pointerEvents": "none",
     "position": "absolute",
-    "width": "100%",
     "left": "0px",
-    "pointerEvents": "none"
+    "width": "100%"
   }, {
     "display": "inline-block",
     "userSelect": "none"
   }, {
     "borderWidth": "0px",
-    "borderColor": "rgba(0, 0, 0, 0)",
-    "borderStyle": "solid"
+    "borderStyle": "solid",
+    "borderColor": "transparent"
   }, {
     "marginLeft": "0.25rem"
   }, {
@@ -9509,16 +9511,16 @@
     displayName: "Styles__StyledCompleteCheckbox",
     componentId: "sc-1801dzg-0"
   })(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;background-color:transparent;padding:0;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
-    "width": "1.5rem",
+    "position": "relative",
     "height": "1.5rem",
+    "width": "1.5rem",
+    "cursor": "pointer",
     "borderRadius": "9999px",
     "borderWidth": "1px",
-    "borderStyle": "solid",
-    "position": "relative",
-    "cursor": "pointer"
+    "borderStyle": "solid"
   }, {
-    "position": "absolute",
-    "pointerEvents": "none"
+    "pointerEvents": "none",
+    "position": "absolute"
   }, function (props) {
     return props.$primary && styled.css(["svg path{stroke:var(--color-primary);}"]);
   }, function (props) {
@@ -9538,8 +9540,8 @@
     });
   }, function (props) {
     return !props.$checkMarkClassName && styled.css(["svg{", "}"], {
-      "width": "3rem",
-      "height": "3rem"
+      "height": "3rem",
+      "width": "3rem"
     });
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
@@ -9857,9 +9859,9 @@
     displayName: "Styles__StyledIcon",
     componentId: "sc-1idn4je-2"
   })(["", ""], {
+    "marginRight": "0.25rem",
     "fontSize": "0.75rem",
-    "lineHeight": "1rem",
-    "marginRight": "0.25rem"
+    "lineHeight": "1rem"
   });
   StyledIcon$1.displayName = "StyledIcon";
 
@@ -10447,9 +10449,9 @@
     componentId: "sc-17pcaqo-1"
   })(["", " background-image:linear-gradient( to top,", ",", " );"], {
     "position": "absolute",
-    "top": "0px",
     "left": "0px",
     "right": "0px",
+    "top": "0px",
     "height": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -10461,9 +10463,9 @@
     componentId: "sc-17pcaqo-2"
   })(["", " background-image:linear-gradient( to top,", ",", " );"], {
     "position": "absolute",
-    "bottom": "0px",
     "left": "0px",
     "right": "0px",
+    "bottom": "0px",
     "height": "0.5rem"
   }, function (props) {
     return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
@@ -10475,9 +10477,9 @@
     componentId: "sc-17pcaqo-3"
   })(["", " background-image:linear-gradient( to left,", ",", " );"], {
     "position": "absolute",
-    "left": "0px",
     "top": "0px",
     "bottom": "0px",
+    "left": "0px",
     "width": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -10489,9 +10491,9 @@
     componentId: "sc-17pcaqo-4"
   })(["", " background-image:linear-gradient( to right,", ",", " );"], {
     "position": "absolute",
-    "right": "0px",
     "top": "0px",
     "bottom": "0px",
+    "right": "0px",
     "width": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -11635,9 +11637,9 @@
     displayName: "Styles__StyledNavList",
     componentId: "sc-1khiypw-1"
   })(["", " overflow:clip visible;"], {
+    "margin": "0px",
     "display": "flex",
     "listStyleType": "none",
-    "margin": "0px",
     "padding": "0px"
   });
   StyledNavList.displayName = "StyledNavList";
@@ -11645,11 +11647,11 @@
     displayName: "Styles__StyledNavListItem",
     componentId: "sc-1khiypw-2"
   })(["", " color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{", "}", " &::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}", " ", " ", " ", ""], {
-    "fontSize": "0.875rem",
-    "lineHeight": "1.25rem",
-    "cursor": "default",
     "position": "relative",
-    "userSelect": "none"
+    "cursor": "default",
+    "userSelect": "none",
+    "fontSize": "0.875rem",
+    "lineHeight": "1.25rem"
   }, function (props) {
     return !props.$disabled && styled.css(["", ""], {
       "color": "var(--color-primary)"
@@ -11660,10 +11662,10 @@
     });
   }, {
     "position": "absolute",
-    "display": "block",
     "margin": "auto",
+    "display": "block",
     "width": "0px",
-    "backgroundColor": "rgba(0, 0, 0, 0)"
+    "backgroundColor": "transparent"
   }, function (props) {
     return props.$active && styled.css(["", " &::after{", "}"], {
       "pointerEvents": "none"
@@ -11673,8 +11675,8 @@
     });
   }, function (props) {
     return props.$disabled && styled.css(["", ""], {
-      "userSelect": "none",
       "cursor": "not-allowed",
+      "userSelect": "none",
       "opacity": "0.5"
     });
   }, function (props) {
@@ -11740,9 +11742,9 @@
     displayName: "Styles__StyledExpand",
     componentId: "sc-zjpl2-0"
   })(["", ""], {
-    "fill": "currentColor",
+    "height": "1.5rem",
     "width": "1.5rem",
-    "height": "1.5rem"
+    "fill": "currentColor"
   });
   StyledExpand.displayName = "StyledExpand";
   var StyledExpandSingle = styled__default["default"](StyledExpand).withConfig({
@@ -12094,19 +12096,19 @@
     displayName: "Styles__StyledMenuSelectorDots",
     componentId: "sc-1x7qbnu-0"
   })(["", ""], {
-    "cursor": "pointer",
+    "marginLeft": "0.5rem",
     "flexShrink": "0",
-    "marginLeft": "0.5rem"
+    "cursor": "pointer"
   });
   StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
   var StyledMenuSelectorBack = styled__default["default"](ArrowLeftIcon$1).withConfig({
     displayName: "Styles__StyledMenuSelectorBack",
     componentId: "sc-1x7qbnu-1"
   })(["", ""], {
-    "cursor": "pointer",
-    "stroke": "currentColor",
+    "marginRight": "0.5rem",
     "flexShrink": "0",
-    "marginRight": "0.5rem"
+    "cursor": "pointer",
+    "stroke": "currentColor"
   });
   StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
   var StyledMenuSelector = styled__default["default"].div.withConfig({
@@ -12118,9 +12120,9 @@
     displayName: "Styles__StyledMenuSelectorInner",
     componentId: "sc-1x7qbnu-3"
   })(["", ""], {
+    "margin": "1rem",
     "display": "flex",
-    "alignItems": "center",
-    "margin": "1rem"
+    "alignItems": "center"
   });
   StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
 
@@ -12345,8 +12347,8 @@
     });
   }, function (props) {
     return props.$position === "right" && styled.css(["", ""], {
-      "marginRight": "0.5rem",
-      "marginLeft": "auto"
+      "marginLeft": "auto",
+      "marginRight": "0.5rem"
     });
   }, function (props) {
     return props.$mode === "stretch" && props.$position !== "left" && styled.css(["", "{span{right:48px;}}"], StyledSheetIcons);
@@ -12611,12 +12613,12 @@
     displayName: "Styles__StyledAccordion",
     componentId: "sc-h8w6zs-0"
   })(["", " ", " ", ""], {
-    "borderRadius": "0.5rem",
     "overflow": "hidden",
-    "borderStyle": "solid",
+    "borderRadius": "0.5rem",
     "borderWidth": "1px",
-    "borderColor": "var(--border-primary)",
-    "borderBottomWidth": "0px"
+    "borderBottomWidth": "0px",
+    "borderStyle": "solid",
+    "borderColor": "var(--border-primary)"
   }, FontStyle, BoxSizingStyle);
   StyledAccordion.displayName = "StyledAccordion";
   var StyledAccordionItem = styled__default["default"].div.withConfig({
@@ -12803,26 +12805,26 @@
     displayName: "Styles__StyledChoose",
     componentId: "sc-1j2qv02-0"
   })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
+    "margin": "0px",
+    "display": "inline-block",
     "verticalAlign": "middle",
     "fontWeight": "500",
-    "display": "inline-block",
     "lineHeight": "1",
-    "margin": "0px",
-    "textDecoration": "none"
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, {
-    "userSelect": "none",
     "cursor": "pointer",
-    "textAlign": "center",
+    "userSelect": "none",
     "borderRadius": "0.5rem",
+    "textAlign": "center",
     "color": "var(--color-theme-700)"
   }, FontStyle, BoxSizingStyle, {
     "borderColor": "var(--color-primary)"
   }, function (props) {
     return props.active && styled.css(["", " background-color:var(--color-primary-300);"], {
-      "borderColor": "var(--color-primary)",
-      "zIndex": "0"
+      "zIndex": "0",
+      "borderColor": "var(--color-primary)"
     });
   });
   StyledChoose.displayName = "StyledChoose";
@@ -12855,18 +12857,18 @@
     displayName: "Styles__StyledLink",
     componentId: "sc-1c1jdox-1"
   })(["", " ", " ", " border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "fontWeight": "500",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
-    "cursor": "pointer",
     "display": "inline-flex",
+    "cursor": "pointer",
+    "userSelect": "none",
     "alignItems": "center",
-    "justifyContent": "center"
+    "justifyContent": "center",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, function (props) {
     return props.disabled && styled.css(["cursor:default;opacity:50%;pointer-events:none;"]);
   }, function (props) {
@@ -12904,22 +12906,22 @@
     displayName: "Styles__StyledBackLink",
     componentId: "sc-1c1jdox-3"
   })(["", " ", " ", " text-decoration:none;border:transparent 1px solid;border-radius:20px;height:32px;font-size:10px;font-weight:500;display:table-cell;vertical-align:middle;&:before,&:after{content:\"\";", " border-width:0 1px 1px 0;position:absolute;left:0;transition:all ease 0.3s;}&:before{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(2rem) translateY(0.1rem) rotate(135deg);}&:hover{text-decoration:none;border-color:var(--border-primary);&:before{", " transform:translateX(0rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}}"], FontStyle, BoxSizingStyle, {
+    "display": "inline-flex",
+    "cursor": "pointer",
     "paddingLeft": "2rem",
+    "paddingRight": "1rem",
+    "verticalAlign": "middle",
     "fontSize": "0.6875rem",
     "textTransform": "uppercase",
-    "display": "inline-flex",
-    "verticalAlign": "middle",
-    "paddingRight": "1rem",
-    "color": "var(--color-theme-600)",
-    "cursor": "pointer"
+    "color": "var(--color-theme-600)"
   }, {
-    "borderStyle": "solid",
-    "color": "var(--color-theme-700)",
     "display": "inline-block",
-    "padding": "0px",
-    "width": "0.5rem",
     "height": "0.5rem",
-    "backgroundRepeat": "no-repeat"
+    "width": "0.5rem",
+    "borderStyle": "solid",
+    "backgroundRepeat": "no-repeat",
+    "padding": "0px",
+    "color": "var(--color-theme-700)"
   }, {
     "opacity": "1"
   }, {
@@ -13489,8 +13491,8 @@
     displayName: "Styles__StyledSelectDateDatePicker",
     componentId: "sc-1jkx994-3"
   })(["", " color:red;"], {
-    "paddingTop": "1rem",
-    "paddingBottom": "0.5rem"
+    "paddingBottom": "0.5rem",
+    "paddingTop": "1rem"
   });
   StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
   var StyledSelectDateFooter = styled__default["default"].div.withConfig({
@@ -15572,7 +15574,7 @@
   });
   Label.displayName = "Label";
 
-  var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
+  var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);-- --warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
 
   var StyledDiv = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDiv",
@@ -15595,25 +15597,22 @@
     componentId: "sc-1wapx2a-2"
   })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
     "position": "absolute",
-    "top": "0px",
-    "right": "0px",
-    "bottom": "0px",
-    "left": "0px",
+    "inset": "0px",
+    "boxSizing": "border-box",
+    "width": "100%",
+    "overflow": "hidden",
+    "whiteSpace": "nowrap",
+    "borderRadius": "0.375rem",
     "borderWidth": "1px",
-    "borderColor": "rgba(0, 0, 0, 0)",
     "borderStyle": "solid",
-    ":hover": {
-      "borderColor": "var(--color-theme-700)"
-    },
+    "borderColor": "transparent",
     ":focus-within": {
-      "borderColor": "var(--color-theme-700)",
-      "overflow": "scroll"
+      "overflow": "scroll",
+      "borderColor": "var(--color-theme-700)"
     },
-    "borderRadius": "0.375rem",
-    "boxSizing": "border-box",
-    "overflow": "hidden",
-    "whiteSpace": "nowrap",
-    "width": "100%"
+    ":hover": {
+      "borderColor": "var(--color-theme-700)"
+    }
   });
   StyledInput$1.displayName = "StyledInput";