"use strict";var t=require("react");function e(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var n=e(t);function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},r.apply(this,arguments)}!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("/*\n! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\r\n.pointer-events-none {\n  pointer-events: none;\n}\r\n.fixed {\n  position: fixed;\n}\r\n.absolute {\n  position: absolute;\n}\r\n.relative {\n  position: relative;\n}\r\n.left-0 {\n  left: 0px;\n}\r\n.top-0 {\n  top: 0px;\n}\r\n.z-\\[30000000000\\] {\n  z-index: 30000000000;\n}\r\n.z-\\[9999999999999\\] {\n  z-index: 9999999999999;\n}\r\n.ml-\\[5\\%\\] {\n  margin-left: 5%;\n}\r\n.flex {\n  display: flex;\n}\r\n.size-12 {\n  width: 3rem;\n  height: 3rem;\n}\r\n.size-6 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\r\n.size-8 {\n  width: 2rem;\n  height: 2rem;\n}\r\n.h-20 {\n  height: 5rem;\n}\r\n.h-4 {\n  height: 1rem;\n}\r\n.h-6 {\n  height: 1.5rem;\n}\r\n.h-7 {\n  height: 1.75rem;\n}\r\n.h-\\[10\\%\\] {\n  height: 10%;\n}\r\n.h-\\[100\\%\\] {\n  height: 100%;\n}\r\n.h-\\[100vh\\] {\n  height: 100vh;\n}\r\n.h-\\[60vh\\] {\n  height: 60vh;\n}\r\n.h-\\[80\\%\\] {\n  height: 80%;\n}\r\n.h-full {\n  height: 100%;\n}\r\n.w-10 {\n  width: 2.5rem;\n}\r\n.w-20 {\n  width: 5rem;\n}\r\n.w-4 {\n  width: 1rem;\n}\r\n.w-6 {\n  width: 1.5rem;\n}\r\n.w-7 {\n  width: 1.75rem;\n}\r\n.w-\\[100\\%\\] {\n  width: 100%;\n}\r\n.w-\\[100vw\\] {\n  width: 100vw;\n}\r\n.w-\\[5\\%\\] {\n  width: 5%;\n}\r\n.w-\\[60\\%\\] {\n  width: 60%;\n}\r\n.w-\\[80\\%\\] {\n  width: 80%;\n}\r\n.w-\\[90\\%\\] {\n  width: 90%;\n}\r\n.w-\\[calc\\(95\\%-16px\\)\\] {\n  width: calc(95% - 16px);\n}\r\n.w-full {\n  width: 100%;\n}\r\n.min-w-\\[210px\\] {\n  min-width: 210px;\n}\r\n.min-w-\\[24px\\] {\n  min-width: 24px;\n}\r\n.min-w-\\[270px\\] {\n  min-width: 270px;\n}\r\n.min-w-\\[350px\\] {\n  min-width: 350px;\n}\r\n.min-w-\\[36px\\] {\n  min-width: 36px;\n}\r\n.min-w-\\[52px\\] {\n  min-width: 52px;\n}\r\n.rotate-180 {\n  --tw-rotate: 180deg;\n  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));\n}\r\n.scale-\\[0\\.8\\] {\n  --tw-scale-x: 0.8;\n  --tw-scale-y: 0.8;\n  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));\n}\r\n.cursor-pointer {\n  cursor: pointer;\n}\r\n.flex-col {\n  flex-direction: column;\n}\r\n.items-center {\n  align-items: center;\n}\r\n.justify-center {\n  justify-content: center;\n}\r\n.justify-between {\n  justify-content: space-between;\n}\r\n.gap-x-4 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\r\n.gap-x-6 {\n  -moz-column-gap: 1.5rem;\n       column-gap: 1.5rem;\n}\r\n.gap-y-2 {\n  row-gap: 0.5rem;\n}\r\n.overflow-y-auto {\n  overflow-y: auto;\n}\r\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\r\n.rounded {\n  border-radius: 0.25rem;\n}\r\n.rounded-\\[8px\\] {\n  border-radius: 8px;\n}\r\n.rounded-md {\n  border-radius: 0.375rem;\n}\r\n.border-b-\\[1px\\] {\n  border-bottom-width: 1px;\n}\r\n.border-t-\\[1px\\] {\n  border-top-width: 1px;\n}\r\n.border-b-gray-200 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\r\n.border-b-slate-200 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\r\n.border-t-gray-200 {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\r\n.bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\r\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\r\n.bg-transparent {\n  background-color: transparent;\n}\r\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\r\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\r\n.p-1 {\n  padding: 0.25rem;\n}\r\n.px-0 {\n  padding-left: 0px;\n  padding-right: 0px;\n}\r\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\r\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\r\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\r\n.py-10 {\n  padding-top: 2.5rem;\n  padding-bottom: 2.5rem;\n}\r\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\r\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\r\n.pb-0 {\n  padding-bottom: 0px;\n}\r\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\r\n.pb-4 {\n  padding-bottom: 1rem;\n}\r\n.pb-6 {\n  padding-bottom: 1.5rem;\n}\r\n.pt-1 {\n  padding-top: 0.25rem;\n}\r\n.pt-2 {\n  padding-top: 0.5rem;\n}\r\n.pt-\\[5\\%\\] {\n  padding-top: 5%;\n}\r\n.text-center {\n  text-align: center;\n}\r\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\r\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\r\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\r\n.font-medium {\n  font-weight: 500;\n}\r\n.font-semibold {\n  font-weight: 600;\n}\r\n.uppercase {\n  text-transform: uppercase;\n}\r\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity));\n}\r\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\r\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity));\n}\r\n.text-sky-400 {\n  --tw-text-opacity: 1;\n  color: rgb(56 189 248 / var(--tw-text-opacity));\n}\r\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-box {\n  --tw-shadow: 0px 0px 32px 8px #eef2ff;\n  --tw-shadow-colored: 0px 0px 32px 8px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-box-down {\n  --tw-shadow: 0px 2px 3px 0px #dddddd;\n  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\r\n.outline {\n  outline-style: solid;\n}\r\n.outline-1 {\n  outline-width: 1px;\n}\r\n.outline-2 {\n  outline-width: 2px;\n}\r\n.outline-gray-300 {\n  outline-color: #d1d5db;\n}\r\n.outline-gray-600 {\n  outline-color: #4b5563;\n}\r\n.outline-indigo-100 {\n  outline-color: #e0e7ff;\n}\r\n.filter {\n  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);\n}\r\n.transition {\n  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\r\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\r\n\r\n.scrollbar::-webkit-scrollbar {\r\n    height:4px;\r\n    width: 12px;\r\n    background-color: transparent;\r\n}\r\n.scrollbar::-webkit-scrollbar-thumb {\r\n    background-color: rgb(100, 116, 139);\r\n    border: 2px white solid;\r\n    border-radius: 4px;\r\n}\r\n\r\n:is(:where(.dark) .dark\\:scrollbar-dark)::-webkit-scrollbar-thumb{\r\n    background-color: white;\r\n    border: 2px rgb(30, 41, 59) solid;\r\n    border-radius: 4px;\r\n}\r\n\r\n.element-bg{\r\n    background-color: rgba(241, 245, 249,0.2);\r\n}\r\n\r\n.\\*\\:flex > * {\n  display: flex;\n}\r\n\r\n.\\*\\:select-none > * {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\r\n\r\n.\\*\\:items-center > * {\n  align-items: center;\n}\r\n\r\n.\\*\\:px-6 > * {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\r\n\r\n.first-letter\\:uppercase::first-letter {\n  text-transform: uppercase;\n}\r\n\r\n.hover\\:bg-sky-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(56 189 248 / var(--tw-bg-opacity));\n}\r\n\r\n.hover\\:bg-slate-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\r\n\r\n.hover\\:text-red-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity));\n}\r\n\r\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n.hover\\:shadow-none:hover {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n\r\n.hover\\:outline-gray-400:hover {\n  outline-color: #9ca3af;\n}\r\n\r\n.hover\\:outline-gray-900:hover {\n  outline-color: #111827;\n}\r\n\r\n.group:hover .group-hover\\:fill-white {\n  fill: #fff;\n}\r\n\r\n.group:hover .group-hover\\:text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity));\n}\r\n\r\n.group:hover .group-hover\\:text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity));\n}\r\n\r\n.group:hover .group-hover\\:text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus .group-focus\\/a\\:bg-sky-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(56 189 248 / var(--tw-bg-opacity));\n}\r\n\r\n.group\\/a:focus .group-focus\\/a\\:fill-white {\n  fill: #fff;\n}\r\n\r\n.group\\/a:focus .group-focus\\/a\\:text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus .group-focus\\/a\\:text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus .group-focus\\/a\\:text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n.data-\\[slot\\=selected\\]\\:border-b-slate-300[data-slot=selected] {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\r\n\r\n.data-\\[slot\\=selected\\]\\:bg-sky-400[data-slot=selected] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(56 189 248 / var(--tw-bg-opacity));\n}\r\n\r\n.data-\\[slot\\=selected\\]\\:bg-slate-100[data-slot=selected] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\r\n\r\n.data-\\[slot\\=selected\\]\\:text-white[data-slot=selected] {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n.group[data-slot=selected] .group-data-\\[slot\\=selected\\]\\:fill-white {\n  fill: #fff;\n}\r\n\r\n.group[data-slot=selected] .group-data-\\[slot\\=selected\\]\\:text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity));\n}\r\n\r\n.group[data-slot=selected] .group-data-\\[slot\\=selected\\]\\:text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:border-b-gray-500) {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:border-b-slate-600) {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 85 105 / var(--tw-border-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:border-t-gray-500) {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(107 114 128 / var(--tw-border-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:bg-slate-600) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 85 105 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:bg-slate-800) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:fill-white) {\n  fill: #fff;\n}\r\n\r\n:is(:where(.dark) .dark\\:text-gray-200) {\n  --tw-text-opacity: 1;\n  color: rgb(229 231 235 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:text-gray-300) {\n  --tw-text-opacity: 1;\n  color: rgb(209 213 219 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:text-white) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:shadow-box-dark) {\n  --tw-shadow: 0px 0px 32px 8px #555a66;\n  --tw-shadow-colored: 0px 0px 32px 8px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n\r\n:is(:where(.dark) .dark\\:shadow-none) {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n\r\n:is(:where(.dark) .dark\\:outline-black) {\n  outline-color: #000;\n}\r\n\r\n:is(:where(.dark) .dark\\:outline-slate-700) {\n  outline-color: #334155;\n}\r\n\r\n:is(:where(.dark) .dark\\:placeholder\\:text-gray-200)::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(229 231 235 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:placeholder\\:text-gray-200)::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(229 231 235 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:bg-slate-700:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:bg-slate-900:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:bg-white:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:text-black:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:text-red-500:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .dark\\:hover\\:outline-slate-400:hover) {\n  outline-color: #94a3b8;\n}\r\n\r\n:is(:where(.dark) .group:hover .dark\\:group-hover\\:fill-sky-400) {\n  fill: #38bdf8;\n}\r\n\r\n:is(:where(.dark) .group:hover .dark\\:group-hover\\:text-gray-600) {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .group:hover .dark\\:group-hover\\:text-sky-400) {\n  --tw-text-opacity: 1;\n  color: rgb(56 189 248 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus :is(:where(.dark) .group-focus\\/a\\:dark\\:bg-white) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\r\n\r\n.group\\/a:focus :is(:where(.dark) .group-focus\\/a\\:dark\\:fill-sky-400) {\n  fill: #38bdf8;\n}\r\n\r\n.group\\/a:focus :is(:where(.dark) .group-focus\\/a\\:dark\\:text-black) {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus :is(:where(.dark) .group-focus\\/a\\:dark\\:text-gray-600) {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\r\n\r\n.group\\/a:focus :is(:where(.dark) .group-focus\\/a\\:dark\\:text-sky-400) {\n  --tw-text-opacity: 1;\n  color: rgb(56 189 248 / var(--tw-text-opacity));\n}\r\n\r\n:is(:where(.dark) .data-\\[slot\\=selected\\]\\:dark\\:border-b-slate-600)[data-slot=selected] {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 85 105 / var(--tw-border-opacity));\n}\r\n\r\n:is(:where(.dark) .data-\\[slot\\=selected\\]\\:dark\\:bg-slate-700)[data-slot=selected] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .data-\\[slot\\=selected\\]\\:dark\\:bg-white)[data-slot=selected] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\r\n\r\n:is(:where(.dark) .data-\\[slot\\=selected\\]\\:dark\\:text-black)[data-slot=selected] {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n\r\n.group[data-slot=selected] :is(:where(.dark) .group-data-\\[slot\\=selected\\]\\:dark\\:fill-sky-400) {\n  fill: #38bdf8;\n}\r\n\r\n.group[data-slot=selected] :is(:where(.dark) .group-data-\\[slot\\=selected\\]\\:dark\\:text-black) {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n\r\n.group[data-slot=selected] :is(:where(.dark) .group-data-\\[slot\\=selected\\]\\:dark\\:text-sky-400) {\n  --tw-text-opacity: 1;\n  color: rgb(56 189 248 / var(--tw-text-opacity));\n}\r\n",{insertAt:"top"});const o=t.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),i=t.createContext({}),s=t.createContext(null),a="undefined"!=typeof document,l=a?t.useLayoutEffect:t.useEffect,c=t.createContext({strict:!1}),u=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),d="data-"+u("framerAppearId");function h(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function p(t){return"string"==typeof t||Array.isArray(t)}function m(t){return"object"==typeof t&&"function"==typeof t.start}const f=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],g=["initial",...f];function y(t){return m(t.animate)||g.some((e=>p(t[e])))}function v(t){return Boolean(y(t)||t.variants)}function w(e){const{initial:n,animate:r}=function(t,e){if(y(t)){const{initial:e,animate:n}=t;return{initial:!1===e||p(e)?e:void 0,animate:p(n)?n:void 0}}return!1!==t.inherit?e:{}}(e,t.useContext(i));return t.useMemo((()=>({initial:n,animate:r})),[x(n),x(r)])}function x(t){return Array.isArray(t)?t.join(" "):t}const b={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},k={};for(const t in b)k[t]={isEnabled:e=>b[t].some((t=>!!e[t]))};const E=t.createContext({}),P=t.createContext({}),S=Symbol.for("motionComponentSymbol");function C({preloadedFeatures:e,createVisualElement:r,useRender:u,useVisualState:p,Component:m}){e&&function(t){for(const e in t)k[e]={...k[e],...t[e]}}(e);const f=t.forwardRef((function(f,g){let y;const v={...t.useContext(o),...f,layoutId:T(f)},{isStatic:x}=v,b=w(f),k=p(f,x);if(!x&&a){b.visualElement=function(e,n,r,a){const{visualElement:u}=t.useContext(i),h=t.useContext(c),p=t.useContext(s),m=t.useContext(o).reducedMotion,f=t.useRef();a=a||h.renderer,!f.current&&a&&(f.current=a(e,{visualState:n,parent:u,props:r,presenceContext:p,blockInitialAnimation:!!p&&!1===p.initial,reducedMotionConfig:m}));const g=f.current;t.useInsertionEffect((()=>{g&&g.update(r,p)}));const y=t.useRef(Boolean(r[d]&&!window.HandoffComplete));return l((()=>{g&&(g.render(),y.current&&g.animationState&&g.animationState.animateChanges())})),t.useEffect((()=>{g&&(g.updateFeatures(),!y.current&&g.animationState&&g.animationState.animateChanges(),y.current&&(y.current=!1,window.HandoffComplete=!0))})),g}(m,k,v,r);const n=t.useContext(P),a=t.useContext(c).strict;b.visualElement&&(y=b.visualElement.loadFeatures(v,a,e,n))}return n.createElement(i.Provider,{value:b},y&&b.visualElement?n.createElement(y,{visualElement:b.visualElement,...v}):null,u(m,f,function(e,n,r){return t.useCallback((t=>{t&&e.mount&&e.mount(t),n&&(t?n.mount(t):n.unmount()),r&&("function"==typeof r?r(t):h(r)&&(r.current=t))}),[n])}(k,b.visualElement,g),k,x,b.visualElement))}));return f[S]=m,f}function T({layoutId:e}){const n=t.useContext(E).id;return n&&void 0!==e?n+"-"+e:e}function A(t){function e(e,n={}){return C(t(e,n))}if("undefined"==typeof Proxy)return e;const n=new Map;return new Proxy(e,{get:(t,r)=>(n.has(r)||n.set(r,e(r)),n.get(r))})}const V=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function M(t){return"string"==typeof t&&!t.includes("-")&&!!(V.indexOf(t)>-1||/[A-Z]/.test(t))}const L={};const R=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],D=new Set(R);function j(t,{layout:e,layoutId:n}){return D.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!L[t]||"opacity"===t)}const B=t=>Boolean(t&&t.getVelocity),N={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},F=R.length;const O=t=>e=>"string"==typeof e&&e.startsWith(t),I=O("--"),z=O("var(--"),U=(t,e)=>e&&"number"==typeof t?e.transform(t):t,$=(t,e,n)=>Math.min(Math.max(n,t),e),W={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},H={...W,transform:t=>$(0,1,t)},Y={...W,default:1},X=t=>Math.round(1e5*t)/1e5,q=/(-)?([\d]*\.?[\d])+/g,G=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,_=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Z(t){return"string"==typeof t}const K=t=>({test:e=>Z(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),J=K("deg"),Q=K("%"),tt=K("px"),et=K("vh"),nt=K("vw"),rt={...Q,parse:t=>Q.parse(t)/100,transform:t=>Q.transform(100*t)},ot={...W,transform:Math.round},it={borderWidth:tt,borderTopWidth:tt,borderRightWidth:tt,borderBottomWidth:tt,borderLeftWidth:tt,borderRadius:tt,radius:tt,borderTopLeftRadius:tt,borderTopRightRadius:tt,borderBottomRightRadius:tt,borderBottomLeftRadius:tt,width:tt,maxWidth:tt,height:tt,maxHeight:tt,size:tt,top:tt,right:tt,bottom:tt,left:tt,padding:tt,paddingTop:tt,paddingRight:tt,paddingBottom:tt,paddingLeft:tt,margin:tt,marginTop:tt,marginRight:tt,marginBottom:tt,marginLeft:tt,rotate:J,rotateX:J,rotateY:J,rotateZ:J,scale:Y,scaleX:Y,scaleY:Y,scaleZ:Y,skew:J,skewX:J,skewY:J,distance:tt,translateX:tt,translateY:tt,translateZ:tt,x:tt,y:tt,z:tt,perspective:tt,transformPerspective:tt,opacity:H,originX:rt,originY:rt,originZ:tt,zIndex:ot,fillOpacity:H,strokeOpacity:H,numOctaves:ot};function st(t,e,n,r){const{style:o,vars:i,transform:s,transformOrigin:a}=t;let l=!1,c=!1,u=!0;for(const t in e){const n=e[t];if(I(t)){i[t]=n;continue}const r=it[t],d=U(n,r);if(D.has(t)){if(l=!0,s[t]=d,!u)continue;n!==(r.default||0)&&(u=!1)}else t.startsWith("origin")?(c=!0,a[t]=d):o[t]=d}if(e.transform||(l||r?o.transform=function(t,{enableHardwareAcceleration:e=!0,allowTransformNone:n=!0},r,o){let i="";for(let e=0;e<F;e++){const n=R[e];void 0!==t[n]&&(i+=`${N[n]||n}(${t[n]}) `)}return e&&!t.z&&(i+="translateZ(0)"),i=i.trim(),o?i=o(t,r?"":i):n&&r&&(i="none"),i}(t.transform,n,u,r):o.transform&&(o.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=a;o.transformOrigin=`${t} ${e} ${n}`}}const at=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function lt(t,e,n){for(const r in e)B(e[r])||j(r,n)||(t[r]=e[r])}function ct(e,n,r){const o={};return lt(o,e.style||{},e),Object.assign(o,function({transformTemplate:e},n,r){return t.useMemo((()=>{const t=at();return st(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)}),[n])}(e,n,r)),e.transformValues?e.transformValues(o):o}function ut(t,e,n){const r={},o=ct(t,e,n);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(r.tabIndex=0),r.style=o,r}const dt=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function ht(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||dt.has(t)}let pt=t=>!ht(t);try{(mt=require("@emotion/is-prop-valid").default)&&(pt=t=>t.startsWith("on")?!ht(t):mt(t))}catch(t){}var mt;function ft(t,e,n){return"string"==typeof t?t:tt.transform(e+n*t)}const gt={offset:"stroke-dashoffset",array:"stroke-dasharray"},yt={offset:"strokeDashoffset",array:"strokeDasharray"};function vt(t,{attrX:e,attrY:n,attrScale:r,originX:o,originY:i,pathLength:s,pathSpacing:a=1,pathOffset:l=0,...c},u,d,h){if(st(t,c,u,h),d)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:m,dimensions:f}=t;p.transform&&(f&&(m.transform=p.transform),delete p.transform),f&&(void 0!==o||void 0!==i||m.transform)&&(m.transformOrigin=function(t,e,n){return`${ft(e,t.x,t.width)} ${ft(n,t.y,t.height)}`}(f,void 0!==o?o:.5,void 0!==i?i:.5)),void 0!==e&&(p.x=e),void 0!==n&&(p.y=n),void 0!==r&&(p.scale=r),void 0!==s&&function(t,e,n=1,r=0,o=!0){t.pathLength=1;const i=o?gt:yt;t[i.offset]=tt.transform(-r);const s=tt.transform(e),a=tt.transform(n);t[i.array]=`${s} ${a}`}(p,s,a,l,!1)}const wt=()=>({...at(),attrs:{}}),xt=t=>"string"==typeof t&&"svg"===t.toLowerCase();function bt(e,n,r,o){const i=t.useMemo((()=>{const t=wt();return vt(t,n,{enableHardwareAcceleration:!1},xt(o),e.transformTemplate),{...t.attrs,style:{...t.style}}}),[n]);if(e.style){const t={};lt(t,e.style,e),i.style={...t,...i.style}}return i}function kt(e=!1){return(n,r,o,{latestValues:i},s)=>{const a=(M(n)?bt:ut)(r,i,s,n),l=function(t,e,n){const r={};for(const o in t)"values"===o&&"object"==typeof t.values||(pt(o)||!0===n&&ht(o)||!e&&!ht(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,e),c={...l,...a,ref:o},{children:u}=r,d=t.useMemo((()=>B(u)?u.get():u),[u]);return t.createElement(n,{...c,children:d})}}function Et(t,{style:e,vars:n},r,o){Object.assign(t.style,e,o&&o.getProjectionStyles(r));for(const e in n)t.style.setProperty(e,n[e])}const Pt=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function St(t,e,n,r){Et(t,e,void 0,r);for(const n in e.attrs)t.setAttribute(Pt.has(n)?n:u(n),e.attrs[n])}function Ct(t,e){const{style:n}=t,r={};for(const o in n)(B(n[o])||e.style&&B(e.style[o])||j(o,t))&&(r[o]=n[o]);return r}function Tt(t,e){const n=Ct(t,e);for(const r in t)if(B(t[r])||B(e[r])){n[-1!==R.indexOf(r)?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r]=t[r]}return n}function At(t,e,n,r={},o={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),e}function Vt(e){const n=t.useRef(null);return null===n.current&&(n.current=e()),n.current}const Mt=t=>Array.isArray(t),Lt=t=>Boolean(t&&"object"==typeof t&&t.mix&&t.toValue),Rt=t=>Mt(t)?t[t.length-1]||0:t;function Dt(t){const e=B(t)?t.get():t;return Lt(e)?e.toValue():e}const jt=e=>(n,r)=>{const o=t.useContext(i),a=t.useContext(s),l=()=>function({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},r,o,i){const s={latestValues:Bt(r,o,i,t),renderState:e()};return n&&(s.mount=t=>n(r,t,s)),s}(e,n,o,a);return r?l():Vt(l)};function Bt(t,e,n,r){const o={},i=r(t,{});for(const t in i)o[t]=Dt(i[t]);let{initial:s,animate:a}=t;const l=y(t),c=v(t);e&&c&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let u=!!n&&!1===n.initial;u=u||!1===s;const d=u?a:s;if(d&&"boolean"!=typeof d&&!m(d)){(Array.isArray(d)?d:[d]).forEach((e=>{const n=At(t,e);if(!n)return;const{transitionEnd:r,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[u?e.length-1:0]}null!==e&&(o[t]=e)}for(const t in r)o[t]=r[t]}))}return o}const Nt=t=>t;class Ft{constructor(){this.order=[],this.scheduled=new Set}add(t){if(!this.scheduled.has(t))return this.scheduled.add(t),this.order.push(t),!0}remove(t){const e=this.order.indexOf(t);-1!==e&&(this.order.splice(e,1),this.scheduled.delete(t))}clear(){this.order.length=0,this.scheduled.clear()}}const Ot=["prepare","read","update","preRender","render","postRender"];const{schedule:It,cancel:zt,state:Ut,steps:$t}=function(t,e){let n=!1,r=!0;const o={delta:0,timestamp:0,isProcessing:!1},i=Ot.reduce(((t,e)=>(t[e]=function(t){let e=new Ft,n=new Ft,r=0,o=!1,i=!1;const s=new WeakSet,a={schedule:(t,i=!1,a=!1)=>{const l=a&&o,c=l?e:n;return i&&s.add(t),c.add(t)&&l&&o&&(r=e.order.length),t},cancel:t=>{n.remove(t),s.delete(t)},process:l=>{if(o)i=!0;else{if(o=!0,[e,n]=[n,e],n.clear(),r=e.order.length,r)for(let n=0;n<r;n++){const r=e.order[n];r(l),s.has(r)&&(a.schedule(r),t())}o=!1,i&&(i=!1,a.process(l))}}};return a}((()=>n=!0)),t)),{}),s=t=>i[t].process(o),a=()=>{const i=performance.now();n=!1,o.delta=r?1e3/60:Math.max(Math.min(i-o.timestamp,40),1),o.timestamp=i,o.isProcessing=!0,Ot.forEach(s),o.isProcessing=!1,n&&e&&(r=!1,t(a))};return{schedule:Ot.reduce(((e,s)=>{const l=i[s];return e[s]=(e,i=!1,s=!1)=>(n||(n=!0,r=!0,o.isProcessing||t(a)),l.schedule(e,i,s)),e}),{}),cancel:t=>Ot.forEach((e=>i[e].cancel(t))),state:o,steps:i}}("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:Nt,!0),Wt={useVisualState:jt({scrapeMotionValuesFromProps:Tt,createRenderState:wt,onMount:(t,e,{renderState:n,latestValues:r})=>{It.read((()=>{try{n.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){n.dimensions={x:0,y:0,width:0,height:0}}})),It.render((()=>{vt(n,r,{enableHardwareAcceleration:!1},xt(e.tagName),t.transformTemplate),St(e,n)}))}})},Ht={useVisualState:jt({scrapeMotionValuesFromProps:Ct,createRenderState:at})};function Yt(t,e,n,r={passive:!0}){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n)}const Xt=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function qt(t,e="page"){return{point:{x:t[e+"X"],y:t[e+"Y"]}}}const Gt=t=>e=>Xt(e)&&t(e,qt(e));function _t(t,e,n,r){return Yt(t,e,Gt(n),r)}const Zt=(t,e)=>n=>e(t(n)),Kt=(...t)=>t.reduce(Zt);function Jt(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}const Qt=Jt("dragHorizontal"),te=Jt("dragVertical");function ee(t){let e=!1;if("y"===t)e=te();else if("x"===t)e=Qt();else{const t=Qt(),n=te();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function ne(){const t=ee(!0);return!t||(t(),!1)}class re{constructor(t){this.isMounted=!1,this.node=t}update(){}}function oe(t,e){const n="pointer"+(e?"enter":"leave"),r="onHover"+(e?"Start":"End");return _t(t.current,n,((n,o)=>{if("touch"===n.type||ne())return;const i=t.getProps();t.animationState&&i.whileHover&&t.animationState.setActive("whileHover",e),i[r]&&It.update((()=>i[r](n,o)))}),{passive:!t.getProps()[r]})}const ie=(t,e)=>!!e&&(t===e||ie(t,e.parentElement));function se(t,e){if(!e)return;const n=new PointerEvent("pointer"+t);e(n,qt(n))}const ae=new WeakMap,le=new WeakMap,ce=t=>{const e=ae.get(t.target);e&&e(t)},ue=t=>{t.forEach(ce)};function de(t,e,n){const r=function({root:t,...e}){const n=t||document;le.has(n)||le.set(n,{});const r=le.get(n),o=JSON.stringify(e);return r[o]||(r[o]=new IntersectionObserver(ue,{root:t,...e})),r[o]}(e);return ae.set(t,n),r.observe(t),()=>{ae.delete(t),r.unobserve(t)}}const he={some:0,all:1};const pe={inView:{Feature:class extends re{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:e,margin:n,amount:r="some",once:o}=t,i={root:e?e.current:void 0,rootMargin:n,threshold:"number"==typeof r?r:he[r]};return de(this.node.current,i,(t=>{const{isIntersecting:e}=t;if(this.isInView===e)return;if(this.isInView=e,o&&!e&&this.hasEnteredView)return;e&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",e);const{onViewportEnter:n,onViewportLeave:r}=this.node.getProps(),i=e?n:r;i&&i(t)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props:t,prevProps:e}=this.node;["amount","margin","root"].some(function({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}(t,e))&&this.startObserver()}unmount(){}}},tap:{Feature:class extends re{constructor(){super(...arguments),this.removeStartListeners=Nt,this.removeEndListeners=Nt,this.removeAccessibleListeners=Nt,this.startPointerPress=(t,e)=>{if(this.removeEndListeners(),this.isPressing)return;const n=this.node.getProps(),r=_t(window,"pointerup",((t,e)=>{if(!this.checkPressEnd())return;const{onTap:n,onTapCancel:r}=this.node.getProps();It.update((()=>{ie(this.node.current,t.target)?n&&n(t,e):r&&r(t,e)}))}),{passive:!(n.onTap||n.onPointerUp)}),o=_t(window,"pointercancel",((t,e)=>this.cancelPress(t,e)),{passive:!(n.onTapCancel||n.onPointerCancel)});this.removeEndListeners=Kt(r,o),this.startPress(t,e)},this.startAccessiblePress=()=>{const t=Yt(this.node.current,"keydown",(t=>{if("Enter"!==t.key||this.isPressing)return;this.removeEndListeners(),this.removeEndListeners=Yt(this.node.current,"keyup",(t=>{"Enter"===t.key&&this.checkPressEnd()&&se("up",((t,e)=>{const{onTap:n}=this.node.getProps();n&&It.update((()=>n(t,e)))}))})),se("down",((t,e)=>{this.startPress(t,e)}))})),e=Yt(this.node.current,"blur",(()=>{this.isPressing&&se("cancel",((t,e)=>this.cancelPress(t,e)))}));this.removeAccessibleListeners=Kt(t,e)}}startPress(t,e){this.isPressing=!0;const{onTapStart:n,whileTap:r}=this.node.getProps();r&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),n&&It.update((()=>n(t,e)))}checkPressEnd(){this.removeEndListeners(),this.isPressing=!1;return this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!ne()}cancelPress(t,e){if(!this.checkPressEnd())return;const{onTapCancel:n}=this.node.getProps();n&&It.update((()=>n(t,e)))}mount(){const t=this.node.getProps(),e=_t(this.node.current,"pointerdown",this.startPointerPress,{passive:!(t.onTapStart||t.onPointerStart)}),n=Yt(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Kt(e,n)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}},focus:{Feature:class extends re{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch(e){t=!0}t&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Kt(Yt(this.node.current,"focus",(()=>this.onFocus())),Yt(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class extends re{mount(){this.unmount=Kt(oe(this.node,!0),oe(this.node,!1))}unmount(){}}}};function me(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}function fe(t,e,n){const r=t.getProps();return At(r,e,void 0!==n?n:r.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}let ge=Nt,ye=Nt;"production"!==process.env.NODE_ENV&&(ge=(t,e)=>{t||"undefined"==typeof console||console.warn(e)},ye=(t,e)=>{if(!t)throw new Error(e)});const ve=t=>1e3*t,we=t=>t/1e3,xe=!1,be=t=>Array.isArray(t)&&"number"==typeof t[0];function ke(t){return Boolean(!t||"string"==typeof t&&Pe[t]||be(t)||Array.isArray(t)&&t.every(ke))}const Ee=([t,e,n,r])=>`cubic-bezier(${t}, ${e}, ${n}, ${r})`,Pe={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Ee([0,.65,.55,1]),circOut:Ee([.55,0,1,.45]),backIn:Ee([.31,.01,.66,-.59]),backOut:Ee([.33,1.53,.69,.99])};function Se(t){if(t)return be(t)?Ee(t):Array.isArray(t)?t.map(Se):Pe[t]}const Ce=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,Te=1e-7,Ae=12;function Ve(t,e,n,r){if(t===e&&n===r)return Nt;const o=e=>function(t,e,n,r,o){let i,s,a=0;do{s=e+(n-e)/2,i=Ce(s,r,o)-t,i>0?n=s:e=s}while(Math.abs(i)>Te&&++a<Ae);return s}(e,0,1,t,n);return t=>0===t||1===t?t:Ce(o(t),e,r)}const Me=Ve(.42,0,1,1),Le=Ve(0,0,.58,1),Re=Ve(.42,0,.58,1),De=t=>Array.isArray(t)&&"number"!=typeof t[0],je=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Be=t=>e=>1-t(1-e),Ne=t=>1-Math.sin(Math.acos(t)),Fe=Be(Ne),Oe=je(Ne),Ie=Ve(.33,1.53,.69,.99),ze=Be(Ie),Ue=je(ze),$e={linear:Nt,easeIn:Me,easeInOut:Re,easeOut:Le,circIn:Ne,circInOut:Oe,circOut:Fe,backIn:ze,backInOut:Ue,backOut:Ie,anticipate:t=>(t*=2)<1?.5*ze(t):.5*(2-Math.pow(2,-10*(t-1)))},We=t=>{if(Array.isArray(t)){ye(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,r,o]=t;return Ve(e,n,r,o)}return"string"==typeof t?(ye(void 0!==$e[t],`Invalid easing type '${t}'`),$e[t]):t},He=(t,e)=>n=>Boolean(Z(n)&&_.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),Ye=(t,e,n)=>r=>{if(!Z(r))return r;const[o,i,s,a]=r.match(q);return{[t]:parseFloat(o),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},Xe={...W,transform:t=>Math.round((t=>$(0,255,t))(t))},qe={test:He("rgb","red"),parse:Ye("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+Xe.transform(t)+", "+Xe.transform(e)+", "+Xe.transform(n)+", "+X(H.transform(r))+")"};const Ge={test:He("#"),parse:function(t){let e="",n="",r="",o="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),r=t.substring(5,7),o=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),r=t.substring(3,4),o=t.substring(4,5),e+=e,n+=n,r+=r,o+=o),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:qe.transform},_e={test:He("hsl","hue"),parse:Ye("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+Q.transform(X(e))+", "+Q.transform(X(n))+", "+X(H.transform(r))+")"},Ze={test:t=>qe.test(t)||Ge.test(t)||_e.test(t),parse:t=>qe.test(t)?qe.parse(t):_e.test(t)?_e.parse(t):Ge.parse(t),transform:t=>Z(t)?t:t.hasOwnProperty("red")?qe.transform(t):_e.transform(t)},Ke=(t,e,n)=>-n*t+n*e+t;function Je(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const Qe=(t,e,n)=>{const r=t*t;return Math.sqrt(Math.max(0,n*(e*e-r)+r))},tn=[Ge,qe,_e];function en(t){const e=(n=t,tn.find((t=>t.test(n))));var n;ye(Boolean(e),`'${t}' is not an animatable color. Use the equivalent color code instead.`);let r=e.parse(t);return e===_e&&(r=function({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let o=0,i=0,s=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,a=2*n-r;o=Je(a,r,t+1/3),i=Je(a,r,t),s=Je(a,r,t-1/3)}else o=i=s=n;return{red:Math.round(255*o),green:Math.round(255*i),blue:Math.round(255*s),alpha:r}}(r)),r}const nn=(t,e)=>{const n=en(t),r=en(e),o={...n};return t=>(o.red=Qe(n.red,r.red,t),o.green=Qe(n.green,r.green,t),o.blue=Qe(n.blue,r.blue,t),o.alpha=Ke(n.alpha,r.alpha,t),qe.transform(o))};const rn={regex:/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,countKey:"Vars",token:"${v}",parse:Nt},on={regex:G,countKey:"Colors",token:"${c}",parse:Ze.parse},sn={regex:q,countKey:"Numbers",token:"${n}",parse:W.parse};function an(t,{regex:e,countKey:n,token:r,parse:o}){const i=t.tokenised.match(e);i&&(t["num"+n]=i.length,t.tokenised=t.tokenised.replace(e,r),t.values.push(...i.map(o)))}function ln(t){const e=t.toString(),n={value:e,tokenised:e,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&an(n,rn),an(n,on),an(n,sn),n}function cn(t){return ln(t).values}function un(t){const{values:e,numColors:n,numVars:r,tokenised:o}=ln(t),i=e.length;return t=>{let e=o;for(let o=0;o<i;o++)e=o<r?e.replace(rn.token,t[o]):o<r+n?e.replace(on.token,Ze.transform(t[o])):e.replace(sn.token,X(t[o]));return e}}const dn=t=>"number"==typeof t?0:t;const hn={test:function(t){var e,n;return isNaN(t)&&Z(t)&&((null===(e=t.match(q))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(G))||void 0===n?void 0:n.length)||0)>0},parse:cn,createTransformer:un,getAnimatableNone:function(t){const e=cn(t);return un(t)(e.map(dn))}},pn=(t,e)=>n=>`${n>0?e:t}`;function mn(t,e){return"number"==typeof t?n=>Ke(t,e,n):Ze.test(t)?nn(t,e):t.startsWith("var(")?pn(t,e):yn(t,e)}const fn=(t,e)=>{const n=[...t],r=n.length,o=t.map(((t,n)=>mn(t,e[n])));return t=>{for(let e=0;e<r;e++)n[e]=o[e](t);return n}},gn=(t,e)=>{const n={...t,...e},r={};for(const o in n)void 0!==t[o]&&void 0!==e[o]&&(r[o]=mn(t[o],e[o]));return t=>{for(const e in r)n[e]=r[e](t);return n}},yn=(t,e)=>{const n=hn.createTransformer(e),r=ln(t),o=ln(e);return r.numVars===o.numVars&&r.numColors===o.numColors&&r.numNumbers>=o.numNumbers?Kt(fn(r.values,o.values),n):(ge(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),pn(t,e))},vn=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r},wn=(t,e)=>n=>Ke(t,e,n);function xn(t,e,n){const r=[],o=n||("number"==typeof(i=t[0])?wn:"string"==typeof i?Ze.test(i)?nn:yn:Array.isArray(i)?fn:"object"==typeof i?gn:wn);var i;const s=t.length-1;for(let n=0;n<s;n++){let i=o(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]||Nt:e;i=Kt(t,i)}r.push(i)}return r}function bn(t,e,{clamp:n=!0,ease:r,mixer:o}={}){const i=t.length;if(ye(i===e.length,"Both input and output ranges must be the same length"),1===i)return()=>e[0];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const s=xn(e,r,o),a=s.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const r=vn(t[n],t[n+1],e);return s[n](r)};return n?e=>l($(t[0],t[i-1],e)):l}function kn(t){const e=[0];return function(t,e){const n=t[t.length-1];for(let r=1;r<=e;r++){const o=vn(0,e,r);t.push(Ke(n,1,o))}}(e,t.length-1),e}function En({duration:t=300,keyframes:e,times:n,ease:r="easeInOut"}){const o=De(r)?r.map(We):We(r),i={done:!1,value:e[0]},s=function(t,e){return t.map((t=>t*e))}(n&&n.length===e.length?n:kn(e),t),a=bn(s,e,{ease:Array.isArray(o)?o:(l=e,c=o,l.map((()=>c||Re)).splice(0,l.length-1))});var l,c;return{calculatedDuration:t,next:e=>(i.value=a(e),i.done=e>=t,i)}}function Pn(t,e){return e?t*(1e3/e):0}const Sn=5;function Cn(t,e,n){const r=Math.max(e-Sn,0);return Pn(n-t(r),e-r)}const Tn=.001,An=.01,Vn=10,Mn=.05,Ln=1;function Rn({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let o,i;ge(t<=ve(Vn),"Spring duration must be 10 seconds or less");let s=1-e;s=$(Mn,Ln,s),t=$(An,Vn,we(t)),s<1?(o=e=>{const r=e*s,o=r*t,i=r-n,a=jn(e,s),l=Math.exp(-o);return Tn-i/a*l},i=e=>{const r=e*s*t,i=r*n+n,a=Math.pow(s,2)*Math.pow(e,2)*t,l=Math.exp(-r),c=jn(Math.pow(e,2),s);return(-o(e)+Tn>0?-1:1)*((i-a)*l)/c}):(o=e=>Math.exp(-e*t)*((e-n)*t+1)-Tn,i=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let r=n;for(let n=1;n<Dn;n++)r-=t(r)/e(r);return r}(o,i,5/t);if(t=ve(t),isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*r;return{stiffness:e,damping:2*s*Math.sqrt(r*e),duration:t}}}const Dn=12;function jn(t,e){return t*Math.sqrt(1-e*e)}const Bn=["duration","bounce"],Nn=["stiffness","damping","mass"];function Fn(t,e){return e.some((e=>void 0!==t[e]))}function On({keyframes:t,restDelta:e,restSpeed:n,...r}){const o=t[0],i=t[t.length-1],s={done:!1,value:o},{stiffness:a,damping:l,mass:c,velocity:u,duration:d,isResolvedFromDuration:h}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Fn(t,Nn)&&Fn(t,Bn)){const n=Rn(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r),p=u?-we(u):0,m=l/(2*Math.sqrt(a*c)),f=i-o,g=we(Math.sqrt(a/c)),y=Math.abs(f)<5;let v;if(n||(n=y?.01:2),e||(e=y?.005:.5),m<1){const t=jn(g,m);v=e=>{const n=Math.exp(-m*g*e);return i-n*((p+m*g*f)/t*Math.sin(t*e)+f*Math.cos(t*e))}}else if(1===m)v=t=>i-Math.exp(-g*t)*(f+(p+g*f)*t);else{const t=g*Math.sqrt(m*m-1);v=e=>{const n=Math.exp(-m*g*e),r=Math.min(t*e,300);return i-n*((p+m*g*f)*Math.sinh(r)+t*f*Math.cosh(r))/t}}return{calculatedDuration:h&&d||null,next:t=>{const r=v(t);if(h)s.done=t>=d;else{let o=p;0!==t&&(o=m<1?Cn(v,t,r):0);const a=Math.abs(o)<=n,l=Math.abs(i-r)<=e;s.done=a&&l}return s.value=s.done?i:r,s}}}function In({keyframes:t,velocity:e=0,power:n=.8,timeConstant:r=325,bounceDamping:o=10,bounceStiffness:i=500,modifyTarget:s,min:a,max:l,restDelta:c=.5,restSpeed:u}){const d=t[0],h={done:!1,value:d},p=t=>void 0===a?l:void 0===l||Math.abs(a-t)<Math.abs(l-t)?a:l;let m=n*e;const f=d+m,g=void 0===s?f:s(f);g!==f&&(m=g-d);const y=t=>-m*Math.exp(-t/r),v=t=>g+y(t),w=t=>{const e=y(t),n=v(t);h.done=Math.abs(e)<=c,h.value=h.done?g:n};let x,b;const k=t=>{var e;(e=h.value,void 0!==a&&e<a||void 0!==l&&e>l)&&(x=t,b=On({keyframes:[h.value,p(h.value)],velocity:Cn(v,t,h.value),damping:o,stiffness:i,restDelta:c,restSpeed:u}))};return k(0),{calculatedDuration:null,next:t=>{let e=!1;return b||void 0!==x||(e=!0,w(t),k(t)),void 0!==x&&t>x?b.next(t-x):(!e&&w(t),h)}}}const zn=t=>{const e=({timestamp:e})=>t(e);return{start:()=>It.update(e,!0),stop:()=>zt(e),now:()=>Ut.isProcessing?Ut.timestamp:performance.now()}},Un=2e4;function $n(t){let e=0;let n=t.next(e);for(;!n.done&&e<Un;)e+=50,n=t.next(e);return e>=Un?1/0:e}const Wn={decay:In,inertia:In,tween:En,keyframes:En,spring:On};function Hn({autoplay:t=!0,delay:e=0,driver:n=zn,keyframes:r,type:o="keyframes",repeat:i=0,repeatDelay:s=0,repeatType:a="loop",onPlay:l,onStop:c,onComplete:u,onUpdate:d,...h}){let p,m,f=1,g=!1;const y=()=>{m=new Promise((t=>{p=t}))};let v;y();const w=Wn[o]||En;let x;w!==En&&"number"!=typeof r[0]&&(x=bn([0,100],r,{clamp:!1}),r=[0,100]);const b=w({...h,keyframes:r});let k;"mirror"===a&&(k=w({...h,keyframes:[...r].reverse(),velocity:-(h.velocity||0)}));let E="idle",P=null,S=null,C=null;null===b.calculatedDuration&&i&&(b.calculatedDuration=$n(b));const{calculatedDuration:T}=b;let A=1/0,V=1/0;null!==T&&(A=T+s,V=A*(i+1)-s);let M=0;const L=t=>{if(null===S)return;f>0&&(S=Math.min(S,t)),f<0&&(S=Math.min(t-V/f,S)),M=null!==P?P:Math.round(t-S)*f;const n=M-e*(f>=0?1:-1),o=f>=0?n<0:n>V;M=Math.max(n,0),"finished"===E&&null===P&&(M=V);let l=M,c=b;if(i){const t=M/A;let e=Math.floor(t),n=t%1;!n&&t>=1&&(n=1),1===n&&e--,e=Math.min(e,i+1);const r=Boolean(e%2);r&&("reverse"===a?(n=1-n,s&&(n-=s/A)):"mirror"===a&&(c=k));let o=$(0,1,n);M>V&&(o="reverse"===a&&r?1:0),l=o*A}const u=o?{done:!1,value:r[0]}:c.next(l);x&&(u.value=x(u.value));let{done:h}=u;o||null===T||(h=f>=0?M>=V:M<=0);const p=null===P&&("finished"===E||"running"===E&&h);return d&&d(u.value),p&&j(),u},R=()=>{v&&v.stop(),v=void 0},D=()=>{E="idle",R(),p(),y(),S=C=null},j=()=>{E="finished",u&&u(),R(),p()},B=()=>{if(g)return;v||(v=n(L));const t=v.now();l&&l(),null!==P?S=t-P:S&&"finished"!==E||(S=t),"finished"===E&&y(),C=S,P=null,E="running",v.start()};t&&B();const N={then:(t,e)=>m.then(t,e),get time(){return we(M)},set time(t){t=ve(t),M=t,null===P&&v&&0!==f?S=v.now()-t/f:P=t},get duration(){const t=null===b.calculatedDuration?$n(b):b.calculatedDuration;return we(t)},get speed(){return f},set speed(t){t!==f&&v&&(f=t,N.time=we(M))},get state(){return E},play:B,pause:()=>{E="paused",P=M},stop:()=>{g=!0,"idle"!==E&&(E="idle",c&&c(),D())},cancel:()=>{null!==C&&L(C),D()},complete:()=>{E="finished"},sample:t=>(S=0,L(t))};return N}const Yn=function(t){let e;return()=>(void 0===e&&(e=t()),e)}((()=>Object.hasOwnProperty.call(Element.prototype,"animate"))),Xn=new Set(["opacity","clipPath","filter","transform","backgroundColor"]);function qn(t,e,{onUpdate:n,onComplete:r,...o}){if(!(Yn()&&Xn.has(e)&&!o.repeatDelay&&"mirror"!==o.repeatType&&0!==o.damping&&"inertia"!==o.type))return!1;let i,s,a=!1;const l=()=>{s=new Promise((t=>{i=t}))};l();let{keyframes:c,duration:u=300,ease:d,times:h}=o;if(((t,e)=>"spring"===e.type||"backgroundColor"===t||!ke(e.ease))(e,o)){const t=Hn({...o,repeat:0,delay:0});let e={done:!1,value:c[0]};const n=[];let r=0;for(;!e.done&&r<2e4;)e=t.sample(r),n.push(e.value),r+=10;h=void 0,c=n,u=r-10,d="linear"}const p=function(t,e,n,{delay:r=0,duration:o,repeat:i=0,repeatType:s="loop",ease:a,times:l}={}){const c={[e]:n};l&&(c.offset=l);const u=Se(a);return Array.isArray(u)&&(c.easing=u),t.animate(c,{delay:r,duration:o,easing:Array.isArray(u)?"linear":u,fill:"both",iterations:i+1,direction:"reverse"===s?"alternate":"normal"})}(t.owner.current,e,c,{...o,duration:u,ease:d,times:h}),m=()=>p.cancel(),f=()=>{It.update(m),i(),l()};p.onfinish=()=>{t.set(function(t,{repeat:e,repeatType:n="loop"}){return t[e&&"loop"!==n&&e%2==1?0:t.length-1]}(c,o)),r&&r(),f()};return{then:(t,e)=>s.then(t,e),attachTimeline:t=>(p.timeline=t,p.onfinish=null,Nt),get time(){return we(p.currentTime||0)},set time(t){p.currentTime=ve(t)},get speed(){return p.playbackRate},set speed(t){p.playbackRate=t},get duration(){return we(u)},play:()=>{a||(p.play(),zt(m))},pause:()=>p.pause(),stop:()=>{if(a=!0,"idle"===p.playState)return;const{currentTime:e}=p;if(e){const n=Hn({...o,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}f()},complete:()=>p.finish(),cancel:f}}const Gn={type:"spring",stiffness:500,damping:25,restSpeed:10},_n={type:"keyframes",duration:.8},Zn={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Kn=(t,{keyframes:e})=>e.length>2?_n:D.has(t)?t.startsWith("scale")?{type:"spring",stiffness:550,damping:0===e[1]?2*Math.sqrt(550):30,restSpeed:10}:Gn:Zn,Jn=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!hn.test(e)&&"0"!==e||e.startsWith("url("))),Qn=new Set(["brightness","contrast","saturate","opacity"]);function tr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(q)||[];if(!r)return t;const o=n.replace(r,"");let i=Qn.has(e)?1:0;return r!==n&&(i*=100),e+"("+i+o+")"}const er=/([a-z-]*)\(.*?\)/g,nr={...hn,getAnimatableNone:t=>{const e=t.match(er);return e?e.map(tr).join(" "):t}},rr={...it,color:Ze,backgroundColor:Ze,outlineColor:Ze,fill:Ze,stroke:Ze,borderColor:Ze,borderTopColor:Ze,borderRightColor:Ze,borderBottomColor:Ze,borderLeftColor:Ze,filter:nr,WebkitFilter:nr},or=t=>rr[t];function ir(t,e){let n=or(t);return n!==nr&&(n=hn),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const sr=t=>/^0[^.\s]+$/.test(t);function ar(t){return"number"==typeof t?0===t:null!==t?"none"===t||"0"===t||sr(t):void 0}function lr(t,e){return t[e]||t.default||t}const cr=(t,e,n,r={})=>o=>{const i=lr(r,t)||{},s=i.delay||r.delay||0;let{elapsed:a=0}=r;a-=ve(s);const l=function(t,e,n,r){const o=Jn(e,n);let i;i=Array.isArray(n)?[...n]:[null,n];const s=void 0!==r.from?r.from:t.get();let a;const l=[];for(let t=0;t<i.length;t++)null===i[t]&&(i[t]=0===t?s:i[t-1]),ar(i[t])&&l.push(t),"string"==typeof i[t]&&"none"!==i[t]&&"0"!==i[t]&&(a=i[t]);if(o&&l.length&&a)for(let t=0;t<l.length;t++)i[l[t]]=ir(e,a);return i}(e,t,n,i),c=l[0],u=l[l.length-1],d=Jn(t,c),h=Jn(t,u);ge(d===h,`You are trying to animate ${t} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),ease:"easeOut",...i,delay:-a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{o(),i.onComplete&&i.onComplete()}};if(function({when:t,delay:e,delayChildren:n,staggerChildren:r,staggerDirection:o,repeat:i,repeatType:s,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length}(i)||(p={...p,...Kn(t,p)}),p.duration&&(p.duration=ve(p.duration)),p.repeatDelay&&(p.repeatDelay=ve(p.repeatDelay)),!d||!h||xe||!1===i.type)return function({keyframes:t,delay:e,onUpdate:n,onComplete:r}){const o=()=>(n&&n(t[t.length-1]),r&&r(),{time:0,speed:1,duration:0,play:Nt,pause:Nt,stop:Nt,then:t=>(t(),Promise.resolve()),cancel:Nt,complete:Nt});return e?Hn({keyframes:[0,1],duration:0,delay:e,onComplete:o}):o()}(p);if(!r.isHandoff&&e.owner&&e.owner.current instanceof HTMLElement&&!e.owner.getProps().onUpdate){const n=qn(e,t,p);if(n)return n}return Hn(p)};function ur(t){return Boolean(B(t)&&t.add)}const dr=t=>/^\-?\d*\.?\d+$/.test(t);function hr(t,e){-1===t.indexOf(e)&&t.push(e)}function pr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class mr{constructor(){this.subscriptions=[]}add(t){return hr(this.subscriptions,t),()=>pr(this.subscriptions,t)}notify(t,e,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(let o=0;o<r;o++){const r=this.subscriptions[o];r&&r(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const fr=new Set;function gr(t,e,n){t||fr.has(e)||(console.warn(e),n&&console.warn(n),fr.add(e))}class yr{constructor(t,e={}){var n;this.version="10.16.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t;const{delta:n,timestamp:r}=Ut;this.lastUpdated!==r&&(this.timeDelta=n,this.lastUpdated=r,It.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>It.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(n=this.current,!isNaN(parseFloat(n))),this.owner=e.owner}onChange(t){return"production"!==process.env.NODE_ENV&&gr(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new mr);const n=this.events[t].add(e);return"change"===t?()=>{n(),It.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?Pn(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function vr(t,e){return new yr(t,e)}const wr=t=>e=>e.test(t),xr=[W,tt,Q,J,nt,et,{test:t=>"auto"===t,parse:t=>t}],br=t=>xr.find(wr(t)),kr=[...xr,Ze,hn];function Er(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,vr(n))}function Pr(t,e){if(!e)return;return(e[t]||e.default||e).from}function Sr({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}function Cr(t,e){const n=t.get();if(!Array.isArray(e))return n!==e;for(let t=0;t<e.length;t++)if(e[t]!==n)return!0}function Tr(t,e,{delay:n=0,transitionOverride:r,type:o}={}){let{transition:i=t.getDefaultTransition(),transitionEnd:s,...a}=t.makeTargetAnimatable(e);const l=t.getValue("willChange");r&&(i=r);const c=[],u=o&&t.animationState&&t.animationState.getState()[o];for(const e in a){const r=t.getValue(e),o=a[e];if(!r||void 0===o||u&&Sr(u,e))continue;const s={delay:n,elapsed:0,...lr(i||{},e)};if(window.HandoffAppearAnimations){const n=t.getProps()[d];if(n){const t=window.HandoffAppearAnimations(n,e,r,It);null!==t&&(s.elapsed=t,s.isHandoff=!0)}}let h=!s.isHandoff&&!Cr(r,o);if("spring"===s.type&&(r.getVelocity()||s.velocity)&&(h=!1),r.animation&&(h=!1),h)continue;r.start(cr(e,r,o,t.shouldReduceMotion&&D.has(e)?{type:!1}:s));const p=r.animation;ur(l)&&(l.add(e),p.then((()=>l.remove(e)))),c.push(p)}return s&&Promise.all(c).then((()=>{s&&function(t,e){const n=fe(t,e);let{transitionEnd:r={},transition:o={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...r};for(const e in i)Er(t,e,Rt(i[e]))}(t,s)})),c}function Ar(t,e,n={}){const r=fe(t,e,n.custom);let{transition:o=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(o=n.transitionOverride);const i=r?()=>Promise.all(Tr(t,r,n)):()=>Promise.resolve(),s=t.variantChildren&&t.variantChildren.size?(r=0)=>{const{delayChildren:i=0,staggerChildren:s,staggerDirection:a}=o;return function(t,e,n=0,r=0,o=1,i){const s=[],a=(t.variantChildren.size-1)*r,l=1===o?(t=0)=>t*r:(t=0)=>a-t*r;return Array.from(t.variantChildren).sort(Vr).forEach(((t,r)=>{t.notify("AnimationStart",e),s.push(Ar(t,e,{...i,delay:n+l(r)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,i+r,s,a,n)}:()=>Promise.resolve(),{when:a}=o;if(a){const[t,e]="beforeChildren"===a?[i,s]:[s,i];return t().then((()=>e()))}return Promise.all([i(),s(n.delay)])}function Vr(t,e){return t.sortNodePosition(e)}const Mr=[...f].reverse(),Lr=f.length;function Rr(t){return e=>Promise.all(e.map((({animation:e,options:n})=>function(t,e,n={}){let r;if(t.notify("AnimationStart",e),Array.isArray(e)){const o=e.map((e=>Ar(t,e,n)));r=Promise.all(o)}else if("string"==typeof e)r=Ar(t,e,n);else{const o="function"==typeof e?fe(t,e,n.custom):e;r=Promise.all(Tr(t,o,n))}return r.then((()=>t.notify("AnimationComplete",e)))}(t,e,n))))}function Dr(t){let e=Rr(t);const n={animate:Br(!0),whileInView:Br(),whileHover:Br(),whileTap:Br(),whileDrag:Br(),whileFocus:Br(),exit:Br()};let r=!0;const o=(e,n)=>{const r=fe(t,n);if(r){const{transition:t,transitionEnd:n,...o}=r;e={...e,...o,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},c=[],u=new Set;let d={},h=1/0;for(let e=0;e<Lr;e++){const f=Mr[e],g=n[f],y=void 0!==a[f]?a[f]:l[f],v=p(y),w=f===s?g.isActive:null;!1===w&&(h=e);let x=y===l[f]&&y!==a[f]&&v;if(x&&r&&t.manuallyAnimateOnMount&&(x=!1),g.protectedKeys={...d},!g.isActive&&null===w||!y&&!g.prevProp||m(y)||"boolean"==typeof y)continue;const b=jr(g.prevProp,y);let k=b||f===s&&g.isActive&&!x&&v||e>h&&v;const E=Array.isArray(y)?y:[y];let P=E.reduce(o,{});!1===w&&(P={});const{prevResolvedValues:S={}}=g,C={...S,...P},T=t=>{k=!0,u.delete(t),g.needsAnimating[t]=!0};for(const t in C){const e=P[t],n=S[t];d.hasOwnProperty(t)||(e!==n?Mt(e)&&Mt(n)?!me(e,n)||b?T(t):g.protectedKeys[t]=!0:void 0!==e?T(t):u.add(t):void 0!==e&&u.has(t)?T(t):g.protectedKeys[t]=!0)}g.prevProp=y,g.prevResolvedValues=P,g.isActive&&(d={...d,...P}),r&&t.blockInitialAnimation&&(k=!1),k&&!x&&c.push(...E.map((t=>({animation:t,options:{type:f,...i}}))))}if(u.size){const e={};u.forEach((n=>{const r=t.getBaseTarget(n);void 0!==r&&(e[n]=r)})),c.push({animation:e})}let f=Boolean(c.length);return!r||!1!==a.initial&&a.initial!==a.animate||t.manuallyAnimateOnMount||(f=!1),r=!1,f?e(c):Promise.resolve()}return{animateChanges:i,setActive:function(e,r,o){var s;if(n[e].isActive===r)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,r)})),n[e].isActive=r;const a=i(o,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function jr(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!me(e,t)}function Br(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}let Nr=0;const Fr={animation:{Feature:class extends re{constructor(t){super(t),t.animationState||(t.animationState=Dr(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),m(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:e}=this.node.prevProps||{};t!==e&&this.updateAnimationControlsSubscription()}unmount(){}}},exit:{Feature:class extends re{constructor(){super(...arguments),this.id=Nr++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:e,custom:n}=this.node.presenceContext,{isPresent:r}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===r)return;const o=this.node.animationState.setActive("exit",!t,{custom:null!=n?n:this.node.getProps().custom});e&&!t&&o.then((()=>e(this.id)))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}}},Or=(t,e)=>Math.abs(t-e);class Ir{constructor(t,e,{transformPagePoint:n,contextWindow:r}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=$r(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Or(t.x,e.x),r=Or(t.y,e.y);return Math.sqrt(n**2+r**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:r}=t,{timestamp:o}=Ut;this.history.push({...r,timestamp:o});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=zr(e,this.transformPagePoint),It.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:r}=this.handlers,o=$r("pointercancel"===t.type?this.lastMoveEventInfo:zr(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,o),r&&r(t,o)},!Xt(t))return;this.handlers=e,this.transformPagePoint=n,this.contextWindow=r||window;const o=zr(qt(t),this.transformPagePoint),{point:i}=o,{timestamp:s}=Ut;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,$r(o,this.history)),this.removeListeners=Kt(_t(this.contextWindow,"pointermove",this.handlePointerMove),_t(this.contextWindow,"pointerup",this.handlePointerUp),_t(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),zt(this.updatePoint)}}function zr(t,e){return e?{point:e(t.point)}:t}function Ur(t,e){return{x:t.x-e.x,y:t.y-e.y}}function $r({point:t},e){return{point:t,delta:Ur(t,Hr(e)),offset:Ur(t,Wr(e)),velocity:Yr(e,.1)}}function Wr(t){return t[0]}function Hr(t){return t[t.length-1]}function Yr(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,r=null;const o=Hr(t);for(;n>=0&&(r=t[n],!(o.timestamp-r.timestamp>ve(e)));)n--;if(!r)return{x:0,y:0};const i=we(o.timestamp-r.timestamp);if(0===i)return{x:0,y:0};const s={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Xr(t){return t.max-t.min}function qr(t,e=0,n=.01){return Math.abs(t-e)<=n}function Gr(t,e,n,r=.5){t.origin=r,t.originPoint=Ke(e.min,e.max,t.origin),t.scale=Xr(n)/Xr(e),(qr(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=Ke(n.min,n.max,t.origin)-t.originPoint,(qr(t.translate)||isNaN(t.translate))&&(t.translate=0)}function _r(t,e,n,r){Gr(t.x,e.x,n.x,r?r.originX:void 0),Gr(t.y,e.y,n.y,r?r.originY:void 0)}function Zr(t,e,n){t.min=n.min+e.min,t.max=t.min+Xr(e)}function Kr(t,e,n){t.min=e.min-n.min,t.max=t.min+Xr(e)}function Jr(t,e,n){Kr(t.x,e.x,n.x),Kr(t.y,e.y,n.y)}function Qr(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function to(t,e){let n=e.min-t.min,r=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,r]=[r,n]),{min:n,max:r}}const eo=.35;function no(t,e,n){return{min:ro(t,e),max:ro(t,n)}}function ro(t,e){return"number"==typeof t?t:t[e]||0}const oo=()=>({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),io=()=>({x:{min:0,max:0},y:{min:0,max:0}});function so(t){return[t("x"),t("y")]}function ao({top:t,left:e,right:n,bottom:r}){return{x:{min:e,max:n},y:{min:t,max:r}}}function lo(t){return void 0===t||1===t}function co({scale:t,scaleX:e,scaleY:n}){return!lo(t)||!lo(e)||!lo(n)}function uo(t){return co(t)||ho(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ho(t){return po(t.x)||po(t.y)}function po(t){return t&&"0%"!==t}function mo(t,e,n){return n+e*(t-n)}function fo(t,e,n,r,o){return void 0!==o&&(t=mo(t,o,r)),mo(t,n,r)+e}function go(t,e=0,n=1,r,o){t.min=fo(t.min,e,n,r,o),t.max=fo(t.max,e,n,r,o)}function yo(t,{x:e,y:n}){go(t.x,e.translate,e.scale,e.originPoint),go(t.y,n.translate,n.scale,n.originPoint)}function vo(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function wo(t,e){t.min=t.min+e,t.max=t.max+e}function xo(t,e,[n,r,o]){const i=void 0!==e[o]?e[o]:.5,s=Ke(t.min,t.max,i);go(t,e[n],e[r],s,e.scale)}const bo=["x","scaleX","originX"],ko=["y","scaleY","originY"];function Eo(t,e){xo(t.x,e,bo),xo(t.y,e,ko)}function Po(t,e){return ao(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}const So=({current:t})=>t?t.ownerDocument.defaultView:null,Co=new WeakMap;class To{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=io(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:n}=this.visualElement;if(n&&!1===n.isPresent)return;this.panSession=new Ir(t,{onSessionStart:t=>{this.stopAnimation(),e&&this.snapToCursor(qt(t,"page").point)},onStart:(t,e)=>{const{drag:n,dragPropagation:r,onDragStart:o}=this.getProps();if(n&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=ee(n),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),so((t=>{let e=this.getAxisMotionValue(t).get()||0;if(Q.test(e)){const{projection:n}=this.visualElement;if(n&&n.layout){const r=n.layout.layoutBox[t];if(r){e=Xr(r)*(parseFloat(e)/100)}}}this.originPoint[t]=e})),o&&It.update((()=>o(t,e)),!1,!0);const{animationState:i}=this.visualElement;i&&i.setActive("whileDrag",!0)},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:r,onDirectionLock:o,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(r&&null===this.currentDirection)return this.currentDirection=function(t,e=10){let n=null;Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x");return n}(s),void(null!==this.currentDirection&&o&&o(this.currentDirection));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),i&&i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint(),contextWindow:So(this.visualElement)})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:r}=e;this.startAnimation(r);const{onDragEnd:o}=this.getProps();o&&It.update((()=>o(t,e)))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,n){const{drag:r}=this.getProps();if(!n||!Ao(t,r,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,{min:e,max:n},r){return void 0!==e&&t<e?t=r?Ke(e,t,r.min):Math.max(t,e):void 0!==n&&t>n&&(t=r?Ke(n,t,r.max):Math.min(t,n)),t}(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){var t;const{dragConstraints:e,dragElastic:n}=this.getProps(),r=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):null===(t=this.visualElement.projection)||void 0===t?void 0:t.layout,o=this.constraints;e&&h(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!e||!r)&&function(t,{top:e,left:n,bottom:r,right:o}){return{x:Qr(t.x,n,o),y:Qr(t.y,e,r)}}(r.layoutBox,e),this.elastic=function(t=eo){return!1===t?t=0:!0===t&&(t=eo),{x:no(t,"left","right"),y:no(t,"top","bottom")}}(n),o!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&so((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(r.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!h(t))return!1;const n=t.current;ye(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:r}=this.visualElement;if(!r||!r.layout)return!1;const o=function(t,e,n){const r=Po(t,n),{scroll:o}=e;return o&&(wo(r.x,o.offset.x),wo(r.y,o.offset.y)),r}(n,r.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:to(t.x,e.x),y:to(t.y,e.y)}}(r.layout.layoutBox,o);if(e){const t=e(function({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=ao(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:r,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=so((s=>{if(!Ao(s,e,this.currentDirection))return;let l=a&&a[s]||{};i&&(l={min:0,max:0});const c=r?200:1e6,u=r?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:c,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...o,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(cr(t,n,0,e))}stopAnimation(){so((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),n=this.visualElement.getProps(),r=n[e];return r||this.visualElement.getValue(t,(n.initial?n.initial[t]:void 0)||0)}snapToCursor(t){so((e=>{const{drag:n}=this.getProps();if(!Ao(e,n,this.currentDirection))return;const{projection:r}=this.visualElement,o=this.getAxisMotionValue(e);if(r&&r.layout){const{min:n,max:i}=r.layout.layoutBox[e];o.set(t[e]-Ke(n,i,.5))}}))}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:n}=this.visualElement;if(!h(e)||!n||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};so((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const r=Xr(t),o=Xr(e);return o>r?n=vn(e.min,e.max-r,t.min):r>o&&(n=vn(t.min,t.max-o,e.min)),$(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),so((e=>{if(!Ao(e,t,null))return;const n=this.getAxisMotionValue(e),{min:o,max:i}=this.constraints[e];n.set(Ke(o,i,r[e]))}))}addListeners(){if(!this.visualElement.current)return;Co.set(this.visualElement,this);const t=_t(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),e=()=>{const{dragConstraints:t}=this.getProps();h(t)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,r=n.addEventListener("measure",e);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),e();const o=Yt(window,"resize",(()=>this.scalePositionWithinConstraints())),i=n.addEventListener("didUpdate",(({delta:t,hasLayoutChanged:e})=>{this.isDragging&&e&&(so((e=>{const n=this.getAxisMotionValue(e);n&&(this.originPoint[e]+=t[e].translate,n.set(n.get()+t[e].translate))})),this.visualElement.render())}));return()=>{o(),t(),r(),i&&i()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:o=!1,dragElastic:i=eo,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:r,dragConstraints:o,dragElastic:i,dragMomentum:s}}}function Ao(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const Vo=t=>(e,n)=>{t&&It.update((()=>t(e,n)))};const Mo={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function Lo(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Ro={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!tt.test(t))return t;t=parseFloat(t)}return`${Lo(t,e.target.x)}% ${Lo(t,e.target.y)}%`}},Do={correct:(t,{treeScale:e,projectionDelta:n})=>{const r=t,o=hn.parse(t);if(o.length>5)return r;const i=hn.createTransformer(t),s="number"!=typeof o[0]?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;o[0+s]/=a,o[1+s]/=l;const c=Ke(a,l,.5);return"number"==typeof o[2+s]&&(o[2+s]/=c),"number"==typeof o[3+s]&&(o[3+s]/=c),i(o)}};class jo extends t.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:r}=this.props,{projection:o}=t;var i;i=No,Object.assign(L,i),o&&(e.group&&e.group.add(o),n&&n.register&&r&&n.register(o),o.root.didUpdate(),o.addEventListener("animationComplete",(()=>{this.safeToRemove()})),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),Mo.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:r,isPresent:o}=this.props,i=n.projection;return i?(i.isPresent=o,r||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==o&&(o?i.promote():i.relegate()||It.postRender((()=>{const t=i.getStack();t&&t.members.length||this.safeToRemove()}))),null):null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),queueMicrotask((()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()})))}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:r}=t;r&&(r.scheduleCheckAfterUnmount(),e&&e.group&&e.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function Bo(e){const[n,r]=function(){const e=t.useContext(s);if(null===e)return[!0,null];const{isPresent:n,onExitComplete:r,register:o}=e,i=t.useId();return t.useEffect((()=>o(i)),[]),!n&&r?[!1,()=>r&&r(i)]:[!0]}(),o=t.useContext(E);return t.createElement(jo,{...e,layoutGroup:o,switchLayoutGroup:t.useContext(P),isPresent:n,safeToRemove:r})}const No={borderRadius:{...Ro,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Ro,borderTopRightRadius:Ro,borderBottomLeftRadius:Ro,borderBottomRightRadius:Ro,boxShadow:Do},Fo=["TopLeft","TopRight","BottomLeft","BottomRight"],Oo=Fo.length,Io=t=>"string"==typeof t?parseFloat(t):t,zo=t=>"number"==typeof t||tt.test(t);function Uo(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const $o=Ho(0,.5,Fe),Wo=Ho(.5,.95,Nt);function Ho(t,e,n){return r=>r<t?0:r>e?1:n(vn(t,e,r))}function Yo(t,e){t.min=e.min,t.max=e.max}function Xo(t,e){Yo(t.x,e.x),Yo(t.y,e.y)}function qo(t,e,n,r,o){return t=mo(t-=e,1/n,r),void 0!==o&&(t=mo(t,1/o,r)),t}function Go(t,e,[n,r,o],i,s){!function(t,e=0,n=1,r=.5,o,i=t,s=t){Q.test(e)&&(e=parseFloat(e),e=Ke(s.min,s.max,e/100)-s.min);if("number"!=typeof e)return;let a=Ke(i.min,i.max,r);t===i&&(a-=e),t.min=qo(t.min,e,n,a,o),t.max=qo(t.max,e,n,a,o)}(t,e[n],e[r],e[o],e.scale,i,s)}const _o=["x","scaleX","originX"],Zo=["y","scaleY","originY"];function Ko(t,e,n,r){Go(t.x,e,_o,n?n.x:void 0,r?r.x:void 0),Go(t.y,e,Zo,n?n.y:void 0,r?r.y:void 0)}function Jo(t){return 0===t.translate&&1===t.scale}function Qo(t){return Jo(t.x)&&Jo(t.y)}function ti(t,e){return Math.round(t.x.min)===Math.round(e.x.min)&&Math.round(t.x.max)===Math.round(e.x.max)&&Math.round(t.y.min)===Math.round(e.y.min)&&Math.round(t.y.max)===Math.round(e.y.max)}function ei(t){return Xr(t.x)/Xr(t.y)}class ni{constructor(){this.members=[]}add(t){hr(this.members,t),t.scheduleRender()}remove(t){if(pr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let t=e;t>=0;t--){const e=this.members[t];if(!1!==e.isPresent){n=e;break}}return!!n&&(this.promote(n),!0)}promote(t,e){const n=this.lead;if(t!==n&&(this.prevLead=n,this.lead=t,t.show(),n)){n.instance&&n.scheduleRender(),t.scheduleRender(),t.resumeFrom=n,e&&(t.resumeFrom.preserveOpacity=!0),n.snapshot&&(t.snapshot=n.snapshot,t.snapshot.latestValues=n.animationValues||n.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&n.hide()}}exitAnimationComplete(){this.members.forEach((t=>{const{options:e,resumingFrom:n}=t;e.onExitComplete&&e.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function ri(t,e,n){let r="";const o=t.x.translate/e.x,i=t.y.translate/e.y;if((o||i)&&(r=`translate3d(${o}px, ${i}px, 0) `),1===e.x&&1===e.y||(r+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:o}=n;t&&(r+=`rotate(${t}deg) `),e&&(r+=`rotateX(${e}deg) `),o&&(r+=`rotateY(${o}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return 1===s&&1===a||(r+=`scale(${s}, ${a})`),r||"none"}const oi=(t,e)=>t.depth-e.depth;class ii{constructor(){this.children=[],this.isDirty=!1}add(t){hr(this.children,t),this.isDirty=!0}remove(t){pr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(oi),this.isDirty=!1,this.children.forEach(t)}}const si=["","X","Y","Z"],ai={visibility:"hidden"};let li=0;const ci={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function ui({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:r,resetTransform:o}){return class{constructor(t={},n=(null==e?void 0:e())){this.id=li++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{var t;this.projectionUpdateScheduled=!1,ci.totalNodes=ci.resolvedTargetDeltas=ci.recalculatedProjection=0,this.nodes.forEach(pi),this.nodes.forEach(xi),this.nodes.forEach(bi),this.nodes.forEach(mi),t=ci,window.MotionDebug&&window.MotionDebug.record(t)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=t,this.root=n?n.root||n:this,this.path=n?[...n.path,n]:[],this.parent=n,this.depth=n?n.depth+1:0;for(let t=0;t<this.path.length;t++)this.path[t].shouldResetTransform=!0;this.root===this&&(this.nodes=new ii)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new mr),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const n=this.eventHandlers.get(t);n&&n.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}mount(e,n=this.root.hasTreeAnimated){if(this.instance)return;var r;this.isSVG=(r=e)instanceof SVGElement&&"svg"!==r.tagName,this.instance=e;const{layoutId:o,layout:i,visualElement:s}=this.options;if(s&&!s.current&&s.mount(e),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),n&&(i||o)&&(this.isLayoutDirty=!0),t){let n;const r=()=>this.root.updateBlockedByResize=!1;t(e,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=function(t,e){const n=performance.now(),r=({timestamp:o})=>{const i=o-n;i>=e&&(zt(r),t(i-e))};return It.read(r,!0),()=>zt(r)}(r,250),Mo.hasAnimatedSinceResize&&(Mo.hasAnimatedSinceResize=!1,this.nodes.forEach(wi))}))}o&&this.root.registerSharedNode(o,this),!1!==this.options.animate&&s&&(o||i)&&this.addEventListener("didUpdate",(({delta:t,hasLayoutChanged:e,hasRelativeTargetChanged:n,layout:r})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const o=this.options.transition||s.getDefaultTransition()||Ti,{onLayoutAnimationStart:i,onLayoutAnimationComplete:a}=s.getProps(),l=!this.targetLayout||!ti(this.targetLayout,r)||n,c=!e&&n;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||c||e&&(l||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(t,c);const e={...lr(o,"layout"),onPlay:i,onComplete:a};(s.shouldReduceMotion||this.options.layoutRoot)&&(e.delay=0,e.type=!1),this.startAnimation(e)}else e||wi(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=r}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const t=this.getStack();t&&t.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,zt(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(ki),this.animationId++)}getTransformTemplate(){const{visualElement:t}=this.options;return t&&t.getProps().transformTemplate}willUpdate(t=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let t=0;t<this.path.length;t++){const e=this.path[t];e.shouldResetTransform=!0,e.updateScroll("snapshot"),e.options.layoutRoot&&e.willUpdate(!1)}const{layoutId:e,layout:n}=this.options;if(void 0===e&&!n)return;const r=this.getTransformTemplate();this.prevTransformTemplateValue=r?r(this.latestValues,""):void 0,this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}update(){this.updateScheduled=!1;if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(gi);this.isUpdating||this.nodes.forEach(yi),this.isUpdating=!1,this.nodes.forEach(vi),this.nodes.forEach(di),this.nodes.forEach(hi),this.clearAllSnapshots();const t=performance.now();Ut.delta=$(0,1e3/60,t-Ut.timestamp),Ut.timestamp=t,Ut.isProcessing=!0,$t.update.process(Ut),$t.preRender.process(Ut),$t.render.process(Ut),Ut.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask((()=>this.update())))}clearAllSnapshots(){this.nodes.forEach(fi),this.sharedNodes.forEach(Ei)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,It.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){It.postRender((()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t<this.path.length;t++){this.path[t].updateScroll()}const t=this.layout;this.layout=this.measure(!1),this.layoutCorrected=io(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:e}=this.options;e&&e.notify("LayoutMeasure",this.layout.layoutBox,t?t.layoutBox:void 0)}updateScroll(t="measure"){let e=Boolean(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&(this.scroll={animationId:this.root.animationId,phase:t,isRoot:r(this.instance),offset:n(this.instance)})}resetTransform(){if(!o)return;const t=this.isLayoutDirty||this.shouldResetTransform,e=this.projectionDelta&&!Qo(this.projectionDelta),n=this.getTransformTemplate(),r=n?n(this.latestValues,""):void 0,i=r!==this.prevTransformTemplateValue;t&&(e||uo(this.latestValues)||i)&&(o(this.instance,r),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let n=this.removeElementScroll(e);var r;return t&&(n=this.removeTransform(n)),Mi((r=n).x),Mi(r.y),{animationId:this.root.animationId,measuredBox:e,layoutBox:n,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return io();const e=t.measureViewportBox(),{scroll:n}=this.root;return n&&(wo(e.x,n.offset.x),wo(e.y,n.offset.y)),e}removeElementScroll(t){const e=io();Xo(e,t);for(let n=0;n<this.path.length;n++){const r=this.path[n],{scroll:o,options:i}=r;if(r!==this.root&&o&&i.layoutScroll){if(o.isRoot){Xo(e,t);const{scroll:n}=this.root;n&&(wo(e.x,-n.offset.x),wo(e.y,-n.offset.y))}wo(e.x,o.offset.x),wo(e.y,o.offset.y)}}return e}applyTransform(t,e=!1){const n=io();Xo(n,t);for(let t=0;t<this.path.length;t++){const r=this.path[t];!e&&r.options.layoutScroll&&r.scroll&&r!==r.root&&Eo(n,{x:-r.scroll.offset.x,y:-r.scroll.offset.y}),uo(r.latestValues)&&Eo(n,r.latestValues)}return uo(this.latestValues)&&Eo(n,this.latestValues),n}removeTransform(t){const e=io();Xo(e,t);for(let t=0;t<this.path.length;t++){const n=this.path[t];if(!n.instance)continue;if(!uo(n.latestValues))continue;co(n.latestValues)&&n.updateSnapshot();const r=io();Xo(r,n.measurePageBox()),Ko(e,n.latestValues,n.snapshot?n.snapshot.layoutBox:void 0,r)}return uo(this.latestValues)&&Ko(e,this.latestValues),e}setTargetDelta(t){this.targetDelta=t,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(t){this.options={...this.options,...t,crossfade:void 0===t.crossfade||t.crossfade}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==Ut.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(t=!1){var e;const n=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=n.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=n.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=n.isSharedProjectionDirty);const r=Boolean(this.resumingFrom)||this!==n;if(!(t||r&&this.isSharedProjectionDirty||this.isProjectionDirty||(null===(e=this.parent)||void 0===e?void 0:e.isProjectionDirty)||this.attemptToResolveRelativeTarget))return;const{layout:o,layoutId:i}=this.options;if(this.layout&&(o||i)){if(this.resolvedRelativeTargetAt=Ut.timestamp,!this.targetDelta&&!this.relativeTarget){const t=this.getClosestProjectingParent();t&&t.layout&&1!==this.animationProgress?(this.relativeParent=t,this.forceRelativeParentToResolveTarget(),this.relativeTarget=io(),this.relativeTargetOrigin=io(),Jr(this.relativeTargetOrigin,this.layout.layoutBox,t.layout.layoutBox),Xo(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(this.relativeTarget||this.targetDelta){var s,a,l;if(this.target||(this.target=io(),this.targetWithTransforms=io()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),s=this.target,a=this.relativeTarget,l=this.relativeParent.target,Zr(s.x,a.x,l.x),Zr(s.y,a.y,l.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):Xo(this.target,this.layout.layoutBox),yo(this.target,this.targetDelta)):Xo(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const t=this.getClosestProjectingParent();t&&Boolean(t.resumingFrom)===Boolean(this.resumingFrom)&&!t.options.layoutScroll&&t.target&&1!==this.animationProgress?(this.relativeParent=t,this.forceRelativeParentToResolveTarget(),this.relativeTarget=io(),this.relativeTargetOrigin=io(),Jr(this.relativeTargetOrigin,this.target,t.target),Xo(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}ci.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(this.parent&&!co(this.parent.latestValues)&&!ho(this.parent.latestValues))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var t;const e=this.getLead(),n=Boolean(this.resumingFrom)||this!==e;let r=!0;if((this.isProjectionDirty||(null===(t=this.parent)||void 0===t?void 0:t.isProjectionDirty))&&(r=!1),n&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(r=!1),this.resolvedRelativeTargetAt===Ut.timestamp&&(r=!1),r)return;const{layout:o,layoutId:i}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!o&&!i)return;Xo(this.layoutCorrected,this.layout.layoutBox);const s=this.treeScale.x,a=this.treeScale.y;!function(t,e,n,r=!1){const o=n.length;if(!o)return;let i,s;e.x=e.y=1;for(let a=0;a<o;a++){i=n[a],s=i.projectionDelta;const o=i.instance;o&&o.style&&"contents"===o.style.display||(r&&i.options.layoutScroll&&i.scroll&&i!==i.root&&Eo(t,{x:-i.scroll.offset.x,y:-i.scroll.offset.y}),s&&(e.x*=s.x.scale,e.y*=s.y.scale,yo(t,s)),r&&uo(i.latestValues)&&Eo(t,i.latestValues))}e.x=vo(e.x),e.y=vo(e.y)}(this.layoutCorrected,this.treeScale,this.path,n),!e.layout||e.target||1===this.treeScale.x&&1===this.treeScale.y||(e.target=e.layout.layoutBox);const{target:l}=e;if(!l)return void(this.projectionTransform&&(this.projectionDelta=oo(),this.projectionTransform="none",this.scheduleRender()));this.projectionDelta||(this.projectionDelta=oo(),this.projectionDeltaWithTransform=oo());const c=this.projectionTransform;_r(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.projectionTransform=ri(this.projectionDelta,this.treeScale),this.projectionTransform===c&&this.treeScale.x===s&&this.treeScale.y===a||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",l)),ci.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){if(this.options.scheduleRender&&this.options.scheduleRender(),t){const t=this.getStack();t&&t.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(t,e=!1){const n=this.snapshot,r=n?n.latestValues:{},o={...this.latestValues},i=oo();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!e;const s=io(),a=(n?n.source:void 0)!==(this.layout?this.layout.source:void 0),l=this.getStack(),c=!l||l.members.length<=1,u=Boolean(a&&!c&&!0===this.options.crossfade&&!this.path.some(Ci));let d;this.animationProgress=0,this.mixTargetDelta=e=>{const n=e/1e3;var l,h,p,m,f,g;Pi(i.x,t.x,n),Pi(i.y,t.y,n),this.setTargetDelta(i),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Jr(s,this.layout.layoutBox,this.relativeParent.layout.layoutBox),p=this.relativeTarget,m=this.relativeTargetOrigin,f=s,g=n,Si(p.x,m.x,f.x,g),Si(p.y,m.y,f.y,g),d&&(l=this.relativeTarget,h=d,l.x.min===h.x.min&&l.x.max===h.x.max&&l.y.min===h.y.min&&l.y.max===h.y.max)&&(this.isProjectionDirty=!1),d||(d=io()),Xo(d,this.relativeTarget)),a&&(this.animationValues=o,function(t,e,n,r,o,i){o?(t.opacity=Ke(0,void 0!==n.opacity?n.opacity:1,$o(r)),t.opacityExit=Ke(void 0!==e.opacity?e.opacity:1,0,Wo(r))):i&&(t.opacity=Ke(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,r));for(let o=0;o<Oo;o++){const i=`border${Fo[o]}Radius`;let s=Uo(e,i),a=Uo(n,i);void 0===s&&void 0===a||(s||(s=0),a||(a=0),0===s||0===a||zo(s)===zo(a)?(t[i]=Math.max(Ke(Io(s),Io(a),r),0),(Q.test(a)||Q.test(s))&&(t[i]+="%")):t[i]=a)}(e.rotate||n.rotate)&&(t.rotate=Ke(e.rotate||0,n.rotate||0,r))}(o,r,this.latestValues,n,u,c)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=n},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(t){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(zt(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=It.update((()=>{Mo.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){const r=B(t)?t:vr(t);return r.start(cr("",r,e,n)),r.animation}(0,1e3,{...t,onUpdate:e=>{this.mixTargetDelta(e),t.onUpdate&&t.onUpdate(e)},onComplete:()=>{t.onComplete&&t.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const t=this.getStack();t&&t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:r,latestValues:o}=t;if(e&&n&&r){if(this!==t&&this.layout&&r&&Li(this.options.animationType,this.layout.layoutBox,r.layoutBox)){n=this.target||io();const e=Xr(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const r=Xr(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+r}Xo(e,n),Eo(e,o),_r(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new ni);this.sharedNodes.get(t).add(e);const n=e.options.initialPromotionConfig;e.promote({transition:n?n.transition:void 0,preserveFollowOpacity:n&&n.shouldPreserveFollowOpacity?n.shouldPreserveFollowOpacity(e):void 0})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:n}={}){const r=this.getStack();r&&r.promote(this,n),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const r={};for(let e=0;e<si.length;e++){const o="rotate"+si[e];n[o]&&(r[o]=n[o],t.setStaticValue(o,0))}t.render();for(const e in r)t.setStaticValue(e,r[e]);t.scheduleRender()}getProjectionStyles(t){var e,n;if(!this.instance||this.isSVG)return;if(!this.isVisible)return ai;const r={visibility:""},o=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,r.opacity="",r.pointerEvents=Dt(null==t?void 0:t.pointerEvents)||"",r.transform=o?o(this.latestValues,""):"none",r;const i=this.getLead();if(!this.projectionDelta||!this.layout||!i.target){const e={};return this.options.layoutId&&(e.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,e.pointerEvents=Dt(null==t?void 0:t.pointerEvents)||""),this.hasProjected&&!uo(this.latestValues)&&(e.transform=o?o({},""):"none",this.hasProjected=!1),e}const s=i.animationValues||i.latestValues;this.applyTransformsToTarget(),r.transform=ri(this.projectionDeltaWithTransform,this.treeScale,s),o&&(r.transform=o(s,r.transform));const{x:a,y:l}=this.projectionDelta;r.transformOrigin=`${100*a.origin}% ${100*l.origin}% 0`,i.animationValues?r.opacity=i===this?null!==(n=null!==(e=s.opacity)&&void 0!==e?e:this.latestValues.opacity)&&void 0!==n?n:1:this.preserveOpacity?this.latestValues.opacity:s.opacityExit:r.opacity=i===this?void 0!==s.opacity?s.opacity:"":void 0!==s.opacityExit?s.opacityExit:0;for(const t in L){if(void 0===s[t])continue;const{correct:e,applyTo:n}=L[t],o="none"===r.transform?s[t]:e(s[t],i);if(n){const t=n.length;for(let e=0;e<t;e++)r[n[e]]=o}else r[t]=o}return this.options.layoutId&&(r.pointerEvents=i===this?Dt(null==t?void 0:t.pointerEvents)||"":"none"),r}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach((t=>{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(gi),this.root.sharedNodes.clear()}}}function di(t){t.updateLayout()}function hi(t){var e;const n=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&n&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:r}=t.layout,{animationType:o}=t.options,i=n.source!==t.layout.source;"size"===o?so((t=>{const r=i?n.measuredBox[t]:n.layoutBox[t],o=Xr(r);r.min=e[t].min,r.max=r.min+o})):Li(o,n.layoutBox,e)&&so((r=>{const o=i?n.measuredBox[r]:n.layoutBox[r],s=Xr(e[r]);o.max=o.min+s,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[r].max=t.relativeTarget[r].min+s)}));const s=oo();_r(s,e,n.layoutBox);const a=oo();i?_r(a,t.applyTransform(r,!0),n.measuredBox):_r(a,e,n.layoutBox);const l=!Qo(s);let c=!1;if(!t.resumeFrom){const r=t.getClosestProjectingParent();if(r&&!r.resumeFrom){const{snapshot:o,layout:i}=r;if(o&&i){const s=io();Jr(s,n.layoutBox,o.layoutBox);const a=io();Jr(a,e,i.layoutBox),ti(s,a)||(c=!0),r.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=r)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:n,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:c})}else if(t.isLead()){const{onExitComplete:e}=t.options;e&&e()}t.options.transition=void 0}function pi(t){ci.totalNodes++,t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=Boolean(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function mi(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function fi(t){t.clearSnapshot()}function gi(t){t.clearMeasurements()}function yi(t){t.isLayoutDirty=!1}function vi(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function wi(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function xi(t){t.resolveTargetDelta()}function bi(t){t.calcProjection()}function ki(t){t.resetRotation()}function Ei(t){t.removeLeadSnapshot()}function Pi(t,e,n){t.translate=Ke(e.translate,0,n),t.scale=Ke(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Si(t,e,n,r){t.min=Ke(e.min,n.min,r),t.max=Ke(e.max,n.max,r)}function Ci(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const Ti={duration:.45,ease:[.4,0,.1,1]},Ai=t=>"undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().includes(t),Vi=Ai("applewebkit/")&&!Ai("chrome/")?Math.round:Nt;function Mi(t){t.min=Vi(t.min),t.max=Vi(t.max)}function Li(t,e,n){return"position"===t||"preserve-aspect"===t&&!qr(ei(e),ei(n),.2)}const Ri=ui({attachResizeListener:(t,e)=>Yt(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Di={current:void 0},ji=ui({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Di.current){const t=new Ri({});t.mount(window),t.setOptions({layoutScroll:!0}),Di.current=t}return Di.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>Boolean("fixed"===window.getComputedStyle(t).position)}),Bi={pan:{Feature:class extends re{constructor(){super(...arguments),this.removePointerDownListener=Nt}onPointerDown(t){this.session=new Ir(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:So(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:e,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:Vo(t),onStart:Vo(e),onMove:n,onEnd:(t,e)=>{delete this.session,r&&It.update((()=>r(t,e)))}}}mount(){this.removePointerDownListener=_t(this.node.current,"pointerdown",(t=>this.onPointerDown(t)))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends re{constructor(t){super(t),this.removeGroupControls=Nt,this.removeListeners=Nt,this.controls=new To(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Nt}unmount(){this.removeGroupControls(),this.removeListeners()}},ProjectionNode:ji,MeasureLayout:Bo}},Ni=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const Fi=4;function Oi(t,e,n=1){ye(n<=Fi,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[r,o]=function(t){const e=Ni.exec(t);if(!e)return[,];const[,n,r]=e;return[n,r]}(t);if(!r)return;const i=window.getComputedStyle(e).getPropertyValue(r);if(i){const t=i.trim();return dr(t)?parseFloat(t):t}return z(o)?Oi(o,e,n+1):o}const Ii=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),zi=t=>Ii.has(t),Ui=t=>t===W||t===tt,$i=(t,e)=>parseFloat(t.split(", ")[e]),Wi=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const o=r.match(/^matrix3d\((.+)\)$/);if(o)return $i(o[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?$i(e[1],t):0}},Hi=new Set(["x","y","z"]),Yi=R.filter((t=>!Hi.has(t)));const Xi={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:Wi(4,13),y:Wi(5,14)};Xi.translateX=Xi.x,Xi.translateY=Xi.y;const qi=(t,e,n={},r={})=>{e={...e},r={...r};const o=Object.keys(e).filter(zi);let i=[],s=!1;const l=[];if(o.forEach((o=>{const a=t.getValue(o);if(!t.hasValue(o))return;let c=n[o],u=br(c);const d=e[o];let h;if(Mt(d)){const t=d.length,e=null===d[0]?1:0;c=d[e],u=br(c);for(let n=e;n<t&&null!==d[n];n++)h?ye(br(d[n])===h,"All keyframes must be of the same type"):(h=br(d[n]),ye(h===u||Ui(u)&&Ui(h),"Keyframes must be of the same dimension as the current value"))}else h=br(d);if(u!==h)if(Ui(u)&&Ui(h)){const t=a.get();"string"==typeof t&&a.set(parseFloat(t)),"string"==typeof d?e[o]=parseFloat(d):Array.isArray(d)&&h===tt&&(e[o]=d.map(parseFloat))}else(null==u?void 0:u.transform)&&(null==h?void 0:h.transform)&&(0===c||0===d)?0===c?a.set(h.transform(c)):e[o]=u.transform(d):(s||(i=function(t){const e=[];return Yi.forEach((n=>{const r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),l.push(o),r[o]=void 0!==r[o]?r[o]:e[o],a.jump(d))})),l.length){const n=l.indexOf("height")>=0?window.pageYOffset:null,o=((t,e,n)=>{const r=e.measureViewportBox(),o=e.current,i=getComputedStyle(o),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Xi[t](r,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const r=e.getValue(n);r&&r.jump(a[n]),t[n]=Xi[n](l,i)})),t})(e,t,l);return i.length&&i.forEach((([e,n])=>{t.getValue(e).set(n)})),t.render(),a&&null!==n&&window.scrollTo({top:n}),{target:o,transitionEnd:r}}return{target:e,transitionEnd:r}};function Gi(t,e,n,r){return(t=>Object.keys(t).some(zi))(e)?qi(t,e,n,r):{target:e,transitionEnd:r}}const _i=(t,e,n,r)=>{const o=function(t,{...e},n){const r=t.current;if(!(r instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!z(e))return;const n=Oi(e,r);n&&t.set(n)}));for(const t in e){const o=e[t];if(!z(o))continue;const i=Oi(o,r);i&&(e[t]=i,n||(n={}),void 0===n[t]&&(n[t]=o))}return{target:e,transitionEnd:n}}(t,e,r);return Gi(t,e=o.target,n,r=o.transitionEnd)},Zi={current:null},Ki={current:!1};const Ji=new WeakMap,Qi=Object.keys(k),ts=Qi.length,es=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],ns=g.length;class rs{constructor({parent:t,props:e,presenceContext:n,reducedMotionConfig:r,visualState:o},i={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>It.render(this.render,!1,!0);const{latestValues:s,renderState:a}=o;this.latestValues=s,this.baseTarget={...s},this.initialValues=e.initial?{...s}:{},this.renderState=a,this.parent=t,this.props=e,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=r,this.options=i,this.isControllingVariants=y(e),this.isVariantNode=v(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:l,...c}=this.scrapeMotionValuesFromProps(e,{});for(const t in c){const e=c[t];void 0!==s[t]&&B(e)&&(e.set(s[t],!1),ur(l)&&l.add(t))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,Ji.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ki.current||function(){if(Ki.current=!0,a)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Zi.current=t.matches;t.addListener(e),e()}else Zi.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Zi.current),"production"!==process.env.NODE_ENV&&gr(!0!==this.shouldReduceMotion,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){Ji.delete(this.current),this.projection&&this.projection.unmount(),zt(this.notifyUpdate),zt(this.render),this.valueSubscriptions.forEach((t=>t())),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const n=D.has(t),r=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&It.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),o=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{r(),o()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures({children:t,...e},n,r,o){let i,s;if("production"!==process.env.NODE_ENV&&r&&n){const t="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?ge(!1,t):ye(!1,t)}for(let t=0;t<ts;t++){const n=Qi[t],{isEnabled:r,Feature:o,ProjectionNode:a,MeasureLayout:l}=k[n];a&&(i=a),r(e)&&(!this.features[n]&&o&&(this.features[n]=new o(this)),l&&(s=l))}if(!this.projection&&i){this.projection=new i(this.latestValues,this.parent&&this.parent.projection);const{layoutId:t,layout:n,drag:r,dragConstraints:s,layoutScroll:a,layoutRoot:l}=e;this.projection.setOptions({layoutId:t,layout:n,alwaysMeasureLayout:Boolean(r)||s&&h(s),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:o,layoutScroll:a,layoutRoot:l})}return s}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):io()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let e=0;e<es.length;e++){const n=es[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const r=t["on"+n];r&&(this.propEventSubscriptions[n]=this.on(n,r))}this.prevMotionValues=function(t,e,n){const{willChange:r}=e;for(const o in e){const i=e[o],s=n[o];if(B(i))t.addValue(o,i),ur(r)&&r.add(o),"development"===process.env.NODE_ENV&&gr("10.16.16"===i.version,`Attempting to mix Framer Motion versions ${i.version} with 10.16.16 may not work as expected.`);else if(B(s))t.addValue(o,vr(i,{owner:t})),ur(r)&&r.remove(o);else if(s!==i)if(t.hasValue(o)){const e=t.getValue(o);!e.hasAnimated&&e.set(i)}else{const e=t.getStaticValue(o);t.addValue(o,vr(void 0!==e?e:i,{owner:t}))}}for(const r in n)void 0===e[r]&&t.removeValue(r);return e}(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const t=this.parent&&this.parent.getVariantContext()||{};return void 0!==this.props.initial&&(t.initial=this.props.initial),t}const e={};for(let t=0;t<ns;t++){const n=g[t],r=this.props[n];(p(r)||!1===r)&&(e[n]=r)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=vr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){var e;return void 0===this.latestValues[t]&&this.current?null!==(e=this.getBaseTargetFromProps(this.props,t))&&void 0!==e?e:this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,r="string"==typeof n||"object"==typeof n?null===(e=At(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==r)return r;const o=this.getBaseTargetFromProps(this.props,t);return void 0===o||B(o)?void 0!==this.initialValues[t]&&void 0===r?void 0:this.baseTarget[t]:o}on(t,e){return this.events[t]||(this.events[t]=new mr),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}class os extends rs{sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){return t.style?t.style[e]:void 0}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n},{transformValues:r},o){let i=function(t,e,n){const r={};for(const o in t){const t=Pr(o,e);if(void 0!==t)r[o]=t;else{const t=n.getValue(o);t&&(r[o]=t.get())}}return r}(n,t||{},this);if(r&&(e&&(e=r(e)),n&&(n=r(n)),i&&(i=r(i))),o){!function(t,e,n){var r,o;const i=Object.keys(e).filter((e=>!t.hasValue(e))),s=i.length;var a;if(s)for(let l=0;l<s;l++){const s=i[l],c=e[s];let u=null;Array.isArray(c)&&(u=c[0]),null===u&&(u=null!==(o=null!==(r=n[s])&&void 0!==r?r:t.readValue(s))&&void 0!==o?o:e[s]),null!=u&&("string"==typeof u&&(dr(u)||sr(u))?u=parseFloat(u):(a=u,!kr.find(wr(a))&&hn.test(c)&&(u=ir(s,c))),t.addValue(s,vr(u,{owner:t})),void 0===n[s]&&(n[s]=u),null!==u&&t.setBaseTarget(s,u))}}(this,n,i);const t=_i(this,n,i,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class is extends os{readValueFromInstance(t,e){if(D.has(e)){const t=or(e);return t&&t.default||0}{const r=(n=t,window.getComputedStyle(n)),o=(I(e)?r.getPropertyValue(e):r[e])||0;return"string"==typeof o?o.trim():o}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return Po(t,e)}build(t,e,n,r){st(t,e,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,e){return Ct(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;B(t)&&(this.childSubscription=t.on("change",(t=>{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,r){Et(t,e,n,r)}}class ss extends os{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){if(D.has(e)){const t=or(e);return t&&t.default||0}return e=Pt.has(e)?e:u(e),t.getAttribute(e)}measureInstanceViewportBox(){return io()}scrapeMotionValuesFromProps(t,e){return Tt(t,e)}build(t,e,n,r){vt(t,e,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,e,n,r){St(t,e,0,r)}mount(t){this.isSVGTag=xt(t.tagName),super.mount(t)}}const as=(t,e)=>M(t)?new ss(e,{enableHardwareAcceleration:!1}):new is(e,{enableHardwareAcceleration:!0}),ls={...Fr,...pe,...Bi,...{layout:{ProjectionNode:ji,MeasureLayout:Bo}}},cs=A(((t,e)=>function(t,{forwardMotionProps:e=!1},n,r){return{...M(t)?Wt:Ht,preloadedFeatures:n,useRender:kt(e),createVisualElement:r,Component:t}}(t,e,ls,as)));function us(){const e=t.useRef(!1);return l((()=>(e.current=!0,()=>{e.current=!1})),[]),e}class ds extends n.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function hs({children:e,isPresent:r}){const o=t.useId(),i=t.useRef(null),s=t.useRef({width:0,height:0,top:0,left:0});return t.useInsertionEffect((()=>{const{width:t,height:e,top:n,left:a}=s.current;if(r||!i.current||!t||!e)return;i.current.dataset.motionPopId=o;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n          [data-motion-pop-id="${o}"] {\n            position: absolute !important;\n            width: ${t}px !important;\n            height: ${e}px !important;\n            top: ${n}px !important;\n            left: ${a}px !important;\n          }\n        `),()=>{document.head.removeChild(l)}}),[r]),n.createElement(ds,{isPresent:r,childRef:i,sizeRef:s},n.cloneElement(e,{ref:i}))}const ps=({children:e,initial:r,isPresent:o,onExitComplete:i,custom:a,presenceAffectsLayout:l,mode:c})=>{const u=Vt(ms),d=t.useId(),h=t.useMemo((()=>({id:d,initial:r,isPresent:o,custom:a,onExitComplete:t=>{u.set(t,!0);for(const t of u.values())if(!t)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),l?void 0:[o]);return t.useMemo((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[o]),n.useEffect((()=>{!o&&!u.size&&i&&i()}),[o]),"popLayout"===c&&(e=n.createElement(hs,{isPresent:o},e)),n.createElement(s.Provider,{value:h},e)};function ms(){return new Map}const fs=t=>t.key||"";const gs=({children:e,custom:r,initial:o=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:c="sync"})=>{ye(!s,"Replace exitBeforeEnter with mode='wait'");const u=t.useContext(E).forceRender||function(){const e=us(),[n,r]=t.useState(0),o=t.useCallback((()=>{e.current&&r(n+1)}),[n]);return[t.useCallback((()=>It.postRender(o)),[o]),n]}()[0],d=us(),h=function(e){const n=[];return t.Children.forEach(e,(e=>{t.isValidElement(e)&&n.push(e)})),n}(e);let p=h;const m=t.useRef(new Map).current,f=t.useRef(p),g=t.useRef(new Map).current,y=t.useRef(!0);var v;if(l((()=>{y.current=!1,function(t,e){t.forEach((t=>{const n=fs(t);e.set(n,t)}))}(h,g),f.current=p})),v=()=>{y.current=!0,g.clear(),m.clear()},t.useEffect((()=>()=>v()),[]),y.current)return n.createElement(n.Fragment,null,p.map((t=>n.createElement(ps,{key:fs(t),isPresent:!0,initial:!!o&&void 0,presenceAffectsLayout:a,mode:c},t))));p=[...p];const w=f.current.map(fs),x=h.map(fs),b=w.length;for(let t=0;t<b;t++){const e=w[t];-1!==x.indexOf(e)||m.has(e)||m.set(e,void 0)}return"wait"===c&&m.size&&(p=[]),m.forEach(((t,e)=>{if(-1!==x.indexOf(e))return;const o=g.get(e);if(!o)return;const s=w.indexOf(e);let l=t;if(!l){const t=()=>{m.delete(e);const t=Array.from(g.keys()).filter((t=>!x.includes(t)));if(t.forEach((t=>g.delete(t))),f.current=h.filter((n=>{const r=fs(n);return r===e||t.includes(r)})),!m.size){if(!1===d.current)return;u(),i&&i()}};l=n.createElement(ps,{key:fs(o),isPresent:!1,onExitComplete:t,custom:r,presenceAffectsLayout:a,mode:c},o),m.set(e,l)}p.splice(s,0,l)})),p=p.map((t=>{const e=t.key;return m.has(e)?t:n.createElement(ps,{key:fs(t),isPresent:!0,presenceAffectsLayout:a,mode:c},t)})),"production"!==process.env.NODE_ENV&&"wait"===c&&p.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),n.createElement(n.Fragment,null,m.size?p:p.map((e=>t.cloneElement(e))))};function ys(){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6"},t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"}))}function vs(e){var n=e.onClick;return t.createElement("svg",{onClick:function(t){t.preventDefault(),t.stopPropagation(),n&&n(t)},xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-7 cursor-pointer hover:text-red-400 dark:hover:text-red-500 h-7"},t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}function ws(){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6"},t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"}))}function xs(){return t.createElement("svg",{className:"w-4 h-4",viewBox:"0 0 20 20"},t.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},t.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),t.createElement("path",{d:"M8 17l-6-6 6-6"})))}function bs(e){var n=e.down,r=void 0!==n&&n;return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-4 h-4 ".concat(r&&"rotate-180")},t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18"}))}function ks(e){var n=e.allowHover,r=null==n||n;return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"group-hover:fill-white group-data-[slot=selected]:text-white group-data-[slot=selected]:fill-white group-focus/a:text-white group-focus/a:fill-white group-focus/a:dark:text-sky-400 group-focus/a:dark:fill-sky-400 group-data-[slot=selected]:dark:text-sky-400 group-data-[slot=selected]:dark:fill-sky-400 ".concat(r&&"dark:group-hover:fill-sky-400 group-hover:text-white dark:group-hover:text-sky-400"," dark:fill-white scale-[0.8]")},t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"}))}var Es;function Ps(e){var n=e.keyType,r=e.onClick,o=e.control,i=t.useRef(null),s=t.useRef(),a=t.useRef(),l=t.useRef(),c=t.useState(!1),u=c[0],d=c[1],h=null!=o&&o,p=["k"];return t.useEffect((function(){return h?(s.current=function(t){t.target==document.body&&p.some((function(e){return e==t.key.toLowerCase()}))&&t.preventDefault(),t.repeat||"control"==t.key.toLowerCase()&&d(!0)},a.current=function(t){"control"==t.key.toLowerCase()&&d(!1)},window.addEventListener("keydown",s.current),window.addEventListener("keyup",a.current),function(){window.removeEventListener("keydown",s.current),window.removeEventListener("keyup",a.current)}):(d(!1),s.current&&window.removeEventListener("keydown",s.current),void(a.current&&window.removeEventListener("keyup",a.current)))}),[s,a,h]),t.useEffect((function(){if(i.current){var t=document.body;return l.current=function(t){var e;if("control"!=t.key.toLowerCase()&&t.key.toLowerCase()==(n==Es.ESC?"escape":n==Es.UP?"arrowup":n==Es.DOWN?"arrowdown":n).toLowerCase()){if(h&&!u)return;null===(e=i.current)||void 0===e||e.click()}},t.addEventListener("keyup",l.current),function(){t.removeEventListener("keyup",l.current)}}}),[l,n,u]),t.createElement("div",{ref:i,onClick:r,className:"outline outline-1 dark:bg-slate-600 uppercase dark:outline-slate-700 dark:hover:outline-slate-400 h-6 flex items-center justify-center hover:outline-gray-400 outline-gray-300 rounded-[8px] bg-slate-100 px-1 font-mono cursor-pointer"},t.createElement("div",{className:"text-gray-700 text-xs font-semibold dark:text-gray-300 *:flex *:items-center *:select-none"},n==Es.UP?t.createElement("div",null,t.createElement(bs,null),t.createElement("p",null,"Next")):n==Es.DOWN?t.createElement("div",null,t.createElement(bs,{down:!0}),t.createElement("p",null,"Previous")):n==Es.ENTER?t.createElement("div",{className:"p-1"},t.createElement(xs,null)):t.createElement("p",null,(h?"Ctrl+":"").concat(n))))}!function(t){t.ESC="esc",t.ENTER="enter",t.K="K",t.UP="UP",t.DOWN="DOWN"}(Es||(Es={}));var Ss=function(){return Ss=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},Ss.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var Cs=function(e){var n=t.useState([]),r=n[0],o=n[1],i=e.animate,s=e.duration,a=e.selectedIndex,l=e.openInNewTab,c=-1==a;t.useEffect((function(){var t=localStorage.getItem(Bs);if(null!=t){var e=JSON.parse(t);o(e)}}),[]);return t.createElement(t.Fragment,null,t.createElement(gs,null,0==r.length?t.createElement("div",{className:"text-center py-10 font-medium text-gray-500 text-lg"},"No recent searches"):t.createElement("section",{className:"flex flex-col"},t.createElement("div",{className:"flex"},t.createElement(cs.h3,{initial:{opacity:i?0:1},animate:{opacity:1},transition:{duration:s},exit:{opacity:i?0:1},className:"text-lg dark:text-white py-2 font-medium px-2 rounded-md"},"Recent")),r.map((function(e,n){var u=e.item,d=a%r.length==n;return t.createElement(cs.a,{target:l?"_blank":"",initial:{opacity:i?0:1},animate:{opacity:1},transition:{duration:s},exit:{opacity:i?0:1},key:n,href:u.href},t.createElement("li",{"data-slot":d?"selected":"",className:"border-b-slate-200 data-[slot=selected]:dark:bg-slate-700\n                                                ".concat(c&&"hover:bg-slate-100 dark:hover:bg-slate-700","  data-[slot=selected]:bg-slate-100\n                                              dark:text-white dark:border-b-gray-500   justify-between flex border-b-[1px] rounded-md py-4 px-2")},t.createElement("p",{className:"text-lg"},u.title),t.createElement(vs,{onClick:function(){return function(t,e){var n=localStorage.getItem(Bs);if(null!=n){var r=JSON.parse(n).filter((function(n){return n.item.title!=t.title||e!=n.sectionTitle}));localStorage.setItem(Bs,JSON.stringify(r)),o(r)}}(u,e.sectionTitle)}})))})))))},Ts="/hightlight/";function As(e){var n,r,o,i,s,a,l=e.query,c=e.animation,u=e.selectedIndex,d=c,h=d.animate,p=d.duration,m=t.useState(null!==(n=e.sections)&&void 0!==n?n:[]),f=m[0],g=m[1],y=t.useState(0),v=y[0],w=y[1],x=null===(o=null===(r=e.highlight)||void 0===r?void 0:r.highlight)||void 0===o||o,b=null===(i=e.openInNewTab)||void 0===i||i,k=null===(s=e.showRecent)||void 0===s||s,E=null===(a=e.shadow)||void 0===a||a,P=u,S=-1==P;t.useEffect((function(){w(f.reduce((function(t,e){return t+e.items.length}),0))}),[f]);var C=function(t,e){var n=new RegExp(l.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"gi");return t.match(n)||e.match(n)};t.useEffect((function(){var t,n,r=(null===(t=e.sections)||void 0===t?void 0:t.filter((function(t){return t.items.filter((function(t){return C(t.content,t.title)})).length>0}))).map((function(t){var e=t.items.filter((function(t){return C(t.content,t.title)}));return Ss(Ss({},t),{items:e})}));g(null!=r?r:[]),null===(n=e.onSearch)||void 0===n||n.call(e,l)}),[l]);return t.createElement(t.Fragment,null,t.createElement(gs,null,k&&0==l.length&&t.createElement(Cs,{selectedIndex:P,openInNewTab:b,animate:h,duration:p}),0==f.length&&0!=l.length&&t.createElement("div",{className:"text-center py-10 font-medium text-gray-500 text-lg"},"No results found"),0!=f.length&&0!=l.length?f.map((function(n,r){var o,i=null!==(o=n.iconSize)&&void 0!==o?o:"medium",s="small"==i?"size-6 min-w-[24px]":"medium"==i?"size-8 min-w-[36px]":"size-12 min-w-[52px]";return t.createElement("li",{key:r,className:"flex flex-col group/li"},t.createElement("div",{className:"flex"},t.createElement(cs.h3,{initial:{opacity:h?0:1},animate:{opacity:1},transition:{duration:p},exit:{opacity:h?0:1},className:"text-lg dark:text-white py-2 pb-4 font-medium px-0 rounded-md"},n.title)),n.items.map((function(o,i){var a,c,u,d,m=f.reduce((function(t,e,n){return n<r?t+e.items.length:t}),i),g=P%v,y=e.keyNavigation&&m==g;return t.createElement(cs.a,{onClick:function(){return function(t,e){var n=[],r=localStorage.getItem(Bs);null!=r&&(n=JSON.parse(r)),n.find((function(n){return n.item.title==t.title&&e==n.sectionTitle}))||(n.push({item:t,sectionTitle:e}),localStorage.setItem(Bs,JSON.stringify(n)))}(o,n.title)},className:"relative transition-all outline-none group/a",initial:{opacity:h?0:1},animate:{opacity:1},transition:{duration:p},exit:{opacity:h?0:1},key:i,href:null!==(a=o.href)&&void 0!==a?a:"#",target:b?"_blank":"_self"},t.createElement("div",{"data-slot":y?"selected":"",className:"flex dark:bg-slate-800  dark:border-b-slate-600 dark:text-white group ".concat(E&&"shadow-box-down dark:shadow-none","\n                                                    ").concat(S&&"dark:hover:bg-white dark:hover:text-black hover:bg-sky-400 hover:shadow-none hover:text-white group-focus/a:bg-sky-400 group-focus/a:text-white group-focus/a:dark:bg-white group-focus/a:dark:text-black"," data-[slot=selected]:dark:bg-white data-[slot=selected]:bg-sky-400 group/data\n                                                    data-[slot=selected]:dark:text-black data-[slot=selected]:text-white data-[slot=selected]:dark:border-b-slate-600 data-[slot=selected]:border-b-slate-300 px-4 transition-all relative rounded-md justify-between items-center border-b-[1px] border-b-gray-200 py-2")},t.createElement("div",{className:"flex gap-x-4 items-center w-[80%]"},t.createElement("figure",{className:"w-[5%] ".concat(s," text-black dark:text-white flex items-center justify-center")},o.icon||n.icon?t.createElement("img",{className:s+" object-contain",src:null!==(c=o.icon)&&void 0!==c?c:n.icon,alt:o.title}):t.createElement(ks,{allowHover:S})),t.createElement("div",{className:"flex flex-col w-[calc(95%-16px)]"},t.createElement("h3",{className:"font-medium truncate text-lg first-letter:uppercase"},t.createElement(Vs,{nothingSelected:S,text:o.title,query:l,highlightFoundItems:x,color:null===(u=e.highlight)||void 0===u?void 0:u.color})),t.createElement("p",{className:"text-gray-600 truncate first-letter:uppercase"},t.createElement(Vs,{nothingSelected:S,text:o.content,query:l,highlightFoundItems:x,color:null===(d=e.highlight)||void 0===d?void 0:d.color})))),t.createElement(ws,null)))})))})):null))}function Vs(e){var n=e.text,r=e.query,o=e.highlightFoundItems,i=e.color,s=e.nothingSelected,a=t.useRef(null);t.useEffect((function(){a&&a.current&&o&&i&&(a.current.style.color=i)}),[a]);var l=new RegExp(r.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"gi"),c=n.search(l),u=(n.length>32?function(){if(-1==c)return n;var t=c+r.length,e=r.length<32?Math.max(0,t-32):c,o=r.length<32?Math.min(n.length,64+t):n.length,i=n.substring(e,o);return i.length>=78?i.concat("..."):i}():n).replace(l,"".concat(Ts).concat(r).concat(Ts)),d=u.indexOf(Ts)+Ts.length,h=u.indexOf(Ts,d),p=u.substring(d,h),m=u.replaceAll(Ts,""),f=m.substring(0,d-Ts.length),g=m.substring(h-Ts.length),y=-1!=c;return t.createElement("span",{className:"dark:text-gray-300 ".concat(s&&"dark:group-hover:text-gray-600 group-focus/a:dark:text-gray-600 group-focus/a:text-gray-100 group-hover:text-gray-100","\n        group-data-[slot=selected]:text-white group-data-[slot=selected]:dark:text-black")},!y&&u,y&&f,y&&t.createElement("span",{ref:a,className:"".concat(s&&"group-hover:text-purple-700 group-focus/a:text-purple-700"," group-data-[slot=selected]:text-purple-700 text-sky-400")},p),y&&g)}var Ms=t.forwardRef(Ls);function Ls(e,n){var o,i,s,a,l,c,u=t.useState(""),d=u[0],h=u[1],p=t.useState(-1),m=p[0],f=p[1],g=t.useRef(null),y=null!==(o=e.placeholder)&&void 0!==o?o:"Search something...",v=null!==(i=e.darkMode)&&void 0!==i&&i,w=null===(a=null===(s=e.animation)||void 0===s?void 0:s.animate)||void 0===a||a,x=null!==(c=null===(l=e.animation)||void 0===l?void 0:l.duration)&&void 0!==c?c:.3,b=e.keyNavigation;t.useEffect((function(){if(g.current){var t=g.current,e=function(t){"ul"!=t.target.tagName.toLocaleLowerCase()&&f(-1)},n=function(t){"a"==t.target.tagName.toLocaleLowerCase()&&f(-1)};return t.addEventListener("mouseover",e),t.addEventListener("focusin",n),function(){t.removeEventListener("mouseover",e),t.removeEventListener("focusin",n)}}}),[g]);var k=function(){return e.handleOpen(!1)};return t.createElement(cs.section,{initial:{opacity:w?0:1,scale:w?.4:1},animate:{opacity:1,scale:1},transition:{duration:x/1.5},exit:{opacity:w?0:1,scale:w?.4:1},ref:n,className:"w-[60%] dark:bg-slate-800 min-w-[350px] relative outline outline-1 outline-indigo-100 *:px-6 py-2 pb-0 rounded-md shadow-box dark:shadow-box-dark dark:outline-black bg-white h-[60vh] flex flex-col"},t.createElement("div",{className:"flex items-center gap-x-6 text-gray-600 dark:text-gray-200 pb-2 pt-1"},t.createElement(ys,null),t.createElement("input",{autoFocus:!0,placeholder:y,type:"text",className:"w-full dark:placeholder:text-gray-200 dark:bg-slate-800 bg-white dark:text-white font-medium outline-none py-2",value:d,onChange:function(t){h(t.target.value)}}),b?t.createElement(Ps,{keyType:Es.ESC,onClick:k}):t.createElement(vs,{onClick:k})),t.createElement(gs,null,t.createElement("ul",{ref:g,className:"pt-2 pb-6 border-b-[1px] h-[80%] dark:border-b-gray-500 dark:border-t-gray-500 gap-y-2 flex flex-col dark:scrollbar-dark scrollbar border-b-gray-200 border-t-[1px] border-t-gray-200 overflow-y-auto"},t.createElement(As,r({selectedIndex:m,animation:{animate:w},query:d},e,{placeholder:y,darkMode:v})))),e.keyNavigation&&t.createElement(Rs,{handleSelected:function(t){f((function(e){return e<0?1e3:e+t}))},handleSelect:function(){if(g.current){var t=g.current.querySelector('[data-slot="selected"');if(t){var e=t.parentElement;e&&e.click()}}}}))}var Rs=function(e){return t.createElement("ul",{className:"h-[10%] justify-between flex items-center w-[90%] ml-[5%]"},t.createElement("li",{className:"flex gap-x-6"},t.createElement(Ps,{keyType:Es.UP,onClick:function(){e.handleSelected(-1)}}),t.createElement(Ps,{keyType:Es.DOWN,onClick:function(){e.handleSelected(1)}})),t.createElement("li",null,t.createElement(Ps,{keyType:Es.ENTER,onClick:function(){e.handleSelect()}})))};function Ds(e){var n,r=null!==(n=e.placeholder)&&void 0!==n?n:"Search something...",o=t.useRef(null),i=e.darkMode,s=function(){e.handleOpen(!0)};return t.useEffect((function(){if(o&&o.current){var t=o.current.parentElement;t&&(i?t.classList.add("dark"):t.classList.remove("dark"))}}),[i,o]),t.createElement("div",{ref:o,id:"search-prompt",onClick:s,className:"outline cursor-pointer items-center outline-2 dark:bg-slate-800 dark:text-white dark:outline-black dark:hover:bg-slate-900 hover:outline-gray-900 text-gray-600 flex gap-x-4  ".concat(e.keyNavigation?"min-w-[270px]":"min-w-[210px]"," w-10 py-2 px-2 outline-1 outline-gray-600 rounded bg-white")},t.createElement(ys,null),t.createElement("input",{type:"text",readOnly:!0,autoFocus:!1,placeholder:r,value:"",className:"bg-transparent cursor-pointer outline-none w-[60%]"}),e.keyNavigation&&t.createElement(Ps,{keyType:Es.K,control:!0,onClick:s}))}function js(e){var n,o=t.useRef(null),i=t.useRef(null),s=e.isOpen,a=e.handleOpen,l=null!==(n=e.darkMode)&&void 0!==n&&n;return t.useEffect((function(){if(s){var t=document.getElementById("search-root");t&&(t.style.pointerEvents="all");var e=function(t){var e,n=document.getElementById("search-prompt");n&&((null===(e=o.current)||void 0===e?void 0:e.contains(t.target))||"search-prompt"==t.target.id||n.contains(t.target)||a(!1))};return document.addEventListener("click",e),function(){var t=document.getElementById("search-root");t&&(t.style.pointerEvents="none"),document.removeEventListener("click",e)}}}),[]),t.useEffect((function(){var t,e;l?null===(t=i.current)||void 0===t||t.classList.add("dark"):null===(e=i.current)||void 0===e||e.classList.remove("dark")}),[l,i]),s?t.createElement("div",{id:"search-triggered",className:"w-full h-full absolute pt-[5%] "},t.createElement("div",{className:"w-full absolute left-0 top-0 h-full element-bg"}),t.createElement("div",{ref:i,className:"absolute flex justify-center h-[100%] w-[100%]"},t.createElement(Ms,r({ref:o},e)))):null}var Bs="search-history-search-component";exports.LOCAL_STORAGE_KEY=Bs,exports.SearchElement=function(e){var n,o,i=t.useState(!1),s=i[0],a=i[1],l=null!==(n=e.darkMode)&&void 0!==n&&n,c=null===(o=e.keyNavigation)||void 0===o||o,u=function(t){a(null!=t?t:!s)};return t.useEffect((function(){e.onOpenTrigger&&e.onOpenTrigger(s)}),[s]),t.createElement(t.Fragment,null,e.children?t.createElement("div",{id:"search-prompt",onClick:function(){return u(!0)}},e.children):t.createElement(Ds,r({keyNavigation:c},e,{darkMode:l,handleOpen:u,isOpen:s})),t.createElement("section",{id:"search-root",className:"w-[100vw] h-[100vh] pointer-events-none fixed top-0 left-0 z-[9999999999999]"},t.createElement(gs,null,s&&t.createElement(js,r({keyNavigation:c},e,{darkMode:l,isOpen:s,handleOpen:u})))))};