@0xsquid/ui 0.27.2-beta.0 → 0.27.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -17,16 +17,16 @@ Import styles in your entry point:
17
17
  import "@0xsquid/ui/dist/index.css";
18
18
  ```
19
19
 
20
- Wrap your app with our theme provider `<ThemeProvider />` and specify your theme:
20
+ Wrap your app with our theme provider `<SquidConfigProvider />` and specify your theme:
21
21
 
22
22
  ```jsx
23
- import { ThemeProvider, Button } from "@0xsquid/ui";
23
+ import { SquidConfigProvider, Button } from "@0xsquid/ui";
24
24
 
25
25
  function App() {
26
26
  return (
27
- <ThemeProvider theme={yourTheme}>
27
+ <SquidConfigProvider theme={yourTheme}>
28
28
  <Button label="Hello world" variant="primary" size="md" />
29
- </ThemeProvider>
29
+ </SquidConfigProvider>
30
30
  );
31
31
  }
32
32
  ```
package/dist/cjs/index.js CHANGED
@@ -17227,9 +17227,6 @@ function SunIcon({ size = "24", className, }) {
17227
17227
  function MoonIcon({ size = "20", className, }) {
17228
17228
  return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M10.0463 2.99972C10.2292 2.73432 10.2427 2.38723 10.0809 2.10846C9.91903 1.8297 9.61096 1.66925 9.28979 1.69647C5.02109 2.05816 1.66992 5.63639 1.66992 9.9982C1.66992 14.5997 5.40018 18.33 10.0017 18.33C14.3636 18.33 17.9419 14.9787 18.3035 10.7098C18.3307 10.3887 18.1702 10.0806 17.8914 9.91879C17.6127 9.75698 17.2656 9.77044 17.0002 9.95336C16.1951 10.5083 15.2201 10.8331 14.1667 10.8331C11.4052 10.8331 9.16667 8.59452 9.16667 5.8331C9.16667 4.77977 9.49145 3.80481 10.0463 2.99972Z", fill: "currentColor" }) }));
17229
17229
  }
17230
- function SunOutlinedIcon({ size = "24", className, }) {
17231
- return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 3V2M12 22V21M18.3598 5.64005L19.0698 4.93005M4.93016 19.07L5.64016 18.36M21 12H22M2 12H3M18.3598 18.36L19.0698 19.07M4.93016 4.93005L5.64016 5.64005M15.5355 8.46447C17.4882 10.4171 17.4882 13.5829 15.5355 15.5355C13.5829 17.4882 10.4171 17.4882 8.46447 15.5355C6.51185 13.5829 6.51185 10.4171 8.46447 8.46447C10.4171 6.51185 13.5829 6.51185 15.5355 8.46447Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
17232
- }
17233
17230
 
17234
17231
  const dockIconClassname = "tw-text-grey-900";
17235
17232
  const dockIconSelectedClassname = "group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700";
@@ -17285,27 +17282,6 @@ function ImageIcon({ size = "20", className, }) {
17285
17282
  function FilterTimelineIcon({ size = "20", className, }) {
17286
17283
  return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M5.00117 3.33325C5.46141 3.33325 5.8345 3.70635 5.8345 4.16659V13.8206L6.91042 12.7442C7.23577 12.4186 7.76341 12.4185 8.08894 12.7438C8.41446 13.0692 8.4146 13.5968 8.08925 13.9224L5.59058 16.4224C5.43434 16.5787 5.22241 16.6665 5.00139 16.6666C4.78038 16.6666 4.56839 16.5789 4.41207 16.4227L1.91074 13.9227C1.58521 13.5973 1.58507 13.0697 1.91042 12.7442C2.23577 12.4186 2.76341 12.4185 3.08894 12.7438L4.16784 13.8222V4.16659C4.16784 3.70635 4.54093 3.33325 5.00117 3.33325Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99984 4.99992C9.5396 4.99992 9.1665 5.37301 9.1665 5.83325C9.1665 6.29349 9.5396 6.66659 9.99984 6.66659H16.6665C17.1267 6.66659 17.4998 6.29349 17.4998 5.83325C17.4998 5.37301 17.1267 4.99992 16.6665 4.99992H9.99984Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.3332 13.3333C12.8729 13.3333 12.4998 13.7063 12.4998 14.1666C12.4998 14.6268 12.8729 14.9999 13.3332 14.9999H16.6665C17.1267 14.9999 17.4998 14.6268 17.4998 14.1666C17.4998 13.7063 17.1267 13.3333 16.6665 13.3333H13.3332Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8332 9.99992C10.8332 9.53968 11.2063 9.16659 11.6665 9.16659H16.6665C17.1267 9.16659 17.4998 9.53968 17.4998 9.99992C17.4998 10.4602 17.1267 10.8333 16.6665 10.8333H11.6665C11.2063 10.8333 10.8332 10.4602 10.8332 9.99992Z", fill: "currentColor" })] }));
17287
17284
  }
17288
- function PhoneIcon({ size = "24", className, }) {
17289
- return (jsxRuntime.jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", children: jsxRuntime.jsx("path", { d: "M10.5 19H14.5M8.5 22H16.5C17.6046 22 18.5 21.1046 18.5 20V4C18.5 2.89543 17.6046 2 16.5 2H8.5C7.39543 2 6.5 2.89543 6.5 4V20C6.5 21.1046 7.39543 22 8.5 22Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
17290
- }
17291
- function LaptopIcon({ size = "24", className, }) {
17292
- return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M4.5 6C4.5 4.89543 5.39543 4 6.5 4H18.5C19.6046 4 20.5 4.89543 20.5 6V15C20.5 15.5523 20.0523 16 19.5 16H5.5C4.94772 16 4.5 15.5523 4.5 15V6Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M2.5 16H22.5V18C22.5 19.1046 21.6046 20 20.5 20H4.5C3.39543 20 2.5 19.1046 2.5 18V16Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" })] }));
17293
- }
17294
- function CopyIcon({ size = "20", className, }) {
17295
- return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.16663 6.66666V3.54166C7.16663 2.50612 8.00609 1.66666 9.04163 1.66666H16.9583C17.9938 1.66666 18.8333 2.50612 18.8333 3.54166V11.4583C18.8333 12.4939 17.9938 13.3333 16.9583 13.3333H13.8333V16.4583C13.8333 17.4939 12.9938 18.3333 11.9583 18.3333H4.04163C3.00609 18.3333 2.16663 17.4939 2.16663 16.4583V8.54166C2.16663 7.50612 3.00609 6.66666 4.04163 6.66666H7.16663ZM9.04163 13.3333C8.00609 13.3333 7.16663 12.4939 7.16663 11.4583V8.33332H4.04163C3.92657 8.33332 3.83329 8.4266 3.83329 8.54166V16.4583C3.83329 16.5734 3.92657 16.6667 4.04163 16.6667H11.9583C12.0734 16.6667 12.1666 16.5734 12.1666 16.4583V13.3333H9.04163Z", fill: "currentColor" }) }));
17296
- }
17297
- function FileDownloadIcon({ size = "20", className, }) {
17298
- return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.33337 1.66666H10.5V5.83332C10.5 7.21404 11.6193 8.33332 13 8.33332H17.1667V15.8333C17.1667 17.214 16.0474 18.3333 14.6667 18.3333H6.33337C4.95266 18.3333 3.83337 17.214 3.83337 15.8333V4.16666C3.83337 2.78594 4.95266 1.66666 6.33337 1.66666ZM13.1726 14.3392L11.0893 16.4226C10.7639 16.748 10.2362 16.748 9.91079 16.4226L7.82745 14.3392C7.50201 14.0138 7.50201 13.4862 7.82745 13.1607C8.15289 12.8353 8.68053 12.8353 9.00596 13.1607L9.66671 13.8215V10.8333C9.66671 10.3731 10.0398 9.99999 10.5 9.99999C10.9603 9.99999 11.3334 10.3731 11.3334 10.8333V13.8215L11.9941 13.1607C12.3196 12.8353 12.8472 12.8353 13.1726 13.1607C13.4981 13.4862 13.4981 14.0138 13.1726 14.3392Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M12.1667 2.15481L16.6786 6.66666H13C12.5398 6.66666 12.1667 6.29356 12.1667 5.83332V2.15481Z", fill: "currentColor" })] }));
17299
- }
17300
- function CodeSolidSquareIcon({ size = "24", className, }) {
17301
- return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 6C3.5 4.34315 4.84315 3 6.5 3H18.5C20.1569 3 21.5 4.34315 21.5 6V18C21.5 19.6569 20.1569 21 18.5 21H6.5C4.84315 21 3.5 19.6569 3.5 18V6ZM11.2071 8.79289C11.5976 9.18342 11.5976 9.81658 11.2071 10.2071L9.41421 12L11.2071 13.7929C11.5976 14.1834 11.5976 14.8166 11.2071 15.2071C10.8166 15.5976 10.1834 15.5976 9.79289 15.2071L8 13.4142C7.21895 12.6332 7.21895 11.3668 8 10.5858L9.79289 8.79289C10.1834 8.40237 10.8166 8.40237 11.2071 8.79289ZM15.2071 8.79289C14.8166 8.40237 14.1834 8.40237 13.7929 8.79289C13.4024 9.18342 13.4024 9.81658 13.7929 10.2071L15.5858 12L13.7929 13.7929C13.4024 14.1834 13.4024 14.8166 13.7929 15.2071C14.1834 15.5976 14.8166 15.5976 15.2071 15.2071L17 13.4142C17.781 12.6332 17.781 11.3668 17 10.5858L15.2071 8.79289Z", fill: "currentColor" }) }));
17302
- }
17303
- function CodeBracketsIcon({ size = "20", className, }) {
17304
- return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8688 2.5249C12.3153 2.63652 12.5867 3.08896 12.4751 3.53546L9.14178 16.8688C9.03015 17.3153 8.57771 17.5868 8.13121 17.4752C7.68472 17.3635 7.41325 16.9111 7.52487 16.4646L10.8582 3.13123C10.9698 2.68474 11.4223 2.41327 11.8688 2.5249ZM5.58925 6.07746C5.91469 6.4029 5.91469 6.93053 5.58925 7.25597L3.43443 9.41079C3.10899 9.73623 3.10899 10.2639 3.43443 10.5893L5.58925 12.7441C5.91469 13.0696 5.91469 13.5972 5.58925 13.9226C5.26381 14.2481 4.73617 14.2481 4.41074 13.9226L2.25591 11.7678C1.2796 10.7915 1.27961 9.20859 2.25592 8.23228L4.41074 6.07746C4.73617 5.75202 5.26381 5.75202 5.58925 6.07746ZM14.4107 6.07746C14.7362 5.75202 15.2638 5.75202 15.5892 6.07746L17.7441 8.23228C18.7204 9.20859 18.7204 10.7915 17.7441 11.7678L15.5892 13.9226C15.2638 14.2481 14.7362 14.2481 14.4107 13.9226C14.0853 13.5972 14.0853 13.0696 14.4107 12.7441L16.5656 10.5893C16.891 10.2639 16.891 9.73623 16.5656 9.41079L14.4107 7.25597C14.0853 6.93053 14.0853 6.4029 14.4107 6.07746Z", fill: "currentColor" }) }));
17305
- }
17306
- function CommandIcon({ size = "22", className, }) {
17307
- return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 22 22", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M8 17V17C8 16.0219 8.28951 15.0657 8.83205 14.2519L13.1679 7.74808C13.7105 6.93427 14 5.97808 14 5V5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
17308
- }
17309
17285
 
17310
17286
  function FeeButton(_a) {
17311
17287
  var { feeInUsd = "0", chipLabel = "Fee", className, tooltip } = _a, props = __rest$1(_a, ["feeInUsd", "chipLabel", "className", "tooltip"]);
@@ -17753,6 +17729,9 @@ const baseTailwindConfig = {
17753
17729
  ".highlight-adjacent:has(*:hover) .hide-on-parent-hover": {
17754
17730
  opacity: "0",
17755
17731
  },
17732
+ ".h-d-screen": {
17733
+ height: "100dvh",
17734
+ },
17756
17735
  });
17757
17736
  }),
17758
17737
  ],
@@ -18725,69 +18704,6 @@ const useTimer = ({ immediateStart = true, }) => {
18725
18704
  return { timer, stopTimer, startTimer };
18726
18705
  };
18727
18706
 
18728
- exports.ThemePreference = void 0;
18729
- (function (ThemePreference) {
18730
- ThemePreference["LIGHT"] = "light";
18731
- ThemePreference["DARK"] = "dark";
18732
- ThemePreference["SYSTEM"] = "system";
18733
- })(exports.ThemePreference || (exports.ThemePreference = {}));
18734
- const THEME_STORAGE_KEY = "__squid-app-theme-type__";
18735
- const THEME_CHANGE_EVENT = "squid-app-theme-change";
18736
- const THEME_MEDIA_QUERY = "(prefers-color-scheme: light)";
18737
- function useUserTheme() {
18738
- const [themePreference, setThemePreference] = React$1.useState(getInitialTheme);
18739
- const [themeType, setThemeType] = React$1.useState(getEffectiveTheme(themePreference));
18740
- React$1.useEffect(() => {
18741
- const handleThemeChange = (e) => {
18742
- setThemePreference(e.detail);
18743
- };
18744
- window.addEventListener(THEME_CHANGE_EVENT, handleThemeChange);
18745
- return () => {
18746
- window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChange);
18747
- };
18748
- }, []);
18749
- React$1.useEffect(() => {
18750
- const mediaQuery = window.matchMedia(THEME_MEDIA_QUERY);
18751
- const handleChange = () => {
18752
- if (themePreference === exports.ThemePreference.SYSTEM) {
18753
- setThemeType(mediaQuery.matches ? "light" : "dark");
18754
- }
18755
- };
18756
- mediaQuery.addEventListener("change", handleChange);
18757
- handleChange();
18758
- return () => {
18759
- mediaQuery.removeEventListener("change", handleChange);
18760
- };
18761
- }, [themePreference]);
18762
- React$1.useEffect(() => {
18763
- setThemeType(getEffectiveTheme(themePreference));
18764
- }, [themePreference]);
18765
- const setThemeManually = (theme) => {
18766
- setThemePreference(theme);
18767
- localStorage.setItem(THEME_STORAGE_KEY, theme);
18768
- window.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, { detail: theme }));
18769
- };
18770
- const isDarkMode = React$1.useMemo(() => themeType === "dark", [themeType]);
18771
- return {
18772
- themePreference,
18773
- themeType,
18774
- theme: isDarkMode ? darkTheme : lightTheme,
18775
- setThemeManually,
18776
- isDarkMode,
18777
- };
18778
- }
18779
- function getInitialTheme() {
18780
- var _a;
18781
- if (typeof window === "undefined")
18782
- return exports.ThemePreference.SYSTEM;
18783
- return ((_a = localStorage.getItem(THEME_STORAGE_KEY)) !== null && _a !== void 0 ? _a : exports.ThemePreference.SYSTEM);
18784
- }
18785
- function getEffectiveTheme(themeType) {
18786
- if (themeType !== exports.ThemePreference.SYSTEM)
18787
- return themeType;
18788
- return window.matchMedia(THEME_MEDIA_QUERY).matches ? "light" : "dark";
18789
- }
18790
-
18791
18707
  function BaseDropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, link, control, detail, isSelected, itemRef, children, contentRef, }) {
18792
18708
  const ContentTag = link
18793
18709
  ? "a"
@@ -18939,7 +18855,7 @@ function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount,
18939
18855
  onClick,
18940
18856
  }
18941
18857
  : {};
18942
- return (jsxRuntime.jsxs("li", { ref: itemRef, className: cn("tw-relative tw-flex tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", !!dropdownMenuContent && "tw-highlight-adjacent"), children: [jsxRuntime.jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn("tw-group/history-item tw-peer/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs", isInteractive && "hover:tw-bg-material-light-thin"), children: [jsxRuntime.jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsxRuntime.jsx("span", { className: cn("tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5", statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsxRuntime.jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsxRuntime.jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(CaptionText, { children: fromLabel }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronRightSmallIcon, {}) }), jsxRuntime.jsx(CaptionText, { children: toLabel })] }), jsxRuntime.jsx("div", { className: cn("tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs tw-hide-on-parent-hover", !!dropdownMenuContent &&
18858
+ return (jsxRuntime.jsxs("li", { ref: itemRef, className: cn("tw-relative tw-flex tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", !!dropdownMenuContent && "tw-highlight-adjacent"), children: [jsxRuntime.jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn("tw-group/history-item tw-peer/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs", isInteractive && "hover:tw-bg-material-light-thin"), children: [jsxRuntime.jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsxRuntime.jsx("span", { className: cn("tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5", statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsxRuntime.jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsxRuntime.jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(CaptionText, { children: fromLabel }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronRightSmallIcon, {}) }), jsxRuntime.jsx(CaptionText, { children: toLabel })] }), jsxRuntime.jsx("div", { className: cn("tw-hide-on-parent-hover tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs", !!dropdownMenuContent &&
18943
18859
  "tw-transition-opacity group-hover/history-item:tw-hidden group-hover/history-item:tw-opacity-0 peer-focus:tw-hidden peer-focus:tw-opacity-0", isDropdownOpen && "tw-opacity-0"), children: statusLabel })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: [jsxRuntime.jsx(BodyText, { size: "small", children: fromAmount }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronLargeRightIcon, {}) }), jsxRuntime.jsx(BodyText, { size: "small", children: toAmount })] })] })] })), !!dropdownMenuContent && (jsxRuntime.jsx(ListItemActionsButton, { ref: openDropdownButtonRef, onClick: openDropdown, isActive: isDropdownOpen, className: "peer-hover/history-item:tw-opacity-100" })), isDropdownOpen && !!dropdownMenuContent ? (jsxRuntime.jsx(DropdownMenu, { menuRef: menuRef, isHidden: !dropdownStyles, className: cn(!!dropdownStyles &&
18944
18860
  dropdownPositionClassMap[dropdownStyles.position]), dropdownRef: dropdownRef, children: dropdownMenuContent })) : null] }));
18945
18861
  }
@@ -62465,10 +62381,9 @@ function blendColors(foreground, background) {
62465
62381
  return rgbToHex(r, g, b);
62466
62382
  }
62467
62383
 
62468
- function ThemeProvider(_a) {
62469
- var { theme = lightTheme, children, themeType = "light" } = _a, props = __rest$1(_a, ["theme", "children", "themeType"]);
62384
+ function SquidConfigProvider({ theme = lightTheme, children, themeType = "light", }) {
62470
62385
  const parsedStyle = parseSquidTheme(theme);
62471
- return (jsxRuntime.jsx("div", Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), parsedStyle), "data-squid-theme-type": themeType, className: cn("tw-group tw-relative tw-h-screen tw-font-geist mobile-lg:tw-h-auto", props.className), children: children })));
62386
+ return (jsxRuntime.jsx("div", { style: parsedStyle, "data-squid-theme-type": themeType, className: "tw-h-d-screen tw-group tw-relative tw-flex tw-font-geist mobile-lg:tw-h-auto", children: children }));
62472
62387
  }
62473
62388
 
62474
62389
  exports.ActionLayout = ActionLayout;
@@ -62544,20 +62459,16 @@ exports.CircleX = CircleX;
62544
62459
  exports.CircleXFilledIcon = CircleXFilledIcon;
62545
62460
  exports.ClockOutlineIcon = ClockOutlineIcon;
62546
62461
  exports.ClockSolidIcon = ClockSolidIcon;
62547
- exports.CodeBracketsIcon = CodeBracketsIcon;
62548
- exports.CodeSolidSquareIcon = CodeSolidSquareIcon;
62549
62462
  exports.CoinsAddIcon = CoinsAddIcon;
62550
62463
  exports.CoinsIcon = CoinsIcon;
62551
62464
  exports.Collapse = Collapse;
62552
62465
  exports.CollapsibleMenu = CollapsibleMenu;
62553
62466
  exports.CollectionIcon = CollectionIcon;
62554
62467
  exports.ColorPaletteIcon = ColorPaletteIcon;
62555
- exports.CommandIcon = CommandIcon;
62556
62468
  exports.CompassRoundOutlinedIcon = CompassRoundOutlinedIcon;
62557
62469
  exports.CompassRoundSolidIcon = CompassRoundSolidIcon;
62558
62470
  exports.ConsoleIcon = ConsoleIcon;
62559
62471
  exports.Copy = Copy;
62560
- exports.CopyIcon = CopyIcon;
62561
62472
  exports.CrossAnimatedIcon = CrossAnimatedIcon;
62562
62473
  exports.DashboardFast = DashboardFast;
62563
62474
  exports.DescriptionBlocks = DescriptionBlocks;
@@ -62587,7 +62498,6 @@ exports.FeeButton = FeeButton;
62587
62498
  exports.FeesAction = FeesAction;
62588
62499
  exports.FeesLines = FeesLines;
62589
62500
  exports.FeesTotal = FeesTotal;
62590
- exports.FileDownloadIcon = FileDownloadIcon;
62591
62501
  exports.FilledHeartIcon = FilledHeartIcon;
62592
62502
  exports.FilterAscendingIcon = FilterAscendingIcon;
62593
62503
  exports.FilterButton = FilterButton;
@@ -62616,7 +62526,6 @@ exports.InteractionHeader = InteractionHeader;
62616
62526
  exports.InteractionProperties = InteractionProperties;
62617
62527
  exports.InteractionTransactionView = InteractionTransactionView;
62618
62528
  exports.Join = Join;
62619
- exports.LaptopIcon = LaptopIcon;
62620
62529
  exports.LightningIcon = LightningIcon;
62621
62530
  exports.LimitIcon = LimitIcon;
62622
62531
  exports.LinkIcon = LinkIcon;
@@ -62642,7 +62551,6 @@ exports.NotAllowedIcon = NotAllowedIcon;
62642
62551
  exports.NumericInput = NumericInput;
62643
62552
  exports.PathSquareIcon = PathSquareIcon;
62644
62553
  exports.PercentIcon = PercentIcon;
62645
- exports.PhoneIcon = PhoneIcon;
62646
62554
  exports.PieChartIcon = PieChartIcon;
62647
62555
  exports.PipeSeparator = PipeSeparator;
62648
62556
  exports.PlusIcon = PlusIcon;
@@ -62681,13 +62589,13 @@ exports.SparklesIcon = SparklesIcon;
62681
62589
  exports.SquareArrowCenter = SquareArrowCenter;
62682
62590
  exports.SquareArrowTopLeftIcon = SquareArrowTopLeftIcon;
62683
62591
  exports.SquareArrowTopRight2Icon = SquareArrowTopRight2Icon;
62592
+ exports.SquidConfigProvider = SquidConfigProvider;
62684
62593
  exports.SquidLogo = SquidLogo;
62685
62594
  exports.StakeAction = StakeAction;
62686
62595
  exports.StartAction = StartAction;
62687
62596
  exports.StocksIcon = StocksIcon;
62688
62597
  exports.SuccessAction = SuccessAction;
62689
62598
  exports.SunIcon = SunIcon;
62690
- exports.SunOutlinedIcon = SunOutlinedIcon;
62691
62599
  exports.SunriseIcon = SunriseIcon;
62692
62600
  exports.SwapAction = SwapAction;
62693
62601
  exports.SwapConfiguration = SwapConfiguration;
@@ -62709,7 +62617,6 @@ exports.Switch = Switch;
62709
62617
  exports.TagIcon = TagIcon;
62710
62618
  exports.TagIconFilled = TagIconFilled;
62711
62619
  exports.TextSkeleton = TextSkeleton;
62712
- exports.ThemeProvider = ThemeProvider;
62713
62620
  exports.ThumbsUp = ThumbsUp;
62714
62621
  exports.Tick = Tick;
62715
62622
  exports.TimeFliesIcon = TimeFliesIcon;
@@ -62751,5 +62658,4 @@ exports.useMediaQuery = useMediaQuery;
62751
62658
  exports.useOnResize = useOnResize;
62752
62659
  exports.useRect = useRect;
62753
62660
  exports.useTimer = useTimer;
62754
- exports.useUserTheme = useUserTheme;
62755
62661
  exports.useVersion = useVersion;
@@ -38,31 +38,3 @@ export declare function FilterTimelineIcon({ size, className, }: {
38
38
  size?: string;
39
39
  className?: string;
40
40
  }): import("react/jsx-runtime").JSX.Element;
41
- export declare function PhoneIcon({ size, className, }: {
42
- size?: string;
43
- className?: string;
44
- }): import("react/jsx-runtime").JSX.Element;
45
- export declare function LaptopIcon({ size, className, }: {
46
- size?: string;
47
- className?: string;
48
- }): import("react/jsx-runtime").JSX.Element;
49
- export declare function CopyIcon({ size, className, }: {
50
- size?: string;
51
- className?: string;
52
- }): import("react/jsx-runtime").JSX.Element;
53
- export declare function FileDownloadIcon({ size, className, }: {
54
- size?: string;
55
- className?: string;
56
- }): import("react/jsx-runtime").JSX.Element;
57
- export declare function CodeSolidSquareIcon({ size, className, }: {
58
- size?: string;
59
- className?: string;
60
- }): import("react/jsx-runtime").JSX.Element;
61
- export declare function CodeBracketsIcon({ size, className, }: {
62
- size?: string;
63
- className?: string;
64
- }): import("react/jsx-runtime").JSX.Element;
65
- export declare function CommandIcon({ size, className, }: {
66
- size?: string;
67
- className?: string;
68
- }): import("react/jsx-runtime").JSX.Element;
@@ -10,7 +10,3 @@ export declare function MoonIcon({ size, className, }: {
10
10
  size?: string;
11
11
  className?: string;
12
12
  }): import("react/jsx-runtime").JSX.Element;
13
- export declare function SunOutlinedIcon({ size, className, }: {
14
- size?: string;
15
- className?: string;
16
- }): import("react/jsx-runtime").JSX.Element;
@@ -4,4 +4,3 @@ export * from "./useCollapsibleMenu";
4
4
  export * from "./useRect";
5
5
  export * from "./useVersion";
6
6
  export * from "./useTimer";
7
- export * from "./useUserTheme";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import "../styles/compiled-tailwind.css";
3
+ import { ThemeType } from "../types/components";
4
+ import { SquidTheme } from "../types/config";
5
+ export declare function SquidConfigProvider({ theme, children, themeType, }: {
6
+ theme?: SquidTheme;
7
+ children?: React.ReactNode;
8
+ themeType?: ThemeType;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export * from "./ThemeProvider";
1
+ export * from "./SquidConfigProvider";
package/dist/esm/index.js CHANGED
@@ -17207,9 +17207,6 @@ function SunIcon({ size = "24", className, }) {
17207
17207
  function MoonIcon({ size = "20", className, }) {
17208
17208
  return (jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M10.0463 2.99972C10.2292 2.73432 10.2427 2.38723 10.0809 2.10846C9.91903 1.8297 9.61096 1.66925 9.28979 1.69647C5.02109 2.05816 1.66992 5.63639 1.66992 9.9982C1.66992 14.5997 5.40018 18.33 10.0017 18.33C14.3636 18.33 17.9419 14.9787 18.3035 10.7098C18.3307 10.3887 18.1702 10.0806 17.8914 9.91879C17.6127 9.75698 17.2656 9.77044 17.0002 9.95336C16.1951 10.5083 15.2201 10.8331 14.1667 10.8331C11.4052 10.8331 9.16667 8.59452 9.16667 5.8331C9.16667 4.77977 9.49145 3.80481 10.0463 2.99972Z", fill: "currentColor" }) }));
17209
17209
  }
17210
- function SunOutlinedIcon({ size = "24", className, }) {
17211
- return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsx("path", { d: "M12 3V2M12 22V21M18.3598 5.64005L19.0698 4.93005M4.93016 19.07L5.64016 18.36M21 12H22M2 12H3M18.3598 18.36L19.0698 19.07M4.93016 4.93005L5.64016 5.64005M15.5355 8.46447C17.4882 10.4171 17.4882 13.5829 15.5355 15.5355C13.5829 17.4882 10.4171 17.4882 8.46447 15.5355C6.51185 13.5829 6.51185 10.4171 8.46447 8.46447C10.4171 6.51185 13.5829 6.51185 15.5355 8.46447Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
17212
- }
17213
17210
 
17214
17211
  const dockIconClassname = "tw-text-grey-900";
17215
17212
  const dockIconSelectedClassname = "group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700";
@@ -17265,27 +17262,6 @@ function ImageIcon({ size = "20", className, }) {
17265
17262
  function FilterTimelineIcon({ size = "20", className, }) {
17266
17263
  return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsx("path", { d: "M5.00117 3.33325C5.46141 3.33325 5.8345 3.70635 5.8345 4.16659V13.8206L6.91042 12.7442C7.23577 12.4186 7.76341 12.4185 8.08894 12.7438C8.41446 13.0692 8.4146 13.5968 8.08925 13.9224L5.59058 16.4224C5.43434 16.5787 5.22241 16.6665 5.00139 16.6666C4.78038 16.6666 4.56839 16.5789 4.41207 16.4227L1.91074 13.9227C1.58521 13.5973 1.58507 13.0697 1.91042 12.7442C2.23577 12.4186 2.76341 12.4185 3.08894 12.7438L4.16784 13.8222V4.16659C4.16784 3.70635 4.54093 3.33325 5.00117 3.33325Z", fill: "currentColor" }), jsx("path", { d: "M9.99984 4.99992C9.5396 4.99992 9.1665 5.37301 9.1665 5.83325C9.1665 6.29349 9.5396 6.66659 9.99984 6.66659H16.6665C17.1267 6.66659 17.4998 6.29349 17.4998 5.83325C17.4998 5.37301 17.1267 4.99992 16.6665 4.99992H9.99984Z", fill: "currentColor" }), jsx("path", { d: "M13.3332 13.3333C12.8729 13.3333 12.4998 13.7063 12.4998 14.1666C12.4998 14.6268 12.8729 14.9999 13.3332 14.9999H16.6665C17.1267 14.9999 17.4998 14.6268 17.4998 14.1666C17.4998 13.7063 17.1267 13.3333 16.6665 13.3333H13.3332Z", fill: "currentColor" }), jsx("path", { d: "M10.8332 9.99992C10.8332 9.53968 11.2063 9.16659 11.6665 9.16659H16.6665C17.1267 9.16659 17.4998 9.53968 17.4998 9.99992C17.4998 10.4602 17.1267 10.8333 16.6665 10.8333H11.6665C11.2063 10.8333 10.8332 10.4602 10.8332 9.99992Z", fill: "currentColor" })] }));
17267
17264
  }
17268
- function PhoneIcon({ size = "24", className, }) {
17269
- return (jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", children: jsx("path", { d: "M10.5 19H14.5M8.5 22H16.5C17.6046 22 18.5 21.1046 18.5 20V4C18.5 2.89543 17.6046 2 16.5 2H8.5C7.39543 2 6.5 2.89543 6.5 4V20C6.5 21.1046 7.39543 22 8.5 22Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
17270
- }
17271
- function LaptopIcon({ size = "24", className, }) {
17272
- return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: [jsx("path", { d: "M4.5 6C4.5 4.89543 5.39543 4 6.5 4H18.5C19.6046 4 20.5 4.89543 20.5 6V15C20.5 15.5523 20.0523 16 19.5 16H5.5C4.94772 16 4.5 15.5523 4.5 15V6Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsx("path", { d: "M2.5 16H22.5V18C22.5 19.1046 21.6046 20 20.5 20H4.5C3.39543 20 2.5 19.1046 2.5 18V16Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" })] }));
17273
- }
17274
- function CopyIcon({ size = "20", className, }) {
17275
- return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", className: className, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.16663 6.66666V3.54166C7.16663 2.50612 8.00609 1.66666 9.04163 1.66666H16.9583C17.9938 1.66666 18.8333 2.50612 18.8333 3.54166V11.4583C18.8333 12.4939 17.9938 13.3333 16.9583 13.3333H13.8333V16.4583C13.8333 17.4939 12.9938 18.3333 11.9583 18.3333H4.04163C3.00609 18.3333 2.16663 17.4939 2.16663 16.4583V8.54166C2.16663 7.50612 3.00609 6.66666 4.04163 6.66666H7.16663ZM9.04163 13.3333C8.00609 13.3333 7.16663 12.4939 7.16663 11.4583V8.33332H4.04163C3.92657 8.33332 3.83329 8.4266 3.83329 8.54166V16.4583C3.83329 16.5734 3.92657 16.6667 4.04163 16.6667H11.9583C12.0734 16.6667 12.1666 16.5734 12.1666 16.4583V13.3333H9.04163Z", fill: "currentColor" }) }));
17276
- }
17277
- function FileDownloadIcon({ size = "20", className, }) {
17278
- return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.33337 1.66666H10.5V5.83332C10.5 7.21404 11.6193 8.33332 13 8.33332H17.1667V15.8333C17.1667 17.214 16.0474 18.3333 14.6667 18.3333H6.33337C4.95266 18.3333 3.83337 17.214 3.83337 15.8333V4.16666C3.83337 2.78594 4.95266 1.66666 6.33337 1.66666ZM13.1726 14.3392L11.0893 16.4226C10.7639 16.748 10.2362 16.748 9.91079 16.4226L7.82745 14.3392C7.50201 14.0138 7.50201 13.4862 7.82745 13.1607C8.15289 12.8353 8.68053 12.8353 9.00596 13.1607L9.66671 13.8215V10.8333C9.66671 10.3731 10.0398 9.99999 10.5 9.99999C10.9603 9.99999 11.3334 10.3731 11.3334 10.8333V13.8215L11.9941 13.1607C12.3196 12.8353 12.8472 12.8353 13.1726 13.1607C13.4981 13.4862 13.4981 14.0138 13.1726 14.3392Z", fill: "currentColor" }), jsx("path", { d: "M12.1667 2.15481L16.6786 6.66666H13C12.5398 6.66666 12.1667 6.29356 12.1667 5.83332V2.15481Z", fill: "currentColor" })] }));
17279
- }
17280
- function CodeSolidSquareIcon({ size = "24", className, }) {
17281
- return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 6C3.5 4.34315 4.84315 3 6.5 3H18.5C20.1569 3 21.5 4.34315 21.5 6V18C21.5 19.6569 20.1569 21 18.5 21H6.5C4.84315 21 3.5 19.6569 3.5 18V6ZM11.2071 8.79289C11.5976 9.18342 11.5976 9.81658 11.2071 10.2071L9.41421 12L11.2071 13.7929C11.5976 14.1834 11.5976 14.8166 11.2071 15.2071C10.8166 15.5976 10.1834 15.5976 9.79289 15.2071L8 13.4142C7.21895 12.6332 7.21895 11.3668 8 10.5858L9.79289 8.79289C10.1834 8.40237 10.8166 8.40237 11.2071 8.79289ZM15.2071 8.79289C14.8166 8.40237 14.1834 8.40237 13.7929 8.79289C13.4024 9.18342 13.4024 9.81658 13.7929 10.2071L15.5858 12L13.7929 13.7929C13.4024 14.1834 13.4024 14.8166 13.7929 15.2071C14.1834 15.5976 14.8166 15.5976 15.2071 15.2071L17 13.4142C17.781 12.6332 17.781 11.3668 17 10.5858L15.2071 8.79289Z", fill: "currentColor" }) }));
17282
- }
17283
- function CodeBracketsIcon({ size = "20", className, }) {
17284
- return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8688 2.5249C12.3153 2.63652 12.5867 3.08896 12.4751 3.53546L9.14178 16.8688C9.03015 17.3153 8.57771 17.5868 8.13121 17.4752C7.68472 17.3635 7.41325 16.9111 7.52487 16.4646L10.8582 3.13123C10.9698 2.68474 11.4223 2.41327 11.8688 2.5249ZM5.58925 6.07746C5.91469 6.4029 5.91469 6.93053 5.58925 7.25597L3.43443 9.41079C3.10899 9.73623 3.10899 10.2639 3.43443 10.5893L5.58925 12.7441C5.91469 13.0696 5.91469 13.5972 5.58925 13.9226C5.26381 14.2481 4.73617 14.2481 4.41074 13.9226L2.25591 11.7678C1.2796 10.7915 1.27961 9.20859 2.25592 8.23228L4.41074 6.07746C4.73617 5.75202 5.26381 5.75202 5.58925 6.07746ZM14.4107 6.07746C14.7362 5.75202 15.2638 5.75202 15.5892 6.07746L17.7441 8.23228C18.7204 9.20859 18.7204 10.7915 17.7441 11.7678L15.5892 13.9226C15.2638 14.2481 14.7362 14.2481 14.4107 13.9226C14.0853 13.5972 14.0853 13.0696 14.4107 12.7441L16.5656 10.5893C16.891 10.2639 16.891 9.73623 16.5656 9.41079L14.4107 7.25597C14.0853 6.93053 14.0853 6.4029 14.4107 6.07746Z", fill: "currentColor" }) }));
17285
- }
17286
- function CommandIcon({ size = "22", className, }) {
17287
- return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 22 22", fill: "none", className: className, children: jsx("path", { d: "M8 17V17C8 16.0219 8.28951 15.0657 8.83205 14.2519L13.1679 7.74808C13.7105 6.93427 14 5.97808 14 5V5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
17288
- }
17289
17265
 
17290
17266
  function FeeButton(_a) {
17291
17267
  var { feeInUsd = "0", chipLabel = "Fee", className, tooltip } = _a, props = __rest$1(_a, ["feeInUsd", "chipLabel", "className", "tooltip"]);
@@ -17733,6 +17709,9 @@ const baseTailwindConfig = {
17733
17709
  ".highlight-adjacent:has(*:hover) .hide-on-parent-hover": {
17734
17710
  opacity: "0",
17735
17711
  },
17712
+ ".h-d-screen": {
17713
+ height: "100dvh",
17714
+ },
17736
17715
  });
17737
17716
  }),
17738
17717
  ],
@@ -18705,69 +18684,6 @@ const useTimer = ({ immediateStart = true, }) => {
18705
18684
  return { timer, stopTimer, startTimer };
18706
18685
  };
18707
18686
 
18708
- var ThemePreference;
18709
- (function (ThemePreference) {
18710
- ThemePreference["LIGHT"] = "light";
18711
- ThemePreference["DARK"] = "dark";
18712
- ThemePreference["SYSTEM"] = "system";
18713
- })(ThemePreference || (ThemePreference = {}));
18714
- const THEME_STORAGE_KEY = "__squid-app-theme-type__";
18715
- const THEME_CHANGE_EVENT = "squid-app-theme-change";
18716
- const THEME_MEDIA_QUERY = "(prefers-color-scheme: light)";
18717
- function useUserTheme() {
18718
- const [themePreference, setThemePreference] = useState(getInitialTheme);
18719
- const [themeType, setThemeType] = useState(getEffectiveTheme(themePreference));
18720
- useEffect(() => {
18721
- const handleThemeChange = (e) => {
18722
- setThemePreference(e.detail);
18723
- };
18724
- window.addEventListener(THEME_CHANGE_EVENT, handleThemeChange);
18725
- return () => {
18726
- window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChange);
18727
- };
18728
- }, []);
18729
- useEffect(() => {
18730
- const mediaQuery = window.matchMedia(THEME_MEDIA_QUERY);
18731
- const handleChange = () => {
18732
- if (themePreference === ThemePreference.SYSTEM) {
18733
- setThemeType(mediaQuery.matches ? "light" : "dark");
18734
- }
18735
- };
18736
- mediaQuery.addEventListener("change", handleChange);
18737
- handleChange();
18738
- return () => {
18739
- mediaQuery.removeEventListener("change", handleChange);
18740
- };
18741
- }, [themePreference]);
18742
- useEffect(() => {
18743
- setThemeType(getEffectiveTheme(themePreference));
18744
- }, [themePreference]);
18745
- const setThemeManually = (theme) => {
18746
- setThemePreference(theme);
18747
- localStorage.setItem(THEME_STORAGE_KEY, theme);
18748
- window.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, { detail: theme }));
18749
- };
18750
- const isDarkMode = useMemo(() => themeType === "dark", [themeType]);
18751
- return {
18752
- themePreference,
18753
- themeType,
18754
- theme: isDarkMode ? darkTheme : lightTheme,
18755
- setThemeManually,
18756
- isDarkMode,
18757
- };
18758
- }
18759
- function getInitialTheme() {
18760
- var _a;
18761
- if (typeof window === "undefined")
18762
- return ThemePreference.SYSTEM;
18763
- return ((_a = localStorage.getItem(THEME_STORAGE_KEY)) !== null && _a !== void 0 ? _a : ThemePreference.SYSTEM);
18764
- }
18765
- function getEffectiveTheme(themeType) {
18766
- if (themeType !== ThemePreference.SYSTEM)
18767
- return themeType;
18768
- return window.matchMedia(THEME_MEDIA_QUERY).matches ? "light" : "dark";
18769
- }
18770
-
18771
18687
  function BaseDropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, link, control, detail, isSelected, itemRef, children, contentRef, }) {
18772
18688
  const ContentTag = link
18773
18689
  ? "a"
@@ -18919,7 +18835,7 @@ function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount,
18919
18835
  onClick,
18920
18836
  }
18921
18837
  : {};
18922
- return (jsxs("li", { ref: itemRef, className: cn("tw-relative tw-flex tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", !!dropdownMenuContent && "tw-highlight-adjacent"), children: [jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn("tw-group/history-item tw-peer/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs", isInteractive && "hover:tw-bg-material-light-thin"), children: [jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsx("span", { className: cn("tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5", statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxs("div", { className: "tw-flex tw-items-center", children: [jsx(CaptionText, { children: fromLabel }), jsx("span", { className: "tw-text-grey-600", children: jsx(ChevronRightSmallIcon, {}) }), jsx(CaptionText, { children: toLabel })] }), jsx("div", { className: cn("tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs tw-hide-on-parent-hover", !!dropdownMenuContent &&
18838
+ return (jsxs("li", { ref: itemRef, className: cn("tw-relative tw-flex tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", !!dropdownMenuContent && "tw-highlight-adjacent"), children: [jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn("tw-group/history-item tw-peer/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs", isInteractive && "hover:tw-bg-material-light-thin"), children: [jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsx("span", { className: cn("tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5", statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxs("div", { className: "tw-flex tw-items-center", children: [jsx(CaptionText, { children: fromLabel }), jsx("span", { className: "tw-text-grey-600", children: jsx(ChevronRightSmallIcon, {}) }), jsx(CaptionText, { children: toLabel })] }), jsx("div", { className: cn("tw-hide-on-parent-hover tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs", !!dropdownMenuContent &&
18923
18839
  "tw-transition-opacity group-hover/history-item:tw-hidden group-hover/history-item:tw-opacity-0 peer-focus:tw-hidden peer-focus:tw-opacity-0", isDropdownOpen && "tw-opacity-0"), children: statusLabel })] }), jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: [jsx(BodyText, { size: "small", children: fromAmount }), jsx("span", { className: "tw-text-grey-600", children: jsx(ChevronLargeRightIcon, {}) }), jsx(BodyText, { size: "small", children: toAmount })] })] })] })), !!dropdownMenuContent && (jsx(ListItemActionsButton, { ref: openDropdownButtonRef, onClick: openDropdown, isActive: isDropdownOpen, className: "peer-hover/history-item:tw-opacity-100" })), isDropdownOpen && !!dropdownMenuContent ? (jsx(DropdownMenu, { menuRef: menuRef, isHidden: !dropdownStyles, className: cn(!!dropdownStyles &&
18924
18840
  dropdownPositionClassMap[dropdownStyles.position]), dropdownRef: dropdownRef, children: dropdownMenuContent })) : null] }));
18925
18841
  }
@@ -62445,10 +62361,9 @@ function blendColors(foreground, background) {
62445
62361
  return rgbToHex(r, g, b);
62446
62362
  }
62447
62363
 
62448
- function ThemeProvider(_a) {
62449
- var { theme = lightTheme, children, themeType = "light" } = _a, props = __rest$1(_a, ["theme", "children", "themeType"]);
62364
+ function SquidConfigProvider({ theme = lightTheme, children, themeType = "light", }) {
62450
62365
  const parsedStyle = parseSquidTheme(theme);
62451
- return (jsx("div", Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), parsedStyle), "data-squid-theme-type": themeType, className: cn("tw-group tw-relative tw-h-screen tw-font-geist mobile-lg:tw-h-auto", props.className), children: children })));
62366
+ return (jsx("div", { style: parsedStyle, "data-squid-theme-type": themeType, className: "tw-h-d-screen tw-group tw-relative tw-flex tw-font-geist mobile-lg:tw-h-auto", children: children }));
62452
62367
  }
62453
62368
 
62454
- export { ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, AssetsView, BackpackIcon, BadgeImage, BankIcon, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button$1 as Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CopyIcon, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, DropdownMenuTitle, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FeeButton, FeesAction, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, HomeIcon, IconButton, IconLabel, Image$1 as Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, SettingsGearIcon, SettingsItem, SettingsSlider, SettingsSliderIcon, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, TagIcon, TagIconFilled, TextSkeleton, ThemePreference, ThemeProvider, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, TokenPair, Tooltip, TradingViewStepsIcon, TransactionAction, TransactionFilters, TransactionHeader, TransactionHeaderLayout, TransactionItem, TransactionProperties, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, Transfer, TranslateIcon, TriangleExclamation, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
62369
+ export { ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, AssetsView, BackpackIcon, BadgeImage, BankIcon, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button$1 as Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, DropdownMenuTitle, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FeeButton, FeesAction, FeesLines, FeesTotal, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, HomeIcon, IconButton, IconLabel, Image$1 as Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, SettingsGearIcon, SettingsItem, SettingsSlider, SettingsSliderIcon, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidConfigProvider, SquidLogo, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunriseIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, TagIcon, TagIconFilled, TextSkeleton, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, TokenPair, Tooltip, TradingViewStepsIcon, TransactionAction, TransactionFilters, TransactionHeader, TransactionHeaderLayout, TransactionItem, TransactionProperties, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, Transfer, TranslateIcon, TriangleExclamation, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useVersion };
@@ -38,31 +38,3 @@ export declare function FilterTimelineIcon({ size, className, }: {
38
38
  size?: string;
39
39
  className?: string;
40
40
  }): import("react/jsx-runtime").JSX.Element;
41
- export declare function PhoneIcon({ size, className, }: {
42
- size?: string;
43
- className?: string;
44
- }): import("react/jsx-runtime").JSX.Element;
45
- export declare function LaptopIcon({ size, className, }: {
46
- size?: string;
47
- className?: string;
48
- }): import("react/jsx-runtime").JSX.Element;
49
- export declare function CopyIcon({ size, className, }: {
50
- size?: string;
51
- className?: string;
52
- }): import("react/jsx-runtime").JSX.Element;
53
- export declare function FileDownloadIcon({ size, className, }: {
54
- size?: string;
55
- className?: string;
56
- }): import("react/jsx-runtime").JSX.Element;
57
- export declare function CodeSolidSquareIcon({ size, className, }: {
58
- size?: string;
59
- className?: string;
60
- }): import("react/jsx-runtime").JSX.Element;
61
- export declare function CodeBracketsIcon({ size, className, }: {
62
- size?: string;
63
- className?: string;
64
- }): import("react/jsx-runtime").JSX.Element;
65
- export declare function CommandIcon({ size, className, }: {
66
- size?: string;
67
- className?: string;
68
- }): import("react/jsx-runtime").JSX.Element;
@@ -10,7 +10,3 @@ export declare function MoonIcon({ size, className, }: {
10
10
  size?: string;
11
11
  className?: string;
12
12
  }): import("react/jsx-runtime").JSX.Element;
13
- export declare function SunOutlinedIcon({ size, className, }: {
14
- size?: string;
15
- className?: string;
16
- }): import("react/jsx-runtime").JSX.Element;
@@ -4,4 +4,3 @@ export * from "./useCollapsibleMenu";
4
4
  export * from "./useRect";
5
5
  export * from "./useVersion";
6
6
  export * from "./useTimer";
7
- export * from "./useUserTheme";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import "../styles/compiled-tailwind.css";
3
+ import { ThemeType } from "../types/components";
4
+ import { SquidTheme } from "../types/config";
5
+ export declare function SquidConfigProvider({ theme, children, themeType, }: {
6
+ theme?: SquidTheme;
7
+ children?: React.ReactNode;
8
+ themeType?: ThemeType;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export * from "./ThemeProvider";
1
+ export * from "./SquidConfigProvider";
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .rdp{--rdp-cell-size:40px;--rdp-caption-font-size:18px;--rdp-accent-color:#00f;--rdp-background-color:#e7edff;--rdp-accent-color-dark:#3003e1;--rdp-background-color-dark:#180270;--rdp-outline:2px solid var(--rdp-accent-color);--rdp-outline-selected:3px solid var(--rdp-accent-color);--rdp-selected-color:#fff;margin:1em}.rdp-vhidden{clip:rect(1px,1px,1px,1px)!important;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0!important;box-sizing:border-box;height:1px!important;margin:0;overflow:hidden!important;padding:0!important;position:absolute!important;top:0;width:1px!important}.rdp-button_reset{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;color:inherit;cursor:default;font:inherit;margin:0;padding:0;position:relative}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){background-color:var(--rdp-background-color);border:var(--rdp-outline);color:inherit}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{border-collapse:collapse;margin:0;max-width:calc(var(--rdp-cell-size)*7)}.rdp-with_weeknumber .rdp-table{border-collapse:collapse;max-width:calc(var(--rdp-cell-size)*8)}.rdp-caption{align-items:center;display:flex;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{display:block;position:relative;text-align:center}.rdp-caption_dropdowns,.rdp-caption_label{display:inline-flex;position:relative}.rdp-caption_label{align-items:center;border:2px solid transparent;color:currentColor;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700;margin:0;padding:0 .25em;white-space:nowrap;z-index:1}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{left:0;position:absolute;top:50%;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;right:0;top:50%;transform:translateY(-50%)}.rdp-nav_button{align-items:center;border-radius:100%;display:inline-flex;height:var(--rdp-cell-size);justify-content:center;padding:.25em;width:var(--rdp-cell-size)}.rdp-dropdown_month,.rdp-dropdown_year{align-items:center;display:inline-flex;position:relative}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;bottom:0;cursor:inherit;font-family:inherit;font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:2}.rdp-dropdown[disabled]{color:unset;opacity:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{font-size:.75em;font-weight:700;height:100%;height:var(--rdp-cell-size);padding:0;text-align:center;text-transform:uppercase;vertical-align:middle}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{height:100%;height:var(--rdp-cell-size);padding:0;text-align:center;width:var(--rdp-cell-size)}.rdp-weeknumber{font-size:.75em}.rdp-day,.rdp-weeknumber{align-items:center;border:2px solid transparent;border-radius:100%;box-sizing:border-box;display:flex;height:var(--rdp-cell-size);justify-content:center;margin:0;max-width:var(--rdp-cell-size);overflow:hidden;width:var(--rdp-cell-size)}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{background-color:var(--rdp-accent-color);color:var(--rdp-selected-color);opacity:1}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-bottom-right-radius:0;border-top-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start),.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-bottom-left-radius:0;border-top-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-bottom-right-radius:0;border-top-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}
2
2
  /*
3
3
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
4
- */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}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: }.tw-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.tw-pointer-events-none{pointer-events:none}.tw-visible{visibility:visible}.tw-invisible{visibility:hidden}.\!tw-static{position:static!important}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:0}.tw-inset-squid-xxs{inset:.3125rem}.tw-inset-y-0{bottom:0;top:0}.\!tw-right-\[calc\(100\%\+3px\)\]{right:calc(100% + 3px)!important}.-tw-bottom-0{bottom:0}.-tw-bottom-20{bottom:-5rem}.-tw-left-\[20px\]{left:-20px}.-tw-left-\[2px\]{left:-2px}.-tw-left-\[4px\]{left:-4px}.-tw-left-\[5px\]{left:-5px}.-tw-right-1\/3{right:-33.333333%}.-tw-right-squid-xxs{right:-.3125rem}.-tw-top-0{top:0}.-tw-top-8{top:-2rem}.-tw-top-\[2px\]{top:-2px}.-tw-top-\[35px\]{top:-35px}.-tw-top-\[4px\]{top:-4px}.-tw-top-squid-xxs{top:-.3125rem}.tw-bottom-0{bottom:0}.tw-bottom-0\.5{bottom:.125rem}.tw-bottom-1\/2{bottom:50%}.tw-bottom-2{bottom:.5rem}.tw-bottom-\[50px\]{bottom:50px}.tw-bottom-full{bottom:100%}.tw-bottom-squid-xxs{bottom:.3125rem}.tw-left-0{left:0}.tw-left-1\/2{left:50%}.tw-left-5{left:1.25rem}.tw-left-\[-14px\]{left:-14px}.tw-left-\[15px\]{left:15px}.tw-left-\[17px\]{left:17px}.tw-left-\[1px\]{left:1px}.tw-left-\[26px\]{left:26px}.tw-left-\[2px\]{left:2px}.tw-left-\[54px\]{left:54px}.tw-left-\[calc\(50\%-2px\)\]{left:calc(50% - 2px)}.tw-left-squid-m{left:1.25rem}.tw-left-squid-s{left:.9375rem}.tw-left-squid-xs{left:.625rem}.tw-right-0{right:0}.tw-right-1{right:.25rem}.tw-right-1\.5{right:.375rem}.tw-right-4{right:1rem}.tw-right-\[50px\]{right:50px}.tw-right-full{right:100%}.tw-right-squid-s{right:.9375rem}.tw-right-squid-xs{right:.625rem}.tw-right-squid-xxs{right:.3125rem}.tw-top-0{top:0}.tw-top-\[11px\]{top:11px}.tw-top-\[2px\]{top:2px}.tw-top-\[50px\]{top:50px}.tw-top-full{top:100%}.tw-top-squid-xs{top:.625rem}.tw-top-squid-xxs{top:.3125rem}.-tw-z-40{z-index:-40}.tw-z-0{z-index:0}.tw-z-10{z-index:10}.tw-z-20{z-index:20}.tw-z-40{z-index:40}.tw-z-50{z-index:50}.tw-z-\[5\]{z-index:5}.tw-m-0{margin:0}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-mx-squid-xxs{margin-left:.3125rem;margin-right:.3125rem}.tw-my-4{margin-bottom:1rem;margin-top:1rem}.-tw-mb-1{margin-bottom:-.25rem}.-tw-ml-1{margin-left:-.25rem}.-tw-ml-squid-xs{margin-left:-.625rem}.tw-ml-2{margin-left:.5rem}.tw-mr-1{margin-right:.25rem}.tw-mr-1\.5{margin-right:.375rem}.tw-mr-squid-xs{margin-right:.625rem}.tw-mt-0{margin-top:0}.tw-mt-0\.5{margin-top:.125rem}.tw-mt-1{margin-top:.25rem}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-aspect-square{aspect-ratio:1/1}.\!tw-h-\[30px\]{height:30px!important}.tw-h-1{height:.25rem}.tw-h-1\.5{height:.375rem}.tw-h-10{height:2.5rem}.tw-h-2{height:.5rem}.tw-h-2\.5{height:.625rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-52{height:13rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-96{height:24rem}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1\.2em\]{height:1.2em}.tw-h-\[1000px\]{height:1000px}.tw-h-\[10px\]{height:10px}.tw-h-\[110px\]{height:110px}.tw-h-\[130px\]{height:130px}.tw-h-\[14px\]{height:14px}.tw-h-\[16px\]{height:16px}.tw-h-\[17px\]{height:17px}.tw-h-\[195px\]{height:195px}.tw-h-\[21px\]{height:21px}.tw-h-\[240px\]{height:240px}.tw-h-\[26px\]{height:26px}.tw-h-\[30px\]{height:30px}.tw-h-\[31px\]{height:31px}.tw-h-\[40px\]{height:40px}.tw-h-\[42px\]{height:42px}.tw-h-\[46px\]{height:46px}.tw-h-\[50px\]{height:50px}.tw-h-\[52px\]{height:52px}.tw-h-\[535px\]{height:535px}.tw-h-\[536px\]{height:536px}.tw-h-\[540px\]{height:540px}.tw-h-\[55px\]{height:55px}.tw-h-\[60px\]{height:60px}.tw-h-\[65px\]{height:65px}.tw-h-\[69px\]{height:69px}.tw-h-\[80px\]{height:80px}.tw-h-\[94px\]{height:94px}.tw-h-\[95px\]{height:95px}.tw-h-button{height:3.75rem}.tw-h-card-small{height:580px}.tw-h-full{height:100%}.tw-h-list-item-large{height:3.125rem}.tw-h-list-item-small{height:2.5rem}.tw-h-screen{height:100vh}.tw-h-squid-l{height:1.875rem}.tw-h-squid-m{height:1.25rem}.tw-h-squid-xl{height:2.5rem}.tw-h-squid-xs{height:.625rem}.tw-h-squid-xxl{height:3.75rem}.\!tw-max-h-\[470px\]{max-height:470px!important}.tw-max-h-\[120px\]{max-height:120px}.tw-max-h-\[445px\]{max-height:445px}.tw-max-h-\[470px\]{max-height:470px}.tw-max-h-\[540px\]{max-height:540px}.tw-max-h-\[55px\]{max-height:55px}.tw-max-h-\[60px\]{max-height:60px}.tw-max-h-\[80px\]{max-height:80px}.tw-max-h-\[80vh\]{max-height:80vh}.tw-max-h-full{max-height:100%}.tw-max-h-list-item-small{max-height:2.5rem}.tw-max-h-modal-compact{max-height:631px}.tw-max-h-squid-m{max-height:1.25rem}.tw-max-h-squid-xl{max-height:2.5rem}.tw-min-h-\[195px\]{min-height:195px}.tw-min-h-\[30px\]{min-height:30px}.tw-min-h-\[55px\]{min-height:55px}.tw-min-h-button{min-height:3.75rem}.tw-min-h-full{min-height:100%}.tw-min-h-squid-l{min-height:1.875rem}.tw-min-h-squid-m{min-height:1.25rem}.tw-min-h-squid-xl{min-height:2.5rem}.\!tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-1{width:.25rem}.tw-w-10{width:2.5rem}.tw-w-12{width:3rem}.tw-w-4{width:1rem}.tw-w-5{width:1.25rem}.tw-w-52{width:13rem}.tw-w-56{width:14rem}.tw-w-6{width:1.5rem}.tw-w-8{width:2rem}.tw-w-96{width:24rem}.tw-w-\[1\.2em\]{width:1.2em}.tw-w-\[1\.5px\]{width:1.5px}.tw-w-\[1000px\]{width:1000px}.tw-w-\[100px\]{width:100px}.tw-w-\[106\.5px\]{width:106.5px}.tw-w-\[110px\]{width:110px}.tw-w-\[1260px\]{width:1260px}.tw-w-\[135px\]{width:135px}.tw-w-\[140px\]{width:140px}.tw-w-\[150px\]{width:150px}.tw-w-\[157px\]{width:157px}.tw-w-\[160px\]{width:160px}.tw-w-\[16px\]{width:16px}.tw-w-\[180px\]{width:180px}.tw-w-\[22px\]{width:22px}.tw-w-\[26px\]{width:26px}.tw-w-\[299px\]{width:299px}.tw-w-\[2px\]{width:2px}.tw-w-\[30px\]{width:30px}.tw-w-\[31px\]{width:31px}.tw-w-\[36px\]{width:36px}.tw-w-\[3px\]{width:3px}.tw-w-\[40px\]{width:40px}.tw-w-\[42px\]{width:42px}.tw-w-\[44px\]{width:44px}.tw-w-\[470px\]{width:470px}.tw-w-\[500px\]{width:500px}.tw-w-\[50px\]{width:50px}.tw-w-\[52px\]{width:52px}.tw-w-\[54px\]{width:54px}.tw-w-\[56\%\]{width:56%}.tw-w-\[600px\]{width:600px}.tw-w-\[60px\]{width:60px}.tw-w-\[67\%\]{width:67%}.tw-w-\[69px\]{width:69px}.tw-w-\[70px\]{width:70px}.tw-w-\[720px\]{width:720px}.tw-w-\[72px\]{width:72px}.tw-w-\[80px\]{width:80px}.tw-w-\[90px\]{width:90px}.tw-w-\[92px\]{width:92px}.tw-w-\[94px\]{width:94px}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-w-max{width:-moz-max-content;width:max-content}.tw-w-modal-compact{width:373px}.tw-w-squid-l{width:1.875rem}.tw-w-squid-m{width:1.25rem}.tw-w-squid-s{width:.9375rem}.tw-w-squid-xl{width:2.5rem}.tw-w-squid-xxl{width:3.75rem}.\!tw-min-w-0{min-width:0!important}.tw-min-w-8{min-width:2rem}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[30px\]{min-width:30px}.tw-min-w-\[60px\]{min-width:60px}.tw-min-w-list-item-small{min-width:21.25rem}.tw-min-w-squid-xl{min-width:2.5rem}.tw-min-w-squid-xxl{min-width:3.75rem}.tw-max-w-96{max-width:24rem}.tw-max-w-\[100vw\]{max-width:100vw}.tw-max-w-\[180px\]{max-width:180px}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-\[299px\]{max-width:299px}.tw-max-w-\[320px\]{max-width:320px}.tw-max-w-\[44px\]{max-width:44px}.tw-max-w-\[70px\]{max-width:70px}.tw-max-w-\[72px\]{max-width:72px}.tw-max-w-\[80px\]{max-width:80px}.tw-max-w-full{max-width:100%}.tw-max-w-modal-compact{max-width:373px}.tw-max-w-none{max-width:none}.tw-max-w-xl{max-width:36rem}.tw-flex-1{flex:1 1 0%}.tw-flex-shrink-0{flex-shrink:0}.tw-flex-grow{flex-grow:1}.tw-grow-0{flex-grow:0}.tw-origin-center{transform-origin:center}.-tw-translate-x-1\/2{--tw-translate-x:-50%}.-tw-translate-x-1\/2,.-tw-translate-x-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-translate-x-1\/3{--tw-translate-x:-33.333333%}.-tw-translate-y-1\/2{--tw-translate-y:-50%}.-tw-translate-y-1\/2,.tw-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-x-1\/2{--tw-translate-x:50%}.tw-translate-y-1\/2{--tw-translate-y:50%}.tw-translate-y-1\/2,.tw-translate-y-\[calc\(-50\%\+20px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[calc\(-50\%\+20px\)\]{--tw-translate-y:calc(-50% + 20px)}.-tw-rotate-90{--tw-rotate:-90deg}.-tw-rotate-90,.tw-rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-0{--tw-rotate:0deg}.tw-rotate-180{--tw-rotate:180deg}.tw-rotate-180,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-90{--tw-rotate:90deg}@keyframes tw-blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background-color:var(--squid-theme-material-dark-average)}}.tw-animate-blur-in{animation:tw-blur-in var(--squid-animation-blur-in-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-blur-out{0%{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background-color:var(--squid-theme-material-dark-average)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.tw-animate-blur-out{animation:tw-blur-out var(--squid-animation-blur-out-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-collapse-route{0%{height:100%}to{height:60px}}.tw-animate-collapse-route{animation:tw-collapse-route var(--squid-animation-collapse-to-bottom-duration,0s) linear both}@keyframes tw-expand-route{0%{height:60px}to{height:100%}}.tw-animate-expand-route{animation:tw-expand-route var(--squid-animation-expand-to-top-duration,0s) linear both}@keyframes tw-fade-in{0%{opacity:0}to{opacity:1}}.tw-animate-fade-in{animation:tw-fade-in var(--squid-animation-fade-in-duration,0s) ease-out both}@keyframes tw-fade-out{0%{opacity:1}to{opacity:0}}.tw-animate-fade-out{animation:tw-fade-out var(--squid-animation-fade-out-duration,0s) ease-out both}@keyframes tw-loading-gradient{0%{opacity:0;transform:translateX(-70%)}50%{opacity:1}to{opacity:0;transform:translateX(70%)}}.tw-animate-loading-gradient{animation:tw-loading-gradient 1s ease-in-out infinite both}@keyframes tw-move-loading-cover-to-right{0%{transform:translateX(-64%)}to{transform:translateX(0)}}.tw-animate-move-loading-cover-to-right{animation:tw-move-loading-cover-to-right 1.4s linear infinite}@keyframes tw-scale-and-fade-down{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.9)}}.tw-animate-scale-and-fade-down{animation:tw-scale-and-fade-down var(--squid-animation-scale-and-fade-down-duration,0s) linear both}@keyframes tw-scale-and-fade-up{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tw-animate-scale-and-fade-up{animation:tw-scale-and-fade-up var(--squid-animation-scale-and-fade-up-duration,0s) linear both}@keyframes tw-slide-to-bottom{0%{transform:translateZ(0)}to{transform:translate3d(0,650px,0)}}.tw-animate-slide-to-bottom{animation:tw-slide-to-bottom var(--squid-animation-slide-to-bottom-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-slide-to-top{0%{transform:translate3d(0,650px,0)}to{transform:translateZ(0)}}.tw-animate-slide-to-top{animation:tw-slide-to-top var(--squid-animation-slide-to-top-duration,0s) cubic-bezier(.165,.84,.44,1) both}.tw-cursor-help{cursor:help}.tw-cursor-not-allowed{cursor:not-allowed}.tw-cursor-pointer{cursor:pointer}.tw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-grid-cols-\[100px\,1fr\,100px\]{grid-template-columns:100px 1fr 100px}.tw-grid-cols-\[180px_299px\]{grid-template-columns:180px 299px}.tw-grid-cols-\[40px\,1fr\,60px\]{grid-template-columns:40px 1fr 60px}.tw-grid-cols-\[70px_1fr\]{grid-template-columns:70px 1fr}.tw-flex-row-reverse{flex-direction:row-reverse}.tw-flex-col{flex-direction:column}.tw-flex-col-reverse{flex-direction:column-reverse}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-items-stretch{align-items:stretch}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-0{gap:0}.tw-gap-0\.5{gap:.125rem}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-2{gap:.5rem}.tw-gap-\[2px\]{gap:2px}.tw-gap-\[3px\]{gap:3px}.tw-gap-squid-m{gap:1.25rem}.tw-gap-squid-s{gap:.9375rem}.tw-gap-squid-xs{gap:.625rem}.tw-gap-squid-xxs{gap:.3125rem}.tw-gap-x-squid-xs{-moz-column-gap:.625rem;column-gap:.625rem}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.tw-divide-material-light-thin>:not([hidden])~:not([hidden]){border-color:var(--squid-theme-material-light-thin)}.tw-self-end{align-self:flex-end}.tw-self-stretch{align-self:stretch}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-text-nowrap{text-wrap:nowrap}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-\[20px\]{border-radius:20px}.tw-rounded-\[25px\]{border-radius:25px}.tw-rounded-full{border-radius:9999px}.tw-rounded-md{border-radius:.375rem}.tw-rounded-sm{border-radius:.125rem}.tw-rounded-squid-l{border-radius:1.875rem}.tw-rounded-squid-m{border-radius:1.25rem}.tw-rounded-squid-s{border-radius:.9375rem}.tw-rounded-squid-xs{border-radius:.625rem}.tw-rounded-squid-xxl{border-radius:3.75rem}.tw-rounded-squid-xxs{border-radius:.3125rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-bl-full{border-bottom-left-radius:9999px}.tw-rounded-bl-squid-l{border-bottom-left-radius:1.875rem}.tw-rounded-br-full{border-bottom-right-radius:9999px}.tw-rounded-br-squid-l{border-bottom-right-radius:1.875rem}.tw-rounded-tl-\[25px\]{border-top-left-radius:25px}.tw-rounded-tl-full{border-top-left-radius:9999px}.tw-rounded-tl-squid-l{border-top-left-radius:1.875rem}.tw-rounded-tl-xl{border-top-left-radius:.75rem}.tw-rounded-tr-\[25px\]{border-top-right-radius:25px}.tw-rounded-tr-full{border-top-right-radius:9999px}.tw-rounded-tr-squid-l{border-top-right-radius:1.875rem}.tw-rounded-tr-xl{border-top-right-radius:.75rem}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-\[1px\]{border-width:1px}.tw-border-y-\[4px\]{border-bottom-width:4px;border-top-width:4px}.tw-border-b{border-bottom-width:1px}.tw-border-l-0{border-left-width:0}.tw-border-t{border-top-width:1px}.tw-border-solid{border-style:solid}.\!tw-border-transparent{border-color:transparent!important}.tw-border-grey-500{border-color:var(--squid-theme-grey-500)}.tw-border-grey-800{border-color:var(--squid-theme-grey-800)}.tw-border-grey-900{border-color:var(--squid-theme-grey-900)}.tw-border-material-light-thin{border-color:var(--squid-theme-material-light-thin)}.tw-border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}.tw-border-transparent{border-color:transparent}.tw-border-b-material-dark-thin{border-bottom-color:var(--squid-theme-material-dark-thin)}.tw-border-t-material-light-thin{border-top-color:var(--squid-theme-material-light-thin)}.\!tw-bg-grey-100{background-color:var(--squid-theme-grey-100)!important}.\!tw-bg-grey-300{background-color:var(--squid-theme-grey-300)!important}.\!tw-bg-grey-500{background-color:var(--squid-theme-grey-500)!important}.\!tw-bg-grey-600{background-color:var(--squid-theme-grey-600)!important}.\!tw-bg-grey-800{background-color:var(--squid-theme-grey-800)!important}.\!tw-bg-material-light-thin{background-color:var(--squid-theme-material-light-thin)!important}.\!tw-bg-status-negative{background-color:var(--squid-theme-status-negative)!important}.\!tw-bg-status-partial{background-color:var(--squid-theme-status-partial)!important}.\!tw-bg-status-positive{background-color:var(--squid-theme-status-positive)!important}.\!tw-bg-transparent{background-color:transparent!important}.tw-bg-\[\#E4FE53\]{--tw-bg-opacity:1;background-color:rgb(228 254 83/var(--tw-bg-opacity))}.tw-bg-\[currentColor\],.tw-bg-current{background-color:currentColor}.tw-bg-grey-100{background-color:var(--squid-theme-grey-100)}.tw-bg-grey-300{background-color:var(--squid-theme-grey-300)}.tw-bg-grey-500{background-color:var(--squid-theme-grey-500)}.tw-bg-grey-700{background-color:var(--squid-theme-grey-700)}.tw-bg-grey-800{background-color:var(--squid-theme-grey-800)}.tw-bg-grey-900{background-color:var(--squid-theme-grey-900)}.tw-bg-inherit{background-color:inherit}.tw-bg-material-dark-thick{background-color:var(--squid-theme-material-dark-thick)}.tw-bg-material-dark-thin{background-color:var(--squid-theme-material-dark-thin)}.tw-bg-material-light-thin{background-color:var(--squid-theme-material-light-thin)}.tw-bg-royal-400{background-color:var(--squid-theme-royal-400)}.tw-bg-royal-500{background-color:var(--squid-theme-royal-500)}.tw-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.tw-bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.tw-bg-status-negative{background-color:var(--squid-theme-status-negative)}.tw-bg-status-partial{background-color:var(--squid-theme-status-partial)}.tw-bg-status-positive{background-color:var(--squid-theme-status-positive)}.tw-bg-transparent{background-color:transparent}.tw-bg-dark-cover{background-image:linear-gradient(90deg,var(--squid-theme-material-dark-thick) 45.4%,transparent 50.85%,var(--squid-theme-material-dark-thick) 55.61%)}.tw-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.tw-bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.tw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.tw-bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.tw-bg-royal-dark{background-image:linear-gradient(180deg,#bf91f2,#a577d8)}.tw-bg-royal-light{background-image:linear-gradient(180deg,#a577d8,#bf91f2)}.tw-from-current{--tw-gradient-from:currentColor var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-500{--tw-gradient-from:var(--squid-theme-grey-500) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-800{--tw-gradient-from:var(--squid-theme-grey-800) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-900{--tw-gradient-from:var(--squid-theme-grey-900) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-to-grey-800{--tw-gradient-to:var(--squid-theme-grey-800) var(--tw-gradient-to-position)}.tw-to-grey-900{--tw-gradient-to:var(--squid-theme-grey-900) var(--tw-gradient-to-position)}.tw-to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.tw-fill-current{fill:currentColor}.tw-fill-grey-300{fill:var(--squid-theme-grey-300)}.tw-stroke-grey-100{stroke:var(--squid-theme-grey-100)}.tw-stroke-grey-300{stroke:var(--squid-theme-grey-300)}.tw-stroke-grey-900{stroke:var(--squid-theme-grey-900)}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.\!tw-p-0{padding:0!important}.tw-p-0{padding:0}.tw-p-0\.5{padding:.125rem}.tw-p-1{padding:.25rem}.tw-p-2{padding:.5rem}.tw-p-4{padding:1rem}.tw-p-8{padding:2rem}.tw-p-\[3px\]{padding:3px}.tw-p-squid-l{padding:1.875rem}.tw-p-squid-xs{padding:.625rem}.tw-p-squid-xxl{padding:3.75rem}.tw-p-squid-xxs{padding:.3125rem}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-0{padding-left:0;padding-right:0}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-\[3px\]{padding-left:3px;padding-right:3px}.tw-px-squid-l{padding-left:1.875rem;padding-right:1.875rem}.tw-px-squid-m{padding-left:1.25rem;padding-right:1.25rem}.tw-px-squid-s{padding-left:.9375rem;padding-right:.9375rem}.tw-px-squid-xs{padding-left:.625rem;padding-right:.625rem}.tw-px-squid-xxl{padding-left:3.75rem;padding-right:3.75rem}.tw-px-squid-xxs{padding-left:.3125rem;padding-right:.3125rem}.tw-py-0{padding-bottom:0;padding-top:0}.tw-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.tw-py-2{padding-bottom:.5rem;padding-top:.5rem}.tw-py-\[1px\]{padding-bottom:1px;padding-top:1px}.tw-py-squid-l{padding-bottom:1.875rem;padding-top:1.875rem}.tw-py-squid-m{padding-bottom:1.25rem;padding-top:1.25rem}.tw-py-squid-s{padding-bottom:.9375rem;padding-top:.9375rem}.tw-py-squid-xl{padding-bottom:2.5rem;padding-top:2.5rem}.tw-py-squid-xs{padding-bottom:.625rem;padding-top:.625rem}.tw-py-squid-xxs{padding-bottom:.3125rem;padding-top:.3125rem}.tw-pb-\[15px\]{padding-bottom:15px}.tw-pb-squid-l{padding-bottom:1.875rem}.tw-pb-squid-m{padding-bottom:1.25rem}.tw-pb-squid-s{padding-bottom:.9375rem}.tw-pb-squid-xs{padding-bottom:.625rem}.tw-pb-squid-xxs{padding-bottom:.3125rem}.tw-pl-1{padding-left:.25rem}.tw-pl-\[33px\]{padding-left:33px}.tw-pl-\[40px\]{padding-left:40px}.tw-pl-\[75px\]{padding-left:75px}.tw-pl-\[7px\]{padding-left:7px}.tw-pl-squid-l{padding-left:1.875rem}.tw-pl-squid-m{padding-left:1.25rem}.tw-pl-squid-xs{padding-left:.625rem}.tw-pl-squid-xxs{padding-left:.3125rem}.tw-pr-1{padding-right:.25rem}.tw-pr-2{padding-right:.5rem}.tw-pr-2\.5{padding-right:.625rem}.tw-pr-4{padding-right:1rem}.tw-pr-\[40px\]{padding-right:40px}.tw-pr-\[70px\]{padding-right:70px}.tw-pr-squid-l{padding-right:1.875rem}.tw-pr-squid-m{padding-right:1.25rem}.tw-pr-squid-xl{padding-right:2.5rem}.tw-pr-squid-xs{padding-right:.625rem}.tw-pr-squid-xxs{padding-right:.3125rem}.tw-pt-0{padding-top:0}.tw-pt-\[5px\]{padding-top:5px}.tw-pt-squid-m{padding-top:1.25rem}.tw-pt-squid-xs{padding-top:.625rem}.tw-pt-squid-xxs{padding-top:.3125rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-font-geist{font-family:Geist,sans-serif}.tw-text-body-large{font-size:1.75625rem}.tw-text-body-medium{font-size:1.40625rem}.tw-text-body-small{font-size:1.14375rem}.tw-text-caption{font-size:.875rem}.tw-text-heading-large{font-size:4.40625rem}.tw-text-heading-medium{font-size:3.08125rem}.tw-text-heading-small{font-size:2.1875rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.\!tw-font-medium{font-weight:500!important}.tw-font-heading-bold{font-weight:600}.tw-font-heading-regular{font-weight:400}.tw-font-semibold,.tw-font-typography-bold{font-weight:600}.tw-font-typography-regular{font-weight:400}.\!tw-leading-\[10px\]{line-height:10px!important}.\!tw-leading-\[13px\]{line-height:13px!important}.\!tw-leading-\[16px\]{line-height:16px!important}.\!tw-leading-\[17px\]{line-height:17px!important}.\!tw-leading-\[18px\]{line-height:18px!important}.\!tw-leading-\[1\]{line-height:1!important}.\!tw-leading-\[20px\]{line-height:20px!important}.\!tw-leading-\[9px\]{line-height:9px!important}.tw-leading-5{line-height:1.25rem}.tw-leading-\[0\]{line-height:0}.tw-leading-\[10px\]{line-height:10px}.tw-leading-\[13px\]{line-height:13px}.tw-leading-\[1\]{line-height:1}.tw-leading-\[43px\]{line-height:43px}.tw-leading-body-large{line-height:39.34px}.tw-leading-body-medium{line-height:31.5px}.tw-leading-body-small{line-height:25.62px}.tw-leading-caption{line-height:19.6px}.tw-leading-heading-large{line-height:66.97px}.tw-leading-heading-medium{line-height:49.3px}.tw-leading-heading-small{line-height:38.5px}.tw-tracking-body-large{letter-spacing:-.843px}.tw-tracking-body-medium{letter-spacing:-.675px}.tw-tracking-body-small{letter-spacing:-.366px}.tw-tracking-heading-large{letter-spacing:-3.525px}.tw-tracking-heading-medium{letter-spacing:-2.465px}.tw-tracking-heading-small{letter-spacing:-1.05px}.\!tw-text-\[transparent\]{color:transparent!important}.\!tw-text-grey-300{color:var(--squid-theme-grey-300)!important}.\!tw-text-grey-500{color:var(--squid-theme-grey-500)!important}.\!tw-text-grey-600{color:var(--squid-theme-grey-600)!important}.\!tw-text-grey-800{color:var(--squid-theme-grey-800)!important}.tw-text-\[\#FBFBFD\]{--tw-text-opacity:1;color:rgb(251 251 253/var(--tw-text-opacity))}.tw-text-grey-100{color:var(--squid-theme-grey-100)}.tw-text-grey-200{color:var(--squid-theme-grey-200)}.tw-text-grey-300{color:var(--squid-theme-grey-300)}.tw-text-grey-400{color:var(--squid-theme-grey-400)}.tw-text-grey-500{color:var(--squid-theme-grey-500)}.tw-text-grey-600{color:var(--squid-theme-grey-600)}.tw-text-grey-700{color:var(--squid-theme-grey-700)}.tw-text-grey-800{color:var(--squid-theme-grey-800)}.tw-text-grey-900{color:var(--squid-theme-grey-900)}.tw-text-material-light-average{color:var(--squid-theme-material-light-average)}.tw-text-material-light-thick{color:var(--squid-theme-material-light-thick)}.tw-text-material-light-thin{color:var(--squid-theme-material-light-thin)}.tw-text-royal-400{color:var(--squid-theme-royal-400)}.tw-text-royal-500{color:var(--squid-theme-royal-500)}.tw-text-status-negative{color:var(--squid-theme-status-negative)}.tw-text-status-partial{color:var(--squid-theme-status-partial)}.tw-text-status-positive{color:var(--squid-theme-status-positive)}.tw-text-transparent{color:transparent}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\!tw-opacity-100{opacity:1!important}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-33{opacity:.33}.tw-opacity-50{opacity:.5}.tw-opacity-66{opacity:.66}.tw-shadow-elevation-light-1{--tw-shadow:0px 1px 2px 0px #0000001a;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.tw-shadow-elevation-light-1,.tw-shadow-elevation-light-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-elevation-light-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.1),0px 5px 20px -1px rgba(0,0,0,.1);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color)}.tw-shadow-elevation-light-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.1),0px 5px 50px -1px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color)}.tw-shadow-elevation-light-3,.tw-shadow-inset-royal{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-inset-royal{--tw-shadow:0px 0px 50px 0px #876fe2 inset;--tw-shadow-colored:inset 0px 0px 50px 0px var(--tw-shadow-color)}.tw-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)}.tw-outline{outline-style:solid}.tw-outline-1{outline-width:1px}.tw-outline-2{outline-width:2px}.-tw-outline-offset-2{outline-offset:-2px}.-tw-outline-offset-\[1px\]{outline-offset:-1px}.\!tw-outline-status-negative{outline-color:var(--squid-theme-status-negative)!important}.tw-outline-material-light-thin{outline-color:var(--squid-theme-material-light-thin)}.tw-outline-royal-500{outline-color:var(--squid-theme-royal-500)}.tw-backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.tw-backdrop-blur-2xl,.tw-backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.tw-backdrop-blur\/10{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-transition-\[border-width\]{transition-duration:.15s;transition-property:border-width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-\[width\,height\]{transition-duration:.15s;transition-property:width,height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-delay-300{transition-delay:.3s}.tw-duration-1000{transition-duration:1s}.tw-duration-150{transition-duration:.15s}.tw-duration-200{transition-duration:.2s}.tw-duration-300{transition-duration:.3s}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-focus-visible-within-outline:has(:focus-visible){outline-color:var(--squid-theme-royal-500);outline-style:solid;outline-width:2px}.tw-highlight-adjacent:has(button:hover)>button:first-child{background-color:var(--squid-theme-material-light-thin)}.tw-highlight-adjacent:has(:hover) .tw-hide-on-parent-hover{opacity:0}@font-face{font-family:Geist;src:local("Geist"),url(fonts/Geist-Variable.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}:disabled{cursor:not-allowed}.tw-assets-button-mask{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjBBMTkuOTM4IDE5LjkzOCAwIDAgMSA1Ljg1OCA1Ljg1OCAxOS45MzcgMTkuOTM3IDAgMCAxIDIwIDBhMTkuOTM3IDE5LjkzNyAwIDAgMSAxNC4xNDIgNS44NThjLjUyOC41MjcgMS4wNDYgMS4wNiAxLjU2IDEuNTg5QzM4Ljk4OCAxMC44MyA0Mi4wNjcgMTQgNDYgMTRjMy45MzIgMCA3LjAxMS0zLjE3IDEwLjI5OS02LjU1My41MTMtLjUyOCAxLjAzMS0xLjA2MiAxLjU1OS0xLjU5QTE5LjkzNyAxOS45MzcgMCAwIDEgNzIgMHY0MGExOS45MzcgMTkuOTM3IDAgMCAxLTE0LjE0Mi01Ljg1OGMtLjUyNS0uNTI1LTEuMDQtMS4wNTYtMS41NTEtMS41ODJDNTMuMDE3IDI5LjE3NCA0OS45MzQgMjYgNDYgMjZzLTcuMDE3IDMuMTc0LTEwLjMwNiA2LjU2Yy0uNTExLjUyNi0xLjAyNyAxLjA1Ny0xLjU1MiAxLjU4MkExOS45MzcgMTkuOTM3IDAgMCAxIDIwIDQwYTE5LjkzNyAxOS45MzcgMCAwIDEtMTQuMTQyLTUuODU4QTE5LjkzNyAxOS45MzcgMCAwIDEgMCAyMFoiIGZpbGw9IiNGQkZCRkQiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjk4NCAuOTg2MSAuOTkwNCk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjBBMTkuOTM4IDE5LjkzOCAwIDAgMSA1Ljg1OCA1Ljg1OCAxOS45MzcgMTkuOTM3IDAgMCAxIDIwIDBhMTkuOTM3IDE5LjkzNyAwIDAgMSAxNC4xNDIgNS44NThjLjUyOC41MjcgMS4wNDYgMS4wNiAxLjU2IDEuNTg5QzM4Ljk4OCAxMC44MyA0Mi4wNjcgMTQgNDYgMTRjMy45MzIgMCA3LjAxMS0zLjE3IDEwLjI5OS02LjU1My41MTMtLjUyOCAxLjAzMS0xLjA2MiAxLjU1OS0xLjU5QTE5LjkzNyAxOS45MzcgMCAwIDEgNzIgMHY0MGExOS45MzcgMTkuOTM3IDAgMCAxLTE0LjE0Mi01Ljg1OGMtLjUyNS0uNTI1LTEuMDQtMS4wNTYtMS41NTEtMS41ODJDNTMuMDE3IDI5LjE3NCA0OS45MzQgMjYgNDYgMjZzLTcuMDE3IDMuMTc0LTEwLjMwNiA2LjU2Yy0uNTExLjUyNi0xLjAyNyAxLjA1Ny0xLjU1MiAxLjU4MkExOS45MzcgMTkuOTM3IDAgMCAxIDIwIDQwYTE5LjkzNyAxOS45MzcgMCAwIDEtMTQuMTQyLTUuODU4QTE5LjkzNyAxOS45MzcgMCAwIDEgMCAyMFoiIGZpbGw9IiNGQkZCRkQiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjk4NCAuOTg2MSAuOTkwNCk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-font-geist{font-feature-settings:"ss01" on,"ss03" on}li{list-style-type:none}.squid-property-row-bg:nth-child(odd)>div{background:linear-gradient(91deg,var(--squid-theme-grey-100-005) 0,transparent 100%)}:focus-visible{outline-color:var(--squid-theme-royal-500);outline-style:solid;outline-width:2px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:invalid{outline-color:var(--squid-theme-status-negative)}.tw-group[data-squid-theme-type=dark] #squid-lottie-animation #keystroke{stroke:var(--squid-theme-grey-100)!important}.tw-group[data-squid-theme-type=light] #squid-lottie-animation #keystroke{stroke:var(--squid-theme-grey-900)!important}#squid-lottie-animation #keyfill{fill:var(--squid-theme-royal-500)!important}.tw-timeline-gradient-mask{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(50% - 15px),#000 calc(50% + 15px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 calc(50% - 15px),#000 calc(50% + 15px),transparent)}input.date-input-no-icon::-webkit-calendar-picker-indicator,input.date-input-no-icon::-webkit-inner-spin-button{-webkit-appearance:none;display:none}@keyframes loading-gradient-scroll{0%{transform:translateX(-56%)}to{transform:translateX(0)}}.loading-gradient{--mid-color:transparent;overflow:hidden;position:relative;[data-squid-theme-type=dark] &{--mid-color:var(--squid-theme-material-light-average)}&:after{animation:loading-gradient-scroll 1s ease-in-out infinite both;background-image:linear-gradient(to right,var(--squid-theme-material-light-thin) 43%,var(--mid-color) 52%,var(--squid-theme-material-light-thin) 56%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:230%}}.boost-badge{--boost-badge-badge-color:var(--squid-theme-royal-400);--boost-badge-text-color:var(--squid-theme-grey-900);--boost-badge-shadow-color:#e4fe53;[data-squid-theme-type=dark] &{--boost-badge-badge-color:#e4fe53;--boost-badge-shadow-color:var(--squid-theme-royal-400)}}:root{.rdp{--rdp-accent-color:var(--squid-theme-material-light-thin);--rdp-background-color:transparent;margin:0!important}.rdp-month,.rdp-table{width:100%}.rdp-table{border-spacing:2px}.rdp-nav{width:28.5%;button{width:50%}}.rdp-cell,.rdp-head_cell{flex-grow:1;font-size:.875rem;height:auto;width:auto}.rdp-head_cell{height:2.5rem}.rdp-day{width:100%}.rdp-caption_label{font-weight:400}.rdp-day,.rdp-day_range_end.rdp-day_range_start{border-radius:.3125rem!important}.day-picker-from .rdp-day_range_start,.day-picker-to .rdp-day_range_end{--tw-text-opacity:1;background-color:var(--squid-theme-royal-500);color:rgb(255 255 255/var(--tw-text-opacity))}.rdp-button:hover:not([disabled]):not(.rdp-nav_button){border:2px solid var(--squid-theme-royal-500)}}.sb-show-main.sb-main-centered #storybook-root{margin:0;padding:0;width:100%}@media (min-width:480px){.sb-show-main.sb-main-centered #storybook-root{margin:auto;width:auto}}.squid-animated-loader-dash{stroke-dasharray:20.942,62.827;stroke-dashoffset:0;animation:squid-animated-loader-dash-grow var(--squid-loader-rotate-duration) infinite alternate ease-in-out}@keyframes squid-animated-loader-dash-grow{0%{stroke-dasharray:62.827;stroke-dashoffset:0}to{stroke-dasharray:4141.884;stroke-dashoffset:-20.942}}.squid-animated-loader{animation:rotate-360 var(--squid-loader-rotate-duration) linear infinite}@keyframes rotate-360{to{transform:rotate(1turn)}}.placeholder\:tw-text-grey-600::-moz-placeholder{color:var(--squid-theme-grey-600)}.placeholder\:tw-text-grey-600::placeholder{color:var(--squid-theme-grey-600)}.before\:tw-absolute:before{content:var(--tw-content);position:absolute}.before\:-tw-inset-\[3px\]:before{content:var(--tw-content);inset:-3px}.before\:tw-inset-0:before{content:var(--tw-content);inset:0}.before\:-tw-z-\[1\]:before{content:var(--tw-content);z-index:-1}.before\:tw-z-\[1\]:before{content:var(--tw-content);z-index:1}.before\:tw-h-full:before{content:var(--tw-content);height:100%}.before\:tw-w-\[calc\(100\%\+3px\)\]:before{content:var(--tw-content);width:calc(100% + 3px)}.before\:tw-w-full:before{content:var(--tw-content);width:100%}.before\:tw-translate-x-\[3px\]:before{--tw-translate-x:3px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:tw-rounded-squid-m:before{border-radius:1.25rem;content:var(--tw-content)}.before\:tw-rounded-br-full:before{border-bottom-right-radius:9999px;content:var(--tw-content)}.before\:tw-rounded-tr-full:before{border-top-right-radius:9999px;content:var(--tw-content)}.before\:tw-border-2:before{border-width:2px;content:var(--tw-content)}.before\:tw-border-l-0:before{border-left-width:0;content:var(--tw-content)}.before\:tw-border-transparent:before{border-color:transparent;content:var(--tw-content)}.before\:tw-backdrop-blur\/20:before{--tw-backdrop-blur:blur(20px)}.before\:tw-backdrop-blur\/20:before,.before\:tw-backdrop-saturate-150:before{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);content:var(--tw-content)}.before\:tw-backdrop-saturate-150:before{--tw-backdrop-saturate:saturate(1.5)}.after\:tw-absolute:after{content:var(--tw-content);position:absolute}.after\:-tw-inset-\[5px\]:after{content:var(--tw-content);inset:-5px}.after\:tw-z-0:after{content:var(--tw-content);z-index:0}.after\:tw-w-\[calc\(100\%\+4px\)\]:after{content:var(--tw-content);width:calc(100% + 4px)}.after\:tw-translate-x-\[6px\]:after{--tw-translate-x:6px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:tw-rounded-br-full:after{border-bottom-right-radius:9999px;content:var(--tw-content)}.after\:tw-rounded-tr-full:after{border-top-right-radius:9999px;content:var(--tw-content)}.after\:tw-border-4:after{border-width:4px;content:var(--tw-content)}.after\:tw-border-l-0:after{border-left-width:0;content:var(--tw-content)}.after\:tw-border-transparent:after{border-color:transparent;content:var(--tw-content)}.placeholder-shown\:tw-text-grey-600:-moz-placeholder-shown{color:var(--squid-theme-grey-600)}.placeholder-shown\:tw-text-grey-600:placeholder-shown{color:var(--squid-theme-grey-600)}.invalid\:tw-outline-status-negative:invalid{outline-color:var(--squid-theme-status-negative)}.hover\:tw-border-material-light-average:hover{border-color:var(--squid-theme-material-light-average)}.hover\:tw-bg-material-light-thin:hover{background-color:var(--squid-theme-material-light-thin)}.hover\:tw-text-grey-400:hover{color:var(--squid-theme-grey-400)}.hover\:tw-opacity-100:hover{opacity:1}.focus\:tw-bg-material-light-thin:focus{background-color:var(--squid-theme-material-light-thin)}.focus\:tw-text-royal-400:focus{color:var(--squid-theme-royal-400)}.focus\:tw-opacity-100:focus{opacity:1}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-opacity-100:focus-visible{opacity:1}.focus-visible\:tw-outline-status-partial:focus-visible{outline-color:var(--squid-theme-status-partial)}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.tw-group\/assets-button:hover .group-hover\/assets-button\:tw-block,.tw-group\/base-button:hover .group-hover\/base-button\:tw-block,.tw-group\/list-item:hover .group-hover\/list-item\:tw-block{display:block}.tw-group\/history-item:hover .group-hover\/history-item\:tw-hidden{display:none}.tw-group\/flip-button:hover .group-hover\/flip-button\:tw-rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-group\/boost-toggle:hover .group-hover\/boost-toggle\:tw-from-material-light-blend-grey-900{--tw-gradient-from:var(--squid-theme-material-light-blend-grey-900) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-group\/swap-step-item-button:hover .group-hover\/swap-step-item-button\:tw-from-grey-700{--tw-gradient-from:var(--squid-theme-grey-700) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-group\/stops-button:hover .group-hover\/stops-button\:tw-to-material-light-blend-grey-900{--tw-gradient-to:var(--squid-theme-material-light-blend-grey-900) var(--tw-gradient-to-position)}.tw-group\/collapsing-section:hover .group-hover\/collapsing-section\:tw-opacity-100{opacity:1}.tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-0{opacity:0}.tw-group\/list-item:hover .group-hover\/list-item\:tw-opacity-100{opacity:1}.tw-group\/assets-button:hover .group-hover\/assets-button\:before\:tw-border-grey-900:before{border-color:var(--squid-theme-grey-900);content:var(--tw-content)}.tw-group\/assets-button:hover .group-hover\/assets-button\:after\:tw-border-material-light-average:after{border-color:var(--squid-theme-material-light-average);content:var(--tw-content)}.tw-group\/list-item:focus .group-focus\/list-item\:tw-opacity-100{opacity:1}.tw-group\/boost-toggle:disabled .group-disabled\/boost-toggle\:tw-grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-peer\/history-item:hover~.peer-hover\/history-item\:tw-opacity-100,.tw-peer\/list-item:hover~.peer-hover\/list-item\:tw-opacity-100{opacity:1}.tw-peer:focus~.peer-focus\:tw-hidden{display:none}.tw-peer:focus~.peer-focus\:tw-opacity-0{opacity:0}.aria-disabled\:tw-bg-grey-600[aria-disabled=true]{background-color:var(--squid-theme-grey-600)}.aria-disabled\:tw-text-grey-800[aria-disabled=true]{color:var(--squid-theme-grey-800)}@keyframes tw-move-to-left-with-spring-bounce{0%{transform:translateX(25%)}50%{transform:translateX(-27%)}80%{transform:translateX(-24%)}to{transform:translateX(-25%)}}.data-\[boost-mode\=boost\]\:tw-animate-move-to-left-with-spring-bounce[data-boost-mode=boost]{animation:tw-move-to-left-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration,0s) ease-out both}@keyframes tw-move-to-right-with-spring-bounce{0%{transform:translateX(-25%)}50%{transform:translateX(27%)}80%{transform:translateX(24%)}to{transform:translateX(25%)}}.data-\[boost-mode\=normal\]\:tw-animate-move-to-right-with-spring-bounce[data-boost-mode=normal]{animation:tw-move-to-right-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration,0s) ease-out both}.tw-group[data-boost-mode=boost] .group-data-\[boost-mode\=boost\]\:tw-left-\[calc\(50\%-2px\)\]{left:calc(50% - 2px)}.tw-group[data-boost-mode=normal] .group-data-\[boost-mode\=normal\]\:tw-left-\[calc\(50\%-6px\)\]{left:calc(50% - 6px)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-bg-grey-100{background-color:var(--squid-theme-grey-100)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-bg-grey-900{background-color:var(--squid-theme-grey-900)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=\'dark\'\]\:tw-bg-royal-dark{background-image:linear-gradient(180deg,#bf91f2,#a577d8)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=\'light\'\]\:tw-bg-royal-light{background-image:linear-gradient(180deg,#a577d8,#bf91f2)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-grey-100{color:var(--squid-theme-grey-100)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-material-light-average{color:var(--squid-theme-material-light-average)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-royal-700{color:var(--squid-theme-royal-700)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-grey-900{color:var(--squid-theme-grey-900)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-transparent{color:transparent}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-volt-700{color:var(--squid-theme-volt-700)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.2),0px 5px 20px -1px rgba(0,0,0,.33);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.2),0px 5px 50px -1px rgba(0,0,0,.33);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.1),0px 5px 20px -1px rgba(0,0,0,.1);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.1),0px 5px 50px -1px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-peer[data-boost-mode=boost]~.peer-data-\[boost-mode\=boost\]\:tw-bg-status-positive{background-color:var(--squid-theme-status-positive)}.tw-peer[data-boost-mode=normal]~.peer-data-\[boost-mode\=normal\]\:tw-bg-current{background-color:currentColor}@media (min-width:360px){.mobile-xs\:tw-flex{display:flex}.mobile-xs\:tw-w-modal-compact{width:373px}.mobile-xs\:tw-justify-normal{justify-content:normal}}@media (min-width:480px){.mobile-lg\:-tw-left-\[3px\]{left:-3px}.mobile-lg\:tw-left-\[30px\]{left:30px}.mobile-lg\:tw-left-squid-l{left:1.875rem}.mobile-lg\:tw-block{display:block}.mobile-lg\:tw-h-auto{height:auto}.mobile-lg\:tw-max-h-modal-large{max-height:600px}.mobile-lg\:tw-w-\[140px\]{width:140px}.mobile-lg\:tw-w-\[190px\]{width:190px}.mobile-lg\:tw-w-\[50px\]{width:50px}.mobile-lg\:tw-w-card-large{width:480px}.mobile-lg\:tw-w-full{width:100%}.mobile-lg\:tw-w-modal-extra-large{width:440px}.mobile-lg\:tw-w-modal-large{width:400px}.mobile-lg\:tw-w-squid-xl{width:2.5rem}.mobile-lg\:tw-min-w-modal-large{min-width:400px}.mobile-lg\:tw-max-w-card-large{max-width:480px}.mobile-lg\:tw-max-w-modal-large{max-width:400px}.mobile-lg\:tw-rounded-squid-l{border-radius:1.875rem}.mobile-lg\:tw-px-squid-l{padding-left:1.875rem;padding-right:1.875rem}.mobile-lg\:tw-px-squid-m{padding-left:1.25rem;padding-right:1.25rem}.mobile-lg\:tw-px-squid-xs{padding-left:.625rem;padding-right:.625rem}.mobile-lg\:tw-px-squid-xxs{padding-left:.3125rem;padding-right:.3125rem}.mobile-lg\:tw-pl-squid-l{padding-left:1.875rem}}@media (min-height:650px){.mobile-xs-height\:tw-flex{display:flex}.mobile-xs-height\:tw-h-\[160px\]{height:160px}.mobile-xs-height\:tw-h-\[195px\]{height:195px}.mobile-xs-height\:tw-h-card-compact{height:640px}.mobile-xs-height\:tw-max-h-\[535px\]{max-height:535px}.mobile-xs-height\:tw-w-\[unset\]{width:unset}.mobile-xs-height\:tw-flex-col{flex-direction:column}.mobile-xs-height\:tw-pr-squid-m{padding-right:1.25rem}}@media (min-height:670px){.mobile-sm-height\:tw-h-\[205px\]{height:205px}.mobile-sm-height\:tw-h-\[65px\]{height:65px}.mobile-sm-height\:tw-h-\[75px\]{height:75px}.mobile-sm-height\:tw-h-card-large{height:660px}.mobile-sm-height\:tw-max-h-\[535px\]{max-height:535px}.mobile-sm-height\:tw-py-squid-s{padding-bottom:.9375rem;padding-top:.9375rem}}@media (prefers-color-scheme:dark){.dark\:tw-border-b-material-light-thin{border-bottom-color:var(--squid-theme-material-light-thin)}.dark\:tw-bg-material-dark-thick{background-color:var(--squid-theme-material-dark-thick)}.dark\:tw-text-grey-900{color:var(--squid-theme-grey-900)}}
4
+ */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}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: }.tw-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.tw-pointer-events-none{pointer-events:none}.tw-visible{visibility:visible}.tw-invisible{visibility:hidden}.\!tw-static{position:static!important}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:0}.tw-inset-squid-xxs{inset:.3125rem}.tw-inset-y-0{bottom:0;top:0}.\!tw-right-\[calc\(100\%\+3px\)\]{right:calc(100% + 3px)!important}.-tw-bottom-0{bottom:0}.-tw-bottom-20{bottom:-5rem}.-tw-left-\[20px\]{left:-20px}.-tw-left-\[2px\]{left:-2px}.-tw-left-\[4px\]{left:-4px}.-tw-left-\[5px\]{left:-5px}.-tw-right-1\/3{right:-33.333333%}.-tw-right-squid-xxs{right:-.3125rem}.-tw-top-0{top:0}.-tw-top-8{top:-2rem}.-tw-top-\[2px\]{top:-2px}.-tw-top-\[35px\]{top:-35px}.-tw-top-\[4px\]{top:-4px}.-tw-top-squid-xxs{top:-.3125rem}.tw-bottom-0{bottom:0}.tw-bottom-0\.5{bottom:.125rem}.tw-bottom-1\/2{bottom:50%}.tw-bottom-2{bottom:.5rem}.tw-bottom-\[50px\]{bottom:50px}.tw-bottom-full{bottom:100%}.tw-bottom-squid-xxs{bottom:.3125rem}.tw-left-0{left:0}.tw-left-1\/2{left:50%}.tw-left-5{left:1.25rem}.tw-left-\[-14px\]{left:-14px}.tw-left-\[15px\]{left:15px}.tw-left-\[17px\]{left:17px}.tw-left-\[1px\]{left:1px}.tw-left-\[26px\]{left:26px}.tw-left-\[2px\]{left:2px}.tw-left-\[54px\]{left:54px}.tw-left-\[calc\(50\%-2px\)\]{left:calc(50% - 2px)}.tw-left-squid-m{left:1.25rem}.tw-left-squid-s{left:.9375rem}.tw-left-squid-xs{left:.625rem}.tw-right-0{right:0}.tw-right-1{right:.25rem}.tw-right-1\.5{right:.375rem}.tw-right-4{right:1rem}.tw-right-\[50px\]{right:50px}.tw-right-full{right:100%}.tw-right-squid-s{right:.9375rem}.tw-right-squid-xs{right:.625rem}.tw-right-squid-xxs{right:.3125rem}.tw-top-0{top:0}.tw-top-\[11px\]{top:11px}.tw-top-\[2px\]{top:2px}.tw-top-\[50px\]{top:50px}.tw-top-full{top:100%}.tw-top-squid-xs{top:.625rem}.tw-top-squid-xxs{top:.3125rem}.-tw-z-40{z-index:-40}.tw-z-0{z-index:0}.tw-z-10{z-index:10}.tw-z-20{z-index:20}.tw-z-40{z-index:40}.tw-z-50{z-index:50}.tw-z-\[5\]{z-index:5}.tw-m-0{margin:0}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-mx-squid-xxs{margin-left:.3125rem;margin-right:.3125rem}.tw-my-4{margin-bottom:1rem;margin-top:1rem}.-tw-mb-1{margin-bottom:-.25rem}.-tw-ml-1{margin-left:-.25rem}.-tw-ml-squid-xs{margin-left:-.625rem}.tw-ml-2{margin-left:.5rem}.tw-mr-1{margin-right:.25rem}.tw-mr-1\.5{margin-right:.375rem}.tw-mr-squid-xs{margin-right:.625rem}.tw-mt-0{margin-top:0}.tw-mt-0\.5{margin-top:.125rem}.tw-mt-1{margin-top:.25rem}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-aspect-square{aspect-ratio:1/1}.\!tw-h-\[30px\]{height:30px!important}.tw-h-1{height:.25rem}.tw-h-1\.5{height:.375rem}.tw-h-10{height:2.5rem}.tw-h-2{height:.5rem}.tw-h-2\.5{height:.625rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-52{height:13rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-96{height:24rem}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1\.2em\]{height:1.2em}.tw-h-\[1000px\]{height:1000px}.tw-h-\[10px\]{height:10px}.tw-h-\[110px\]{height:110px}.tw-h-\[130px\]{height:130px}.tw-h-\[14px\]{height:14px}.tw-h-\[16px\]{height:16px}.tw-h-\[17px\]{height:17px}.tw-h-\[195px\]{height:195px}.tw-h-\[21px\]{height:21px}.tw-h-\[240px\]{height:240px}.tw-h-\[26px\]{height:26px}.tw-h-\[30px\]{height:30px}.tw-h-\[31px\]{height:31px}.tw-h-\[40px\]{height:40px}.tw-h-\[42px\]{height:42px}.tw-h-\[46px\]{height:46px}.tw-h-\[50px\]{height:50px}.tw-h-\[52px\]{height:52px}.tw-h-\[535px\]{height:535px}.tw-h-\[536px\]{height:536px}.tw-h-\[540px\]{height:540px}.tw-h-\[55px\]{height:55px}.tw-h-\[60px\]{height:60px}.tw-h-\[65px\]{height:65px}.tw-h-\[69px\]{height:69px}.tw-h-\[80px\]{height:80px}.tw-h-\[94px\]{height:94px}.tw-h-\[95px\]{height:95px}.tw-h-button{height:3.75rem}.tw-h-card-small{height:580px}.tw-h-full{height:100%}.tw-h-list-item-large{height:3.125rem}.tw-h-list-item-small{height:2.5rem}.tw-h-squid-l{height:1.875rem}.tw-h-squid-m{height:1.25rem}.tw-h-squid-xl{height:2.5rem}.tw-h-squid-xs{height:.625rem}.tw-h-squid-xxl{height:3.75rem}.\!tw-max-h-\[470px\]{max-height:470px!important}.tw-max-h-\[120px\]{max-height:120px}.tw-max-h-\[445px\]{max-height:445px}.tw-max-h-\[470px\]{max-height:470px}.tw-max-h-\[540px\]{max-height:540px}.tw-max-h-\[55px\]{max-height:55px}.tw-max-h-\[60px\]{max-height:60px}.tw-max-h-\[80px\]{max-height:80px}.tw-max-h-\[80vh\]{max-height:80vh}.tw-max-h-full{max-height:100%}.tw-max-h-list-item-small{max-height:2.5rem}.tw-max-h-modal-compact{max-height:631px}.tw-max-h-squid-m{max-height:1.25rem}.tw-max-h-squid-xl{max-height:2.5rem}.tw-min-h-\[195px\]{min-height:195px}.tw-min-h-\[30px\]{min-height:30px}.tw-min-h-\[55px\]{min-height:55px}.tw-min-h-button{min-height:3.75rem}.tw-min-h-full{min-height:100%}.tw-min-h-squid-l{min-height:1.875rem}.tw-min-h-squid-m{min-height:1.25rem}.tw-min-h-squid-xl{min-height:2.5rem}.\!tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-1{width:.25rem}.tw-w-10{width:2.5rem}.tw-w-12{width:3rem}.tw-w-4{width:1rem}.tw-w-5{width:1.25rem}.tw-w-52{width:13rem}.tw-w-56{width:14rem}.tw-w-6{width:1.5rem}.tw-w-8{width:2rem}.tw-w-96{width:24rem}.tw-w-\[1\.2em\]{width:1.2em}.tw-w-\[1\.5px\]{width:1.5px}.tw-w-\[1000px\]{width:1000px}.tw-w-\[100px\]{width:100px}.tw-w-\[106\.5px\]{width:106.5px}.tw-w-\[110px\]{width:110px}.tw-w-\[1260px\]{width:1260px}.tw-w-\[135px\]{width:135px}.tw-w-\[140px\]{width:140px}.tw-w-\[150px\]{width:150px}.tw-w-\[157px\]{width:157px}.tw-w-\[160px\]{width:160px}.tw-w-\[16px\]{width:16px}.tw-w-\[180px\]{width:180px}.tw-w-\[22px\]{width:22px}.tw-w-\[26px\]{width:26px}.tw-w-\[299px\]{width:299px}.tw-w-\[2px\]{width:2px}.tw-w-\[30px\]{width:30px}.tw-w-\[31px\]{width:31px}.tw-w-\[36px\]{width:36px}.tw-w-\[3px\]{width:3px}.tw-w-\[40px\]{width:40px}.tw-w-\[42px\]{width:42px}.tw-w-\[44px\]{width:44px}.tw-w-\[470px\]{width:470px}.tw-w-\[500px\]{width:500px}.tw-w-\[50px\]{width:50px}.tw-w-\[52px\]{width:52px}.tw-w-\[54px\]{width:54px}.tw-w-\[56\%\]{width:56%}.tw-w-\[600px\]{width:600px}.tw-w-\[60px\]{width:60px}.tw-w-\[67\%\]{width:67%}.tw-w-\[69px\]{width:69px}.tw-w-\[70px\]{width:70px}.tw-w-\[720px\]{width:720px}.tw-w-\[72px\]{width:72px}.tw-w-\[80px\]{width:80px}.tw-w-\[90px\]{width:90px}.tw-w-\[92px\]{width:92px}.tw-w-\[94px\]{width:94px}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-w-max{width:-moz-max-content;width:max-content}.tw-w-modal-compact{width:373px}.tw-w-squid-l{width:1.875rem}.tw-w-squid-m{width:1.25rem}.tw-w-squid-s{width:.9375rem}.tw-w-squid-xl{width:2.5rem}.tw-w-squid-xxl{width:3.75rem}.\!tw-min-w-0{min-width:0!important}.tw-min-w-8{min-width:2rem}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[30px\]{min-width:30px}.tw-min-w-\[60px\]{min-width:60px}.tw-min-w-list-item-small{min-width:21.25rem}.tw-min-w-squid-xl{min-width:2.5rem}.tw-min-w-squid-xxl{min-width:3.75rem}.tw-max-w-96{max-width:24rem}.tw-max-w-\[100vw\]{max-width:100vw}.tw-max-w-\[180px\]{max-width:180px}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-\[299px\]{max-width:299px}.tw-max-w-\[320px\]{max-width:320px}.tw-max-w-\[44px\]{max-width:44px}.tw-max-w-\[70px\]{max-width:70px}.tw-max-w-\[72px\]{max-width:72px}.tw-max-w-\[80px\]{max-width:80px}.tw-max-w-full{max-width:100%}.tw-max-w-modal-compact{max-width:373px}.tw-max-w-none{max-width:none}.tw-max-w-xl{max-width:36rem}.tw-flex-1{flex:1 1 0%}.tw-flex-shrink-0{flex-shrink:0}.tw-flex-grow{flex-grow:1}.tw-grow-0{flex-grow:0}.tw-origin-center{transform-origin:center}.-tw-translate-x-1\/2{--tw-translate-x:-50%}.-tw-translate-x-1\/2,.-tw-translate-x-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-translate-x-1\/3{--tw-translate-x:-33.333333%}.-tw-translate-y-1\/2{--tw-translate-y:-50%}.-tw-translate-y-1\/2,.tw-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-x-1\/2{--tw-translate-x:50%}.tw-translate-y-1\/2{--tw-translate-y:50%}.tw-translate-y-1\/2,.tw-translate-y-\[calc\(-50\%\+20px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[calc\(-50\%\+20px\)\]{--tw-translate-y:calc(-50% + 20px)}.-tw-rotate-90{--tw-rotate:-90deg}.-tw-rotate-90,.tw-rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-0{--tw-rotate:0deg}.tw-rotate-180{--tw-rotate:180deg}.tw-rotate-180,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-90{--tw-rotate:90deg}@keyframes tw-blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background-color:var(--squid-theme-material-dark-average)}}.tw-animate-blur-in{animation:tw-blur-in var(--squid-animation-blur-in-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-blur-out{0%{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background-color:var(--squid-theme-material-dark-average)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.tw-animate-blur-out{animation:tw-blur-out var(--squid-animation-blur-out-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-collapse-route{0%{height:100%}to{height:60px}}.tw-animate-collapse-route{animation:tw-collapse-route var(--squid-animation-collapse-to-bottom-duration,0s) linear both}@keyframes tw-expand-route{0%{height:60px}to{height:100%}}.tw-animate-expand-route{animation:tw-expand-route var(--squid-animation-expand-to-top-duration,0s) linear both}@keyframes tw-fade-in{0%{opacity:0}to{opacity:1}}.tw-animate-fade-in{animation:tw-fade-in var(--squid-animation-fade-in-duration,0s) ease-out both}@keyframes tw-fade-out{0%{opacity:1}to{opacity:0}}.tw-animate-fade-out{animation:tw-fade-out var(--squid-animation-fade-out-duration,0s) ease-out both}@keyframes tw-loading-gradient{0%{opacity:0;transform:translateX(-70%)}50%{opacity:1}to{opacity:0;transform:translateX(70%)}}.tw-animate-loading-gradient{animation:tw-loading-gradient 1s ease-in-out infinite both}@keyframes tw-move-loading-cover-to-right{0%{transform:translateX(-64%)}to{transform:translateX(0)}}.tw-animate-move-loading-cover-to-right{animation:tw-move-loading-cover-to-right 1.4s linear infinite}@keyframes tw-scale-and-fade-down{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.9)}}.tw-animate-scale-and-fade-down{animation:tw-scale-and-fade-down var(--squid-animation-scale-and-fade-down-duration,0s) linear both}@keyframes tw-scale-and-fade-up{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tw-animate-scale-and-fade-up{animation:tw-scale-and-fade-up var(--squid-animation-scale-and-fade-up-duration,0s) linear both}@keyframes tw-slide-to-bottom{0%{transform:translateZ(0)}to{transform:translate3d(0,650px,0)}}.tw-animate-slide-to-bottom{animation:tw-slide-to-bottom var(--squid-animation-slide-to-bottom-duration,0s) cubic-bezier(.165,.84,.44,1) both}@keyframes tw-slide-to-top{0%{transform:translate3d(0,650px,0)}to{transform:translateZ(0)}}.tw-animate-slide-to-top{animation:tw-slide-to-top var(--squid-animation-slide-to-top-duration,0s) cubic-bezier(.165,.84,.44,1) both}.tw-cursor-help{cursor:help}.tw-cursor-not-allowed{cursor:not-allowed}.tw-cursor-pointer{cursor:pointer}.tw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-grid-cols-\[100px\,1fr\,100px\]{grid-template-columns:100px 1fr 100px}.tw-grid-cols-\[180px_299px\]{grid-template-columns:180px 299px}.tw-grid-cols-\[40px\,1fr\,60px\]{grid-template-columns:40px 1fr 60px}.tw-grid-cols-\[70px_1fr\]{grid-template-columns:70px 1fr}.tw-flex-row-reverse{flex-direction:row-reverse}.tw-flex-col{flex-direction:column}.tw-flex-col-reverse{flex-direction:column-reverse}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-items-stretch{align-items:stretch}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-0{gap:0}.tw-gap-0\.5{gap:.125rem}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-2{gap:.5rem}.tw-gap-\[2px\]{gap:2px}.tw-gap-\[3px\]{gap:3px}.tw-gap-squid-m{gap:1.25rem}.tw-gap-squid-s{gap:.9375rem}.tw-gap-squid-xs{gap:.625rem}.tw-gap-squid-xxs{gap:.3125rem}.tw-gap-x-squid-xs{-moz-column-gap:.625rem;column-gap:.625rem}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.tw-divide-material-light-thin>:not([hidden])~:not([hidden]){border-color:var(--squid-theme-material-light-thin)}.tw-self-end{align-self:flex-end}.tw-self-stretch{align-self:stretch}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-text-nowrap{text-wrap:nowrap}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-\[20px\]{border-radius:20px}.tw-rounded-\[25px\]{border-radius:25px}.tw-rounded-full{border-radius:9999px}.tw-rounded-md{border-radius:.375rem}.tw-rounded-sm{border-radius:.125rem}.tw-rounded-squid-l{border-radius:1.875rem}.tw-rounded-squid-m{border-radius:1.25rem}.tw-rounded-squid-s{border-radius:.9375rem}.tw-rounded-squid-xs{border-radius:.625rem}.tw-rounded-squid-xxl{border-radius:3.75rem}.tw-rounded-squid-xxs{border-radius:.3125rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-bl-full{border-bottom-left-radius:9999px}.tw-rounded-bl-squid-l{border-bottom-left-radius:1.875rem}.tw-rounded-br-full{border-bottom-right-radius:9999px}.tw-rounded-br-squid-l{border-bottom-right-radius:1.875rem}.tw-rounded-tl-\[25px\]{border-top-left-radius:25px}.tw-rounded-tl-full{border-top-left-radius:9999px}.tw-rounded-tl-squid-l{border-top-left-radius:1.875rem}.tw-rounded-tl-xl{border-top-left-radius:.75rem}.tw-rounded-tr-\[25px\]{border-top-right-radius:25px}.tw-rounded-tr-full{border-top-right-radius:9999px}.tw-rounded-tr-squid-l{border-top-right-radius:1.875rem}.tw-rounded-tr-xl{border-top-right-radius:.75rem}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-\[1px\]{border-width:1px}.tw-border-y-\[4px\]{border-bottom-width:4px;border-top-width:4px}.tw-border-b{border-bottom-width:1px}.tw-border-l-0{border-left-width:0}.tw-border-t{border-top-width:1px}.tw-border-solid{border-style:solid}.\!tw-border-transparent{border-color:transparent!important}.tw-border-grey-500{border-color:var(--squid-theme-grey-500)}.tw-border-grey-800{border-color:var(--squid-theme-grey-800)}.tw-border-grey-900{border-color:var(--squid-theme-grey-900)}.tw-border-material-light-thin{border-color:var(--squid-theme-material-light-thin)}.tw-border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}.tw-border-transparent{border-color:transparent}.tw-border-b-material-dark-thin{border-bottom-color:var(--squid-theme-material-dark-thin)}.tw-border-t-material-light-thin{border-top-color:var(--squid-theme-material-light-thin)}.\!tw-bg-grey-100{background-color:var(--squid-theme-grey-100)!important}.\!tw-bg-grey-300{background-color:var(--squid-theme-grey-300)!important}.\!tw-bg-grey-500{background-color:var(--squid-theme-grey-500)!important}.\!tw-bg-grey-600{background-color:var(--squid-theme-grey-600)!important}.\!tw-bg-grey-800{background-color:var(--squid-theme-grey-800)!important}.\!tw-bg-material-light-thin{background-color:var(--squid-theme-material-light-thin)!important}.\!tw-bg-status-negative{background-color:var(--squid-theme-status-negative)!important}.\!tw-bg-status-partial{background-color:var(--squid-theme-status-partial)!important}.\!tw-bg-status-positive{background-color:var(--squid-theme-status-positive)!important}.\!tw-bg-transparent{background-color:transparent!important}.tw-bg-\[\#E4FE53\]{--tw-bg-opacity:1;background-color:rgb(228 254 83/var(--tw-bg-opacity))}.tw-bg-\[currentColor\],.tw-bg-current{background-color:currentColor}.tw-bg-grey-100{background-color:var(--squid-theme-grey-100)}.tw-bg-grey-300{background-color:var(--squid-theme-grey-300)}.tw-bg-grey-500{background-color:var(--squid-theme-grey-500)}.tw-bg-grey-700{background-color:var(--squid-theme-grey-700)}.tw-bg-grey-800{background-color:var(--squid-theme-grey-800)}.tw-bg-grey-900{background-color:var(--squid-theme-grey-900)}.tw-bg-inherit{background-color:inherit}.tw-bg-material-dark-thick{background-color:var(--squid-theme-material-dark-thick)}.tw-bg-material-dark-thin{background-color:var(--squid-theme-material-dark-thin)}.tw-bg-material-light-thin{background-color:var(--squid-theme-material-light-thin)}.tw-bg-royal-400{background-color:var(--squid-theme-royal-400)}.tw-bg-royal-500{background-color:var(--squid-theme-royal-500)}.tw-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.tw-bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.tw-bg-status-negative{background-color:var(--squid-theme-status-negative)}.tw-bg-status-partial{background-color:var(--squid-theme-status-partial)}.tw-bg-status-positive{background-color:var(--squid-theme-status-positive)}.tw-bg-transparent{background-color:transparent}.tw-bg-dark-cover{background-image:linear-gradient(90deg,var(--squid-theme-material-dark-thick) 45.4%,transparent 50.85%,var(--squid-theme-material-dark-thick) 55.61%)}.tw-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.tw-bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.tw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.tw-bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.tw-bg-royal-dark{background-image:linear-gradient(180deg,#bf91f2,#a577d8)}.tw-bg-royal-light{background-image:linear-gradient(180deg,#a577d8,#bf91f2)}.tw-from-current{--tw-gradient-from:currentColor var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-500{--tw-gradient-from:var(--squid-theme-grey-500) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-800{--tw-gradient-from:var(--squid-theme-grey-800) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-from-grey-900{--tw-gradient-from:var(--squid-theme-grey-900) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-to-grey-800{--tw-gradient-to:var(--squid-theme-grey-800) var(--tw-gradient-to-position)}.tw-to-grey-900{--tw-gradient-to:var(--squid-theme-grey-900) var(--tw-gradient-to-position)}.tw-to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.tw-fill-current{fill:currentColor}.tw-fill-grey-300{fill:var(--squid-theme-grey-300)}.tw-stroke-grey-100{stroke:var(--squid-theme-grey-100)}.tw-stroke-grey-300{stroke:var(--squid-theme-grey-300)}.tw-stroke-grey-900{stroke:var(--squid-theme-grey-900)}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.\!tw-p-0{padding:0!important}.tw-p-0{padding:0}.tw-p-0\.5{padding:.125rem}.tw-p-1{padding:.25rem}.tw-p-2{padding:.5rem}.tw-p-4{padding:1rem}.tw-p-8{padding:2rem}.tw-p-\[3px\]{padding:3px}.tw-p-squid-l{padding:1.875rem}.tw-p-squid-xs{padding:.625rem}.tw-p-squid-xxl{padding:3.75rem}.tw-p-squid-xxs{padding:.3125rem}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-0{padding-left:0;padding-right:0}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-\[3px\]{padding-left:3px;padding-right:3px}.tw-px-squid-l{padding-left:1.875rem;padding-right:1.875rem}.tw-px-squid-m{padding-left:1.25rem;padding-right:1.25rem}.tw-px-squid-s{padding-left:.9375rem;padding-right:.9375rem}.tw-px-squid-xs{padding-left:.625rem;padding-right:.625rem}.tw-px-squid-xxl{padding-left:3.75rem;padding-right:3.75rem}.tw-px-squid-xxs{padding-left:.3125rem;padding-right:.3125rem}.tw-py-0{padding-bottom:0;padding-top:0}.tw-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.tw-py-2{padding-bottom:.5rem;padding-top:.5rem}.tw-py-\[1px\]{padding-bottom:1px;padding-top:1px}.tw-py-squid-l{padding-bottom:1.875rem;padding-top:1.875rem}.tw-py-squid-m{padding-bottom:1.25rem;padding-top:1.25rem}.tw-py-squid-s{padding-bottom:.9375rem;padding-top:.9375rem}.tw-py-squid-xl{padding-bottom:2.5rem;padding-top:2.5rem}.tw-py-squid-xs{padding-bottom:.625rem;padding-top:.625rem}.tw-py-squid-xxs{padding-bottom:.3125rem;padding-top:.3125rem}.tw-pb-\[15px\]{padding-bottom:15px}.tw-pb-squid-l{padding-bottom:1.875rem}.tw-pb-squid-m{padding-bottom:1.25rem}.tw-pb-squid-s{padding-bottom:.9375rem}.tw-pb-squid-xs{padding-bottom:.625rem}.tw-pb-squid-xxs{padding-bottom:.3125rem}.tw-pl-1{padding-left:.25rem}.tw-pl-\[33px\]{padding-left:33px}.tw-pl-\[40px\]{padding-left:40px}.tw-pl-\[75px\]{padding-left:75px}.tw-pl-\[7px\]{padding-left:7px}.tw-pl-squid-l{padding-left:1.875rem}.tw-pl-squid-m{padding-left:1.25rem}.tw-pl-squid-xs{padding-left:.625rem}.tw-pl-squid-xxs{padding-left:.3125rem}.tw-pr-1{padding-right:.25rem}.tw-pr-2{padding-right:.5rem}.tw-pr-2\.5{padding-right:.625rem}.tw-pr-4{padding-right:1rem}.tw-pr-\[40px\]{padding-right:40px}.tw-pr-\[70px\]{padding-right:70px}.tw-pr-squid-l{padding-right:1.875rem}.tw-pr-squid-m{padding-right:1.25rem}.tw-pr-squid-xl{padding-right:2.5rem}.tw-pr-squid-xs{padding-right:.625rem}.tw-pr-squid-xxs{padding-right:.3125rem}.tw-pt-0{padding-top:0}.tw-pt-\[5px\]{padding-top:5px}.tw-pt-squid-m{padding-top:1.25rem}.tw-pt-squid-xs{padding-top:.625rem}.tw-pt-squid-xxs{padding-top:.3125rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-font-geist{font-family:Geist,sans-serif}.tw-text-body-large{font-size:1.75625rem}.tw-text-body-medium{font-size:1.40625rem}.tw-text-body-small{font-size:1.14375rem}.tw-text-caption{font-size:.875rem}.tw-text-heading-large{font-size:4.40625rem}.tw-text-heading-medium{font-size:3.08125rem}.tw-text-heading-small{font-size:2.1875rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.\!tw-font-medium{font-weight:500!important}.tw-font-heading-bold{font-weight:600}.tw-font-heading-regular{font-weight:400}.tw-font-semibold,.tw-font-typography-bold{font-weight:600}.tw-font-typography-regular{font-weight:400}.\!tw-leading-\[10px\]{line-height:10px!important}.\!tw-leading-\[13px\]{line-height:13px!important}.\!tw-leading-\[16px\]{line-height:16px!important}.\!tw-leading-\[17px\]{line-height:17px!important}.\!tw-leading-\[18px\]{line-height:18px!important}.\!tw-leading-\[1\]{line-height:1!important}.\!tw-leading-\[20px\]{line-height:20px!important}.\!tw-leading-\[9px\]{line-height:9px!important}.tw-leading-5{line-height:1.25rem}.tw-leading-\[0\]{line-height:0}.tw-leading-\[10px\]{line-height:10px}.tw-leading-\[13px\]{line-height:13px}.tw-leading-\[1\]{line-height:1}.tw-leading-\[43px\]{line-height:43px}.tw-leading-body-large{line-height:39.34px}.tw-leading-body-medium{line-height:31.5px}.tw-leading-body-small{line-height:25.62px}.tw-leading-caption{line-height:19.6px}.tw-leading-heading-large{line-height:66.97px}.tw-leading-heading-medium{line-height:49.3px}.tw-leading-heading-small{line-height:38.5px}.tw-tracking-body-large{letter-spacing:-.843px}.tw-tracking-body-medium{letter-spacing:-.675px}.tw-tracking-body-small{letter-spacing:-.366px}.tw-tracking-heading-large{letter-spacing:-3.525px}.tw-tracking-heading-medium{letter-spacing:-2.465px}.tw-tracking-heading-small{letter-spacing:-1.05px}.\!tw-text-\[transparent\]{color:transparent!important}.\!tw-text-grey-300{color:var(--squid-theme-grey-300)!important}.\!tw-text-grey-500{color:var(--squid-theme-grey-500)!important}.\!tw-text-grey-600{color:var(--squid-theme-grey-600)!important}.\!tw-text-grey-800{color:var(--squid-theme-grey-800)!important}.tw-text-\[\#FBFBFD\]{--tw-text-opacity:1;color:rgb(251 251 253/var(--tw-text-opacity))}.tw-text-grey-100{color:var(--squid-theme-grey-100)}.tw-text-grey-200{color:var(--squid-theme-grey-200)}.tw-text-grey-300{color:var(--squid-theme-grey-300)}.tw-text-grey-400{color:var(--squid-theme-grey-400)}.tw-text-grey-500{color:var(--squid-theme-grey-500)}.tw-text-grey-600{color:var(--squid-theme-grey-600)}.tw-text-grey-700{color:var(--squid-theme-grey-700)}.tw-text-grey-800{color:var(--squid-theme-grey-800)}.tw-text-grey-900{color:var(--squid-theme-grey-900)}.tw-text-material-light-average{color:var(--squid-theme-material-light-average)}.tw-text-material-light-thick{color:var(--squid-theme-material-light-thick)}.tw-text-material-light-thin{color:var(--squid-theme-material-light-thin)}.tw-text-royal-400{color:var(--squid-theme-royal-400)}.tw-text-royal-500{color:var(--squid-theme-royal-500)}.tw-text-status-negative{color:var(--squid-theme-status-negative)}.tw-text-status-partial{color:var(--squid-theme-status-partial)}.tw-text-status-positive{color:var(--squid-theme-status-positive)}.tw-text-transparent{color:transparent}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\!tw-opacity-100{opacity:1!important}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-33{opacity:.33}.tw-opacity-50{opacity:.5}.tw-opacity-66{opacity:.66}.tw-shadow-elevation-light-1{--tw-shadow:0px 1px 2px 0px #0000001a;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.tw-shadow-elevation-light-1,.tw-shadow-elevation-light-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-elevation-light-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.1),0px 5px 20px -1px rgba(0,0,0,.1);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color)}.tw-shadow-elevation-light-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.1),0px 5px 50px -1px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color)}.tw-shadow-elevation-light-3,.tw-shadow-inset-royal{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-inset-royal{--tw-shadow:0px 0px 50px 0px #876fe2 inset;--tw-shadow-colored:inset 0px 0px 50px 0px var(--tw-shadow-color)}.tw-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)}.tw-outline{outline-style:solid}.tw-outline-1{outline-width:1px}.tw-outline-2{outline-width:2px}.-tw-outline-offset-2{outline-offset:-2px}.-tw-outline-offset-\[1px\]{outline-offset:-1px}.\!tw-outline-status-negative{outline-color:var(--squid-theme-status-negative)!important}.tw-outline-material-light-thin{outline-color:var(--squid-theme-material-light-thin)}.tw-outline-royal-500{outline-color:var(--squid-theme-royal-500)}.tw-backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.tw-backdrop-blur-2xl,.tw-backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.tw-backdrop-blur\/10{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-transition-\[border-width\]{transition-duration:.15s;transition-property:border-width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-\[width\,height\]{transition-duration:.15s;transition-property:width,height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-delay-300{transition-delay:.3s}.tw-duration-1000{transition-duration:1s}.tw-duration-150{transition-duration:.15s}.tw-duration-200{transition-duration:.2s}.tw-duration-300{transition-duration:.3s}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-focus-visible-within-outline:has(:focus-visible){outline-color:var(--squid-theme-royal-500);outline-style:solid;outline-width:2px}.tw-highlight-adjacent:has(button:hover)>button:first-child{background-color:var(--squid-theme-material-light-thin)}.tw-highlight-adjacent:has(:hover) .tw-hide-on-parent-hover{opacity:0}.tw-h-d-screen{height:100dvh}@font-face{font-family:Geist;src:local("Geist"),url(fonts/Geist-Variable.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}:disabled{cursor:not-allowed}.tw-assets-button-mask{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjBBMTkuOTM4IDE5LjkzOCAwIDAgMSA1Ljg1OCA1Ljg1OCAxOS45MzcgMTkuOTM3IDAgMCAxIDIwIDBhMTkuOTM3IDE5LjkzNyAwIDAgMSAxNC4xNDIgNS44NThjLjUyOC41MjcgMS4wNDYgMS4wNiAxLjU2IDEuNTg5QzM4Ljk4OCAxMC44MyA0Mi4wNjcgMTQgNDYgMTRjMy45MzIgMCA3LjAxMS0zLjE3IDEwLjI5OS02LjU1My41MTMtLjUyOCAxLjAzMS0xLjA2MiAxLjU1OS0xLjU5QTE5LjkzNyAxOS45MzcgMCAwIDEgNzIgMHY0MGExOS45MzcgMTkuOTM3IDAgMCAxLTE0LjE0Mi01Ljg1OGMtLjUyNS0uNTI1LTEuMDQtMS4wNTYtMS41NTEtMS41ODJDNTMuMDE3IDI5LjE3NCA0OS45MzQgMjYgNDYgMjZzLTcuMDE3IDMuMTc0LTEwLjMwNiA2LjU2Yy0uNTExLjUyNi0xLjAyNyAxLjA1Ny0xLjU1MiAxLjU4MkExOS45MzcgMTkuOTM3IDAgMCAxIDIwIDQwYTE5LjkzNyAxOS45MzcgMCAwIDEtMTQuMTQyLTUuODU4QTE5LjkzNyAxOS45MzcgMCAwIDEgMCAyMFoiIGZpbGw9IiNGQkZCRkQiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjk4NCAuOTg2MSAuOTkwNCk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjBBMTkuOTM4IDE5LjkzOCAwIDAgMSA1Ljg1OCA1Ljg1OCAxOS45MzcgMTkuOTM3IDAgMCAxIDIwIDBhMTkuOTM3IDE5LjkzNyAwIDAgMSAxNC4xNDIgNS44NThjLjUyOC41MjcgMS4wNDYgMS4wNiAxLjU2IDEuNTg5QzM4Ljk4OCAxMC44MyA0Mi4wNjcgMTQgNDYgMTRjMy45MzIgMCA3LjAxMS0zLjE3IDEwLjI5OS02LjU1My41MTMtLjUyOCAxLjAzMS0xLjA2MiAxLjU1OS0xLjU5QTE5LjkzNyAxOS45MzcgMCAwIDEgNzIgMHY0MGExOS45MzcgMTkuOTM3IDAgMCAxLTE0LjE0Mi01Ljg1OGMtLjUyNS0uNTI1LTEuMDQtMS4wNTYtMS41NTEtMS41ODJDNTMuMDE3IDI5LjE3NCA0OS45MzQgMjYgNDYgMjZzLTcuMDE3IDMuMTc0LTEwLjMwNiA2LjU2Yy0uNTExLjUyNi0xLjAyNyAxLjA1Ny0xLjU1MiAxLjU4MkExOS45MzcgMTkuOTM3IDAgMCAxIDIwIDQwYTE5LjkzNyAxOS45MzcgMCAwIDEtMTQuMTQyLTUuODU4QTE5LjkzNyAxOS45MzcgMCAwIDEgMCAyMFoiIGZpbGw9IiNGQkZCRkQiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjk4NCAuOTg2MSAuOTkwNCk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-font-geist{font-feature-settings:"ss01" on,"ss03" on}li{list-style-type:none}.squid-property-row-bg:nth-child(odd)>div{background:linear-gradient(91deg,var(--squid-theme-grey-100-005) 0,transparent 100%)}:focus-visible{outline-color:var(--squid-theme-royal-500);outline-style:solid;outline-width:2px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:invalid{outline-color:var(--squid-theme-status-negative)}.tw-group[data-squid-theme-type=dark] #squid-lottie-animation #keystroke{stroke:var(--squid-theme-grey-100)!important}.tw-group[data-squid-theme-type=light] #squid-lottie-animation #keystroke{stroke:var(--squid-theme-grey-900)!important}#squid-lottie-animation #keyfill{fill:var(--squid-theme-royal-500)!important}.tw-timeline-gradient-mask{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(50% - 15px),#000 calc(50% + 15px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 calc(50% - 15px),#000 calc(50% + 15px),transparent)}input.date-input-no-icon::-webkit-calendar-picker-indicator,input.date-input-no-icon::-webkit-inner-spin-button{-webkit-appearance:none;display:none}@keyframes loading-gradient-scroll{0%{transform:translateX(-56%)}to{transform:translateX(0)}}.loading-gradient{--mid-color:transparent;overflow:hidden;position:relative;[data-squid-theme-type=dark] &{--mid-color:var(--squid-theme-material-light-average)}&:after{animation:loading-gradient-scroll 1s ease-in-out infinite both;background-image:linear-gradient(to right,var(--squid-theme-material-light-thin) 43%,var(--mid-color) 52%,var(--squid-theme-material-light-thin) 56%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:230%}}.boost-badge{--boost-badge-badge-color:var(--squid-theme-royal-400);--boost-badge-text-color:var(--squid-theme-grey-900);--boost-badge-shadow-color:#e4fe53;[data-squid-theme-type=dark] &{--boost-badge-badge-color:#e4fe53;--boost-badge-shadow-color:var(--squid-theme-royal-400)}}:root{.rdp{--rdp-accent-color:var(--squid-theme-material-light-thin);--rdp-background-color:transparent;margin:0!important}.rdp-month,.rdp-table{width:100%}.rdp-table{border-spacing:2px}.rdp-nav{width:28.5%;button{width:50%}}.rdp-cell,.rdp-head_cell{flex-grow:1;font-size:.875rem;height:auto;width:auto}.rdp-head_cell{height:2.5rem}.rdp-day{width:100%}.rdp-caption_label{font-weight:400}.rdp-day,.rdp-day_range_end.rdp-day_range_start{border-radius:.3125rem!important}.day-picker-from .rdp-day_range_start,.day-picker-to .rdp-day_range_end{--tw-text-opacity:1;background-color:var(--squid-theme-royal-500);color:rgb(255 255 255/var(--tw-text-opacity))}.rdp-button:hover:not([disabled]):not(.rdp-nav_button){border:2px solid var(--squid-theme-royal-500)}}.sb-show-main.sb-main-centered #storybook-root{margin:0;padding:0;width:100%}@media (min-width:480px){.sb-show-main.sb-main-centered #storybook-root{margin:auto;width:auto}}.squid-animated-loader-dash{stroke-dasharray:20.942,62.827;stroke-dashoffset:0;animation:squid-animated-loader-dash-grow var(--squid-loader-rotate-duration) infinite alternate ease-in-out}@keyframes squid-animated-loader-dash-grow{0%{stroke-dasharray:62.827;stroke-dashoffset:0}to{stroke-dasharray:4141.884;stroke-dashoffset:-20.942}}.squid-animated-loader{animation:rotate-360 var(--squid-loader-rotate-duration) linear infinite}@keyframes rotate-360{to{transform:rotate(1turn)}}.placeholder\:tw-text-grey-600::-moz-placeholder{color:var(--squid-theme-grey-600)}.placeholder\:tw-text-grey-600::placeholder{color:var(--squid-theme-grey-600)}.before\:tw-absolute:before{content:var(--tw-content);position:absolute}.before\:-tw-inset-\[3px\]:before{content:var(--tw-content);inset:-3px}.before\:tw-inset-0:before{content:var(--tw-content);inset:0}.before\:-tw-z-\[1\]:before{content:var(--tw-content);z-index:-1}.before\:tw-z-\[1\]:before{content:var(--tw-content);z-index:1}.before\:tw-h-full:before{content:var(--tw-content);height:100%}.before\:tw-w-\[calc\(100\%\+3px\)\]:before{content:var(--tw-content);width:calc(100% + 3px)}.before\:tw-w-full:before{content:var(--tw-content);width:100%}.before\:tw-translate-x-\[3px\]:before{--tw-translate-x:3px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:tw-rounded-squid-m:before{border-radius:1.25rem;content:var(--tw-content)}.before\:tw-rounded-br-full:before{border-bottom-right-radius:9999px;content:var(--tw-content)}.before\:tw-rounded-tr-full:before{border-top-right-radius:9999px;content:var(--tw-content)}.before\:tw-border-2:before{border-width:2px;content:var(--tw-content)}.before\:tw-border-l-0:before{border-left-width:0;content:var(--tw-content)}.before\:tw-border-transparent:before{border-color:transparent;content:var(--tw-content)}.before\:tw-backdrop-blur\/20:before{--tw-backdrop-blur:blur(20px)}.before\:tw-backdrop-blur\/20:before,.before\:tw-backdrop-saturate-150:before{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);content:var(--tw-content)}.before\:tw-backdrop-saturate-150:before{--tw-backdrop-saturate:saturate(1.5)}.after\:tw-absolute:after{content:var(--tw-content);position:absolute}.after\:-tw-inset-\[5px\]:after{content:var(--tw-content);inset:-5px}.after\:tw-z-0:after{content:var(--tw-content);z-index:0}.after\:tw-w-\[calc\(100\%\+4px\)\]:after{content:var(--tw-content);width:calc(100% + 4px)}.after\:tw-translate-x-\[6px\]:after{--tw-translate-x:6px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:tw-rounded-br-full:after{border-bottom-right-radius:9999px;content:var(--tw-content)}.after\:tw-rounded-tr-full:after{border-top-right-radius:9999px;content:var(--tw-content)}.after\:tw-border-4:after{border-width:4px;content:var(--tw-content)}.after\:tw-border-l-0:after{border-left-width:0;content:var(--tw-content)}.after\:tw-border-transparent:after{border-color:transparent;content:var(--tw-content)}.placeholder-shown\:tw-text-grey-600:-moz-placeholder-shown{color:var(--squid-theme-grey-600)}.placeholder-shown\:tw-text-grey-600:placeholder-shown{color:var(--squid-theme-grey-600)}.invalid\:tw-outline-status-negative:invalid{outline-color:var(--squid-theme-status-negative)}.hover\:tw-border-material-light-average:hover{border-color:var(--squid-theme-material-light-average)}.hover\:tw-bg-material-light-thin:hover{background-color:var(--squid-theme-material-light-thin)}.hover\:tw-text-grey-400:hover{color:var(--squid-theme-grey-400)}.hover\:tw-opacity-100:hover{opacity:1}.focus\:tw-bg-material-light-thin:focus{background-color:var(--squid-theme-material-light-thin)}.focus\:tw-text-royal-400:focus{color:var(--squid-theme-royal-400)}.focus\:tw-opacity-100:focus{opacity:1}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-opacity-100:focus-visible{opacity:1}.focus-visible\:tw-outline-status-partial:focus-visible{outline-color:var(--squid-theme-status-partial)}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.tw-group\/assets-button:hover .group-hover\/assets-button\:tw-block,.tw-group\/base-button:hover .group-hover\/base-button\:tw-block,.tw-group\/list-item:hover .group-hover\/list-item\:tw-block{display:block}.tw-group\/history-item:hover .group-hover\/history-item\:tw-hidden{display:none}.tw-group\/flip-button:hover .group-hover\/flip-button\:tw-rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-group\/boost-toggle:hover .group-hover\/boost-toggle\:tw-from-material-light-blend-grey-900{--tw-gradient-from:var(--squid-theme-material-light-blend-grey-900) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-group\/swap-step-item-button:hover .group-hover\/swap-step-item-button\:tw-from-grey-700{--tw-gradient-from:var(--squid-theme-grey-700) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.tw-group\/stops-button:hover .group-hover\/stops-button\:tw-to-material-light-blend-grey-900{--tw-gradient-to:var(--squid-theme-material-light-blend-grey-900) var(--tw-gradient-to-position)}.tw-group\/collapsing-section:hover .group-hover\/collapsing-section\:tw-opacity-100{opacity:1}.tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-0{opacity:0}.tw-group\/list-item:hover .group-hover\/list-item\:tw-opacity-100{opacity:1}.tw-group\/assets-button:hover .group-hover\/assets-button\:before\:tw-border-grey-900:before{border-color:var(--squid-theme-grey-900);content:var(--tw-content)}.tw-group\/assets-button:hover .group-hover\/assets-button\:after\:tw-border-material-light-average:after{border-color:var(--squid-theme-material-light-average);content:var(--tw-content)}.tw-group\/list-item:focus .group-focus\/list-item\:tw-opacity-100{opacity:1}.tw-group\/boost-toggle:disabled .group-disabled\/boost-toggle\:tw-grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-peer\/history-item:hover~.peer-hover\/history-item\:tw-opacity-100,.tw-peer\/list-item:hover~.peer-hover\/list-item\:tw-opacity-100{opacity:1}.tw-peer:focus~.peer-focus\:tw-hidden{display:none}.tw-peer:focus~.peer-focus\:tw-opacity-0{opacity:0}.aria-disabled\:tw-bg-grey-600[aria-disabled=true]{background-color:var(--squid-theme-grey-600)}.aria-disabled\:tw-text-grey-800[aria-disabled=true]{color:var(--squid-theme-grey-800)}@keyframes tw-move-to-left-with-spring-bounce{0%{transform:translateX(25%)}50%{transform:translateX(-27%)}80%{transform:translateX(-24%)}to{transform:translateX(-25%)}}.data-\[boost-mode\=boost\]\:tw-animate-move-to-left-with-spring-bounce[data-boost-mode=boost]{animation:tw-move-to-left-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration,0s) ease-out both}@keyframes tw-move-to-right-with-spring-bounce{0%{transform:translateX(-25%)}50%{transform:translateX(27%)}80%{transform:translateX(24%)}to{transform:translateX(25%)}}.data-\[boost-mode\=normal\]\:tw-animate-move-to-right-with-spring-bounce[data-boost-mode=normal]{animation:tw-move-to-right-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration,0s) ease-out both}.tw-group[data-boost-mode=boost] .group-data-\[boost-mode\=boost\]\:tw-left-\[calc\(50\%-2px\)\]{left:calc(50% - 2px)}.tw-group[data-boost-mode=normal] .group-data-\[boost-mode\=normal\]\:tw-left-\[calc\(50\%-6px\)\]{left:calc(50% - 6px)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-bg-grey-100{background-color:var(--squid-theme-grey-100)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-bg-grey-900{background-color:var(--squid-theme-grey-900)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=\'dark\'\]\:tw-bg-royal-dark{background-image:linear-gradient(180deg,#bf91f2,#a577d8)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=\'light\'\]\:tw-bg-royal-light{background-image:linear-gradient(180deg,#a577d8,#bf91f2)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-grey-100{color:var(--squid-theme-grey-100)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-material-light-average{color:var(--squid-theme-material-light-average)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-royal-700{color:var(--squid-theme-royal-700)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-grey-900{color:var(--squid-theme-grey-900)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-transparent{color:transparent}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-volt-700{color:var(--squid-theme-volt-700)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.2),0px 5px 20px -1px rgba(0,0,0,.33);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.2),0px 5px 50px -1px rgba(0,0,0,.33);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-2{--tw-shadow:0px 2px 5px 1px rgba(0,0,0,.1),0px 5px 20px -1px rgba(0,0,0,.1);--tw-shadow-colored:0px 2px 5px 1px var(--tw-shadow-color),0px 5px 20px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-3{--tw-shadow:0px 2px 4px 0px rgba(0,0,0,.1),0px 5px 50px -1px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 4px 0px var(--tw-shadow-color),0px 5px 50px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-peer[data-boost-mode=boost]~.peer-data-\[boost-mode\=boost\]\:tw-bg-status-positive{background-color:var(--squid-theme-status-positive)}.tw-peer[data-boost-mode=normal]~.peer-data-\[boost-mode\=normal\]\:tw-bg-current{background-color:currentColor}@media (min-width:360px){.mobile-xs\:tw-flex{display:flex}.mobile-xs\:tw-w-modal-compact{width:373px}.mobile-xs\:tw-justify-normal{justify-content:normal}}@media (min-width:480px){.mobile-lg\:-tw-left-\[3px\]{left:-3px}.mobile-lg\:tw-left-\[30px\]{left:30px}.mobile-lg\:tw-left-squid-l{left:1.875rem}.mobile-lg\:tw-block{display:block}.mobile-lg\:tw-h-auto{height:auto}.mobile-lg\:tw-max-h-modal-large{max-height:600px}.mobile-lg\:tw-w-\[140px\]{width:140px}.mobile-lg\:tw-w-\[190px\]{width:190px}.mobile-lg\:tw-w-\[50px\]{width:50px}.mobile-lg\:tw-w-card-large{width:480px}.mobile-lg\:tw-w-full{width:100%}.mobile-lg\:tw-w-modal-extra-large{width:440px}.mobile-lg\:tw-w-modal-large{width:400px}.mobile-lg\:tw-w-squid-xl{width:2.5rem}.mobile-lg\:tw-min-w-modal-large{min-width:400px}.mobile-lg\:tw-max-w-card-large{max-width:480px}.mobile-lg\:tw-max-w-modal-large{max-width:400px}.mobile-lg\:tw-rounded-squid-l{border-radius:1.875rem}.mobile-lg\:tw-px-squid-l{padding-left:1.875rem;padding-right:1.875rem}.mobile-lg\:tw-px-squid-m{padding-left:1.25rem;padding-right:1.25rem}.mobile-lg\:tw-px-squid-xs{padding-left:.625rem;padding-right:.625rem}.mobile-lg\:tw-px-squid-xxs{padding-left:.3125rem;padding-right:.3125rem}.mobile-lg\:tw-pl-squid-l{padding-left:1.875rem}}@media (min-height:650px){.mobile-xs-height\:tw-flex{display:flex}.mobile-xs-height\:tw-h-\[160px\]{height:160px}.mobile-xs-height\:tw-h-\[195px\]{height:195px}.mobile-xs-height\:tw-h-card-compact{height:640px}.mobile-xs-height\:tw-max-h-\[535px\]{max-height:535px}.mobile-xs-height\:tw-w-\[unset\]{width:unset}.mobile-xs-height\:tw-flex-col{flex-direction:column}.mobile-xs-height\:tw-pr-squid-m{padding-right:1.25rem}}@media (min-height:670px){.mobile-sm-height\:tw-h-\[205px\]{height:205px}.mobile-sm-height\:tw-h-\[65px\]{height:65px}.mobile-sm-height\:tw-h-\[75px\]{height:75px}.mobile-sm-height\:tw-h-card-large{height:660px}.mobile-sm-height\:tw-max-h-\[535px\]{max-height:535px}.mobile-sm-height\:tw-py-squid-s{padding-bottom:.9375rem;padding-top:.9375rem}}@media (prefers-color-scheme:dark){.dark\:tw-border-b-material-light-thin{border-bottom-color:var(--squid-theme-material-light-thin)}.dark\:tw-bg-material-dark-thick{background-color:var(--squid-theme-material-dark-thick)}.dark\:tw-text-grey-900{color:var(--squid-theme-grey-900)}}
package/dist/index.d.ts CHANGED
@@ -711,10 +711,6 @@ declare function MoonIcon({ size, className, }: {
711
711
  size?: string;
712
712
  className?: string;
713
713
  }): react_jsx_runtime.JSX.Element;
714
- declare function SunOutlinedIcon({ size, className, }: {
715
- size?: string;
716
- className?: string;
717
- }): react_jsx_runtime.JSX.Element;
718
714
 
719
715
  interface DockIconProps {
720
716
  isSelected?: boolean;
@@ -766,34 +762,6 @@ declare function FilterTimelineIcon({ size, className, }: {
766
762
  size?: string;
767
763
  className?: string;
768
764
  }): react_jsx_runtime.JSX.Element;
769
- declare function PhoneIcon({ size, className, }: {
770
- size?: string;
771
- className?: string;
772
- }): react_jsx_runtime.JSX.Element;
773
- declare function LaptopIcon({ size, className, }: {
774
- size?: string;
775
- className?: string;
776
- }): react_jsx_runtime.JSX.Element;
777
- declare function CopyIcon({ size, className, }: {
778
- size?: string;
779
- className?: string;
780
- }): react_jsx_runtime.JSX.Element;
781
- declare function FileDownloadIcon({ size, className, }: {
782
- size?: string;
783
- className?: string;
784
- }): react_jsx_runtime.JSX.Element;
785
- declare function CodeSolidSquareIcon({ size, className, }: {
786
- size?: string;
787
- className?: string;
788
- }): react_jsx_runtime.JSX.Element;
789
- declare function CodeBracketsIcon({ size, className, }: {
790
- size?: string;
791
- className?: string;
792
- }): react_jsx_runtime.JSX.Element;
793
- declare function CommandIcon({ size, className, }: {
794
- size?: string;
795
- className?: string;
796
- }): react_jsx_runtime.JSX.Element;
797
765
 
798
766
  interface Props {
799
767
  lottieJsonFile: object;
@@ -2572,12 +2540,11 @@ declare function TransactionViewLayout({ isLoading, header, properties, actions,
2572
2540
 
2573
2541
  declare function WalletsView(): react_jsx_runtime.JSX.Element;
2574
2542
 
2575
- interface ThemeProviderProps extends React.ComponentProps<"div"> {
2543
+ declare function SquidConfigProvider({ theme, children, themeType, }: {
2576
2544
  theme?: SquidTheme;
2577
2545
  children?: React.ReactNode;
2578
2546
  themeType?: ThemeType;
2579
- }
2580
- declare function ThemeProvider({ theme, children, themeType, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
2547
+ }): react_jsx_runtime.JSX.Element;
2581
2548
 
2582
2549
  type DropdownPosition = "top" | "bottom" | "center";
2583
2550
  type DropdownStyles = {
@@ -2644,19 +2611,6 @@ declare const useTimer: ({ immediateStart, }: {
2644
2611
  startTimer: () => void;
2645
2612
  };
2646
2613
 
2647
- declare enum ThemePreference {
2648
- LIGHT = "light",
2649
- DARK = "dark",
2650
- SYSTEM = "system"
2651
- }
2652
- declare function useUserTheme(): {
2653
- themePreference: ThemePreference;
2654
- themeType: ThemeType;
2655
- theme: SquidTheme;
2656
- setThemeManually: (theme: ThemePreference) => void;
2657
- isDarkMode: boolean;
2658
- };
2659
-
2660
2614
  declare const CSS_VARS: {
2661
2615
  MOVE_WITH_SPRING_BOUNCE_DURATION: string;
2662
2616
  DISPLAY_DELAYED_DURATION: string;
@@ -2700,4 +2654,4 @@ declare const baseTailwindConfig: Config;
2700
2654
  */
2701
2655
  declare const cn: (...inputs: ClassValue[]) => string;
2702
2656
 
2703
- export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CopyIcon, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, type SquidTheme, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, TagIcon, TagIconFilled, TextSkeleton, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
2657
+ export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidConfigProvider, SquidLogo, type SquidTheme, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunriseIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, TagIcon, TagIconFilled, TextSkeleton, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useVersion };
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "0.27.2-beta.0",
8
+ "version": "0.27.2",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -73,7 +73,6 @@
73
73
  "autoprefixer": "10.4.18",
74
74
  "concurrently": "8.2.2",
75
75
  "eslint": "^8.0.1",
76
- "eslint-config-prettier": "9.1.0",
77
76
  "eslint-config-standard-with-typescript": "^43.0.1",
78
77
  "eslint-plugin-import": "^2.25.2",
79
78
  "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
@@ -1,13 +0,0 @@
1
- import { type ThemeType } from "../types";
2
- export declare enum ThemePreference {
3
- LIGHT = "light",
4
- DARK = "dark",
5
- SYSTEM = "system"
6
- }
7
- export declare function useUserTheme(): {
8
- themePreference: ThemePreference;
9
- themeType: ThemeType;
10
- theme: import("../types").SquidTheme;
11
- setThemeManually: (theme: ThemePreference) => void;
12
- isDarkMode: boolean;
13
- };
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import "../styles/compiled-tailwind.css";
3
- import { type ThemeType } from "../types/components";
4
- import { type SquidTheme } from "../types/config";
5
- interface ThemeProviderProps extends React.ComponentProps<"div"> {
6
- theme?: SquidTheme;
7
- children?: React.ReactNode;
8
- themeType?: ThemeType;
9
- }
10
- export declare function ThemeProvider({ theme, children, themeType, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
11
- export {};
@@ -1,13 +0,0 @@
1
- import { type ThemeType } from "../types";
2
- export declare enum ThemePreference {
3
- LIGHT = "light",
4
- DARK = "dark",
5
- SYSTEM = "system"
6
- }
7
- export declare function useUserTheme(): {
8
- themePreference: ThemePreference;
9
- themeType: ThemeType;
10
- theme: import("../types").SquidTheme;
11
- setThemeManually: (theme: ThemePreference) => void;
12
- isDarkMode: boolean;
13
- };
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import "../styles/compiled-tailwind.css";
3
- import { type ThemeType } from "../types/components";
4
- import { type SquidTheme } from "../types/config";
5
- interface ThemeProviderProps extends React.ComponentProps<"div"> {
6
- theme?: SquidTheme;
7
- children?: React.ReactNode;
8
- themeType?: ThemeType;
9
- }
10
- export declare function ThemeProvider({ theme, children, themeType, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
11
- export {};