utopia-ui 3.0.57 → 3.0.59

package/dist/index.esm.js

@@ -8,7 +8,6 @@ import { toast, ToastContainer } from 'react-toastify';
 import 'leaflet/dist/leaflet.css';
 import MarkerClusterGroup from 'react-leaflet-cluster';
 import axios from 'axios';
-import 'leaflet.locatecontrol';
 import 'leaflet.locatecontrol/dist/L.Control.Locate.css';
 import Markdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
@@ -23,8 +22,6 @@ import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon$1 } from '@heroic
 import { startOfToday, format, parse, sub, add } from 'date-fns';
 import { RowsPhotoAlbum } from 'react-photo-album';
 import ReactLightbox from 'yet-another-react-lightbox';
-import 'yet-another-react-lightbox/styles.css';
-import 'react-photo-album/rows.css';
 import { centerCrop, makeAspectCrop, ReactCrop } from 'react-image-crop';
 import 'react-image-crop/dist/ReactCrop.css';
 import { HexColorPicker } from 'react-colorful';
@@ -56,8 +53,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$2 = "/*\n! tailwindcss v3.3.1 | 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.\n*/\n\nhtml {\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: Helvetica, sans-serif, Roboto; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\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. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\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-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/*\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:root,\n[data-theme] {\n  background-color: var(--fallback-b1,oklch(var(--b1)/1));\n  color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n\n@supports not (color: oklch(0 0 0)) {\n\n  :root {\n    color-scheme: light;\n    --fallback-p: #491eff;\n    --fallback-pc: #d4dbff;\n    --fallback-s: #ff41c7;\n    --fallback-sc: #fff9fc;\n    --fallback-a: #00cfbd;\n    --fallback-ac: #00100d;\n    --fallback-n: #2b3440;\n    --fallback-nc: #d7dde4;\n    --fallback-b1: #ffffff;\n    --fallback-b2: #e5e6e6;\n    --fallback-b3: #e5e6e6;\n    --fallback-bc: #1f2937;\n    --fallback-in: #00b3f0;\n    --fallback-inc: #000000;\n    --fallback-su: #00ca92;\n    --fallback-suc: #000000;\n    --fallback-wa: #ffc22d;\n    --fallback-wac: #000000;\n    --fallback-er: #ff6f70;\n    --fallback-erc: #000000;\n  }\n\n  @media (prefers-color-scheme: dark) {\n\n    :root {\n      color-scheme: dark;\n      --fallback-p: #7582ff;\n      --fallback-pc: #050617;\n      --fallback-s: #ff71cf;\n      --fallback-sc: #190211;\n      --fallback-a: #00c7b5;\n      --fallback-ac: #000e0c;\n      --fallback-n: #2a323c;\n      --fallback-nc: #a6adbb;\n      --fallback-b1: #1d232a;\n      --fallback-b2: #191e24;\n      --fallback-b3: #15191e;\n      --fallback-bc: #a6adbb;\n      --fallback-in: #00b3f0;\n      --fallback-inc: #000000;\n      --fallback-su: #00ca92;\n      --fallback-suc: #000000;\n      --fallback-wa: #ffc22d;\n      --fallback-wac: #000000;\n      --fallback-er: #ff6f70;\n      --fallback-erc: #000000;\n    }\n  }\n}\n\nhtml {\n  -webkit-tap-highlight-color: transparent;\n}\n\n:root {\n  color-scheme: light;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --pc: 0.89824 0.06192 275.75;\n  --ac: 0.15352 0.0368 183.61;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 0.4912 0.3096 275.75;\n  --s: 0.6971 0.329 342.55;\n  --sc: 0.9871 0.0106 342.55;\n  --a: 0.7676 0.184 183.61;\n  --n: 0.321785 0.02476 255.701624;\n  --nc: 0.894994 0.011585 252.096176;\n  --b1: 1 0 0;\n  --b2: 0.961151 0 0;\n  --b3: 0.924169 0.00108 197.137559;\n  --bc: 0.278078 0.029596 256.847952;\n}\n\n@media (prefers-color-scheme: dark) {\n\n  :root {\n    color-scheme: dark;\n    --in: 0.7206 0.191 231.6;\n    --su: 64.8% 0.150 160;\n    --wa: 0.8471 0.199 83.87;\n    --er: 0.7176 0.221 22.18;\n    --pc: 0.13138 0.0392 275.75;\n    --sc: 0.1496 0.052 342.55;\n    --ac: 0.14902 0.0334 183.61;\n    --inc: 0 0 0;\n    --suc: 0 0 0;\n    --wac: 0 0 0;\n    --erc: 0 0 0;\n    --rounded-box: 1rem;\n    --rounded-btn: 0.5rem;\n    --rounded-badge: 1.9rem;\n    --animation-btn: 0.25s;\n    --animation-input: .2s;\n    --btn-focus-scale: 0.95;\n    --border-btn: 1px;\n    --tab-border: 1px;\n    --tab-radius: 0.5rem;\n    --p: 0.6569 0.196 275.75;\n    --s: 0.748 0.26 342.55;\n    --a: 0.7451 0.167 183.61;\n    --n: 0.313815 0.021108 254.139175;\n    --nc: 0.746477 0.0216 264.435964;\n    --b1: 0.253267 0.015896 252.417568;\n    --b2: 0.232607 0.013807 253.100675;\n    --b3: 0.211484 0.01165 254.087939;\n    --bc: 0.746477 0.0216 264.435964;\n  }\n}\n\n[data-theme=light] {\n  color-scheme: light;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --pc: 0.89824 0.06192 275.75;\n  --ac: 0.15352 0.0368 183.61;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 0.4912 0.3096 275.75;\n  --s: 0.6971 0.329 342.55;\n  --sc: 0.9871 0.0106 342.55;\n  --a: 0.7676 0.184 183.61;\n  --n: 0.321785 0.02476 255.701624;\n  --nc: 0.894994 0.011585 252.096176;\n  --b1: 1 0 0;\n  --b2: 0.961151 0 0;\n  --b3: 0.924169 0.00108 197.137559;\n  --bc: 0.278078 0.029596 256.847952;\n}\n\n[data-theme=dark] {\n  color-scheme: dark;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --pc: 0.13138 0.0392 275.75;\n  --sc: 0.1496 0.052 342.55;\n  --ac: 0.14902 0.0334 183.61;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 0.6569 0.196 275.75;\n  --s: 0.748 0.26 342.55;\n  --a: 0.7451 0.167 183.61;\n  --n: 0.313815 0.021108 254.139175;\n  --nc: 0.746477 0.0216 264.435964;\n  --b1: 0.253267 0.015896 252.417568;\n  --b2: 0.232607 0.013807 253.100675;\n  --b3: 0.211484 0.01165 254.087939;\n  --bc: 0.746477 0.0216 264.435964;\n}\n\n[data-theme=cupcake] {\n  color-scheme: light;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --pc: 0.152344 0.017892 200.026556;\n  --sc: 0.15787 0.020249 356.29965;\n  --ac: 0.158762 0.029206 78.618794;\n  --nc: 0.847148 0.013247 313.189598;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --rounded-box: 1rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --p: 0.76172 0.089459 200.026556;\n  --s: 0.789351 0.101246 356.29965;\n  --a: 0.793811 0.146032 78.618794;\n  --n: 0.235742 0.066235 313.189598;\n  --b1: 0.977882 0.00418 56.375637;\n  --b2: 0.939822 0.007638 61.449292;\n  --b3: 0.915861 0.006811 53.440502;\n  --bc: 0.235742 0.066235 313.189598;\n  --rounded-btn: 1.9rem;\n  --tab-border: 2px;\n  --tab-radius: 0.7rem;\n}\n\n[data-theme=retro] {\n  color-scheme: light;\n  --inc: 0.90923 0.043042 262.880917;\n  --suc: 0.12541 0.033982 149.213788;\n  --wac: 0.133168 0.031484 58.31834;\n  --erc: 0.13144 0.0398 27.33;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --p: 0.768664 0.104092 22.664655;\n  --pc: 0.265104 0.006243 0.522862;\n  --s: 0.807415 0.052534 159.094608;\n  --sc: 0.265104 0.006243 0.522862;\n  --a: 0.703919 0.125455 52.953428;\n  --ac: 0.265104 0.006243 0.522862;\n  --n: 0.284181 0.009519 355.534017;\n  --nc: 0.925604 0.025113 89.217311;\n  --b1: 0.916374 0.034554 90.51575;\n  --b2: 0.882722 0.049418 91.774344;\n  --b3: 0.84133 0.065952 90.856665;\n  --bc: 0.265104 0.006243 0.522862;\n  --in: 0.54615 0.215208 262.880917;\n  --su: 0.627052 0.169912 149.213788;\n  --wa: 0.66584 0.157422 58.31834;\n  --er: 0.6572 0.199 27.33;\n  --rounded-box: 0.4rem;\n  --rounded-btn: 0.4rem;\n  --rounded-badge: 0.4rem;\n  --tab-radius: 0.4rem;\n}\n\n[data-theme=cyberpunk] {\n  color-scheme: light;\n  --b2: 0.878943 0.16647 104.32;\n  --b3: 0.812786 0.15394 104.32;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --bc: 0.18902 0.0358 104.32;\n  --pc: 0.14844 0.0418 6.35;\n  --sc: 0.16666 0.0368 204.72;\n  --ac: 0.14372 0.04352 310.43;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;\n  --p: 0.7422 0.209 6.35;\n  --s: 0.8333 0.184 204.72;\n  --a: 0.7186 0.2176 310.43;\n  --n: 0.2304 0.065 269.31;\n  --nc: 0.9451 0.179 104.32;\n  --b1: 0.9451 0.179 104.32;\n  --rounded-box: 0;\n  --rounded-btn: 0;\n  --rounded-badge: 0;\n  --tab-radius: 0;\n}\n\n[data-theme=aqua] {\n  color-scheme: dark;\n  --b2: 0.453464 0.118611 261.181672;\n  --b3: 0.419333 0.109683 261.181672;\n  --bc: 0.897519 0.025508 261.181672;\n  --sc: 0.121365 0.02175 309.782946;\n  --ac: 0.186854 0.020445 94.555431;\n  --nc: 0.122124 0.023402 243.760661;\n  --inc: 0.90923 0.043042 262.880917;\n  --suc: 0.12541 0.033982 149.213788;\n  --wac: 0.133168 0.031484 58.31834;\n  --erc: 0.1479 0.038 27.33;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 0.856617 0.14498 198.6458;\n  --pc: 0.401249 0.068266 197.603872;\n  --s: 0.606827 0.108752 309.782946;\n  --a: 0.934269 0.102225 94.555431;\n  --n: 0.610622 0.117009 243.760661;\n  --b1: 0.487596 0.127539 261.181672;\n  --in: 0.54615 0.215208 262.880917;\n  --su: 0.627052 0.169912 149.213788;\n  --wa: 0.66584 0.157422 58.31834;\n  --er: 0.7395 0.19 27.33;\n}\n\n[data-theme=docutopia] {\n  --p: 0.54645 0.29421 298.46034;\n  --b2: 0.258897 0.107132 328.136712;\n  --b3: 0.23941 0.099069 328.136712;\n  --in: 0.7206 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 0.8471 0.199 83.87;\n  --er: 0.7176 0.221 22.18;\n  --pc: 0.90929 0.058842 298.46034;\n  --sc: 0.139726 0.031813 159.602475;\n  --ac: 0.914207 0.047244 260.255903;\n  --nc: 0.841911 0.008064 74.211583;\n  --inc: 0 0 0;\n  --suc: 0 0 0;\n  --wac: 0 0 0;\n  --erc: 0 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --s: 0.698629 0.159065 159.602475;\n  --a: 0.571034 0.236222 260.255903;\n  --n: 0.209553 0.040319 74.211583;\n  --bc: 0.813966 0.126754 58.524936;\n  --b1: 0.278384 0.115196 328.136712;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  height: 1rem;\n  width: 1rem;\n  border-radius: 9999px;\n  border: 0;\n  appearance: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.dark input[type=\"range\"]::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled:focus::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled:active::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled:focus::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled:active::-webkit-slider-thumb {}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  height: 1rem;\n  width: 1rem;\n  border-radius: 9999px;\n  border: 0;\n  appearance: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.dark input[type=\"range\"]::-moz-range-thumb {}\n\ninput[type=\"range\"]:disabled::-moz-range-thumb {}\n\n.dark input[type=\"range\"]:disabled::-moz-range-thumb {}\n\ninput[type=\"range\"]::-moz-range-progress {}\n\ninput[type=\"range\"]::-ms-fill-lower {}\n\n.dark input[type=\"range\"]::-moz-range-progress {}\n\n.dark input[type=\"range\"]::-ms-fill-lower {}\n\ninput[type=\"range\"]:focus {\n  outline: none;\n}\n\ninput[type=\"range\"]:focus::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:active::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:focus::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:active::-webkit-slider-thumb {}\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-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-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.tw-alert {\n  display: grid;\n  width: 100%;\n  grid-auto-flow: row;\n  align-content: flex-start;\n  align-items: center;\n  justify-items: center;\n  gap: 1rem;\n  text-align: center;\n  border-radius: var(--rounded-box, 1rem);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  padding: 1rem;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));\n  --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));\n  background-color: var(--alert-bg);\n}\n@media (min-width: 640px) {\n\n  .tw-alert {\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto,1fr);\n    justify-items: start;\n    text-align: start;\n  }\n}\n.tw-avatar {\n  position: relative;\n  display: inline-flex;\n}\n.tw-avatar > div {\n  display: block;\n  aspect-ratio: 1 / 1;\n  overflow: hidden;\n}\n.tw-avatar img {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.tw-avatar.tw-placeholder > div {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tw-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  height: 1.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding-left: 0.563rem;\n  padding-right: 0.563rem;\n  border-radius: var(--rounded-badge, 1.9rem);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n}\n.tw-breadcrumbs {\n  max-width: 100%;\n  overflow-x: auto;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.tw-breadcrumbs > ul,\n  .tw-breadcrumbs > ol {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  min-height: -moz-min-content;\n  min-height: min-content;\n}\n.tw-breadcrumbs > ul > li, .tw-breadcrumbs > ol > li {\n  display: flex;\n  align-items: center;\n}\n.tw-breadcrumbs > ul > li > a, .tw-breadcrumbs > ol > li > a {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n@media (hover:hover) {\n\n  .tw-breadcrumbs > ul > li > a:hover, .tw-breadcrumbs > ol > li > a:hover {\n    text-decoration-line: underline;\n  }\n\n  .tw-checkbox-success:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n  }\n\n  .tw-label a:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  }\n\n  .tw-menu li > *:not(ul):not(.tw-menu-title):not(details):active,\n.tw-menu li > *:not(ul):not(.tw-menu-title):not(details).tw-active,\n.tw-menu li > details > summary:active {\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n    --tw-text-opacity: 1;\n    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  }\n\n  .tw-tab:hover {\n    --tw-text-opacity: 1;\n  }\n\n  .tw-table tr.tw-hover:hover,\n  .tw-table tr.tw-hover:nth-child(even):hover {\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  }\n}\n.tw-btn {\n  display: inline-flex;\n  height: 3rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-color: transparent;\n  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1em;\n  gap: 0.5rem;\n  font-weight: 600;\n  text-decoration-line: none;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-width: var(--border-btn, 1px);\n  animation: button-pop var(--animation-btn, 0.25s) ease-out;\n  transition-property: color, background-color, border-color, opacity, box-shadow, transform;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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  outline-color: var(--fallback-bc,oklch(var(--bc)/1));\n  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));\n  --tw-bg-opacity: 1;\n  --tw-border-opacity: 1;\n}\n.tw-btn-disabled,\n  .tw-btn[disabled],\n  .tw-btn:disabled {\n  pointer-events: none;\n}\n.tw-btn-square {\n  height: 3rem;\n  width: 3rem;\n  padding: 0px;\n}\n.tw-btn-circle {\n  height: 3rem;\n  width: 3rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n:where(.tw-btn:is(input[type=\"checkbox\"])),\n:where(.tw-btn:is(input[type=\"radio\"])) {\n  width: auto;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.tw-btn:is(input[type=\"checkbox\"]):after,\n.tw-btn:is(input[type=\"radio\"]):after {\n  --tw-content: attr(aria-label);\n  content: var(--tw-content);\n}\n.tw-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--rounded-box, 1rem);\n}\n.tw-card:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-card-body {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  padding: var(--padding-card, 2rem);\n  gap: 0.5rem;\n}\n.tw-card-body :where(p) {\n  flex-grow: 1;\n}\n.tw-card-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.tw-card figure {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tw-card.tw-image-full {\n  display: grid;\n}\n.tw-card.tw-image-full:before {\n  position: relative;\n  content: \"\";\n  z-index: 10;\n  border-radius: var(--rounded-box, 1rem);\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  opacity: 0.75;\n}\n.tw-card.tw-image-full:before,\n    .tw-card.tw-image-full > * {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n.tw-card.tw-image-full > figure img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.tw-card.tw-image-full > .tw-card-body {\n  position: relative;\n  z-index: 20;\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n}\n.tw-checkbox {\n  flex-shrink: 0;\n  --chkbg: var(--fallback-bc,oklch(var(--bc)/1));\n  --chkfg: var(--fallback-b1,oklch(var(--b1)/1));\n  height: 1.5rem;\n  width: 1.5rem;\n  cursor: pointer;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0.2;\n}\n.tw-divider {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  height: 1rem;\n  white-space: nowrap;\n}\n.tw-divider:before,\n  .tw-divider:after {\n  height: 0.125rem;\n  width: 100%;\n  flex-grow: 1;\n  --tw-content: '';\n  content: var(--tw-content);\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n}\n.tw-dropdown {\n  position: relative;\n  display: inline-block;\n}\n.tw-dropdown > *:not(summary):focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-dropdown .tw-dropdown-content {\n  position: absolute;\n}\n.tw-dropdown:is(:not(details)) .tw-dropdown-content {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  visibility: hidden;\n  opacity: 0;\n  transform-origin: top;\n  --tw-scale-x: .95;\n  --tw-scale-y: .95;\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  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n}\n.tw-dropdown-end .tw-dropdown-content {\n  inset-inline-end: 0px;\n}\n.tw-dropdown-left .tw-dropdown-content {\n  bottom: auto;\n  inset-inline-end: 100%;\n  top: 0px;\n  transform-origin: right;\n}\n.tw-dropdown-right .tw-dropdown-content {\n  bottom: auto;\n  inset-inline-start: 100%;\n  top: 0px;\n  transform-origin: left;\n}\n.tw-dropdown-bottom .tw-dropdown-content {\n  bottom: auto;\n  top: 100%;\n  transform-origin: top;\n}\n.tw-dropdown-top .tw-dropdown-content {\n  bottom: 100%;\n  top: auto;\n  transform-origin: bottom;\n}\n.tw-dropdown-end.tw-dropdown-right .tw-dropdown-content {\n  bottom: 0px;\n  top: auto;\n}\n.tw-dropdown-end.tw-dropdown-left .tw-dropdown-content {\n  bottom: 0px;\n  top: auto;\n}\n.tw-dropdown.tw-dropdown-open .tw-dropdown-content,\n.tw-dropdown:not(.tw-dropdown-hover):focus .tw-dropdown-content,\n.tw-dropdown:focus-within .tw-dropdown-content {\n  visibility: visible;\n  opacity: 1;\n}\n@media (hover: hover) {\n\n  .tw-dropdown.tw-dropdown-hover:hover .tw-dropdown-content {\n    visibility: visible;\n    opacity: 1;\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn.tw-glass:hover {\n    --glass-opacity: 25%;\n    --glass-border-opacity: 15%;\n  }\n\n  .tw-btn-ghost:hover {\n    border-color: transparent;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    .tw-btn-ghost:hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n    }\n  }\n\n  .tw-btn-ghost:hover {\n    border-color: transparent;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    .tw-btn-ghost:hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n    }\n  }\n\n  .tw-btn-outline.tw-btn-primary:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-primary:hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-primary:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-primary:hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-error:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-error:hover {\n      background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-error:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-error:hover {\n      background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-disabled:hover,\n    .tw-btn[disabled]:hover,\n    .tw-btn:disabled:hover {\n    --tw-border-opacity: 0;\n    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n    --tw-bg-opacity: 0.2;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n    --tw-text-opacity: 0.2;\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:is(input[type=\"checkbox\"]:checked):hover, .tw-btn:is(input[type=\"radio\"]:checked):hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-dropdown.tw-dropdown-hover:hover .tw-dropdown-content {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\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  }\n\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(.tw-active):hover, :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  .tw-tab[disabled],\n    .tw-tab[disabled]:hover {\n    cursor: not-allowed;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n    --tw-text-opacity: 0.2;\n  }\n}\n.tw-dropdown:is(details) summary::-webkit-details-marker {\n  display: none;\n}\n.tw-file-input {\n  height: 3rem;\n  flex-shrink: 1;\n  padding-inline-end: 1rem;\n  font-size: 1rem;\n  line-height: 2;\n  line-height: 1.5rem;\n  overflow: hidden;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-file-input::file-selector-button {\n  margin-inline-end: 1rem;\n  display: inline-flex;\n  height: 100%;\n  flex-shrink: 0;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 1em;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  border-style: solid;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  font-weight: 600;\n  text-transform: uppercase;\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  text-decoration-line: none;\n  border-width: var(--border-btn, 1px);\n  animation: button-pop var(--animation-btn, 0.25s) ease-out;\n}\n.tw-form-control {\n  display: flex;\n  flex-direction: column;\n}\n.tw-label {\n  display: flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.tw-indicator {\n  position: relative;\n  display: inline-flex;\n  width: -moz-max-content;\n  width: max-content;\n}\n.tw-indicator :where(.tw-indicator-item) {\n  z-index: 1;\n  position: absolute;\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  white-space: nowrap;\n}\n.tw-input {\n  flex-shrink: 1;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  height: 3rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-size: 1rem;\n  line-height: 2;\n  line-height: 1.5rem;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-join .tw-dropdown .tw-join-item:first-child:not(:last-child),\n  .tw-join *:first-child:not(:last-child) .tw-dropdown .tw-join-item {\n  border-start-end-radius: inherit;\n  border-end-end-radius: inherit;\n}\n.tw-mask {\n  -webkit-mask-size: contain;\n          mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n          mask-position: center;\n}\n.tw-menu {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  padding: 0.5rem;\n}\n.tw-menu :where(li ul) {\n  position: relative;\n  white-space: nowrap;\n  margin-inline-start: 1rem;\n  padding-inline-start: 0.5rem;\n}\n.tw-menu :where(li:not(.tw-menu-title) > *:not(ul):not(details):not(.tw-menu-title)),\n  .tw-menu :where(li:not(.tw-menu-title) > details > summary:not(.tw-menu-title)) {\n  display: grid;\n  grid-auto-flow: column;\n  align-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  grid-auto-columns: minmax(auto, max-content) auto max-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.tw-menu li.tw-disabled {\n  cursor: not-allowed;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--fallback-bc,oklch(var(--bc)/0.3));\n}\n.tw-menu :where(li > .tw-menu-dropdown:not(.tw-menu-dropdown-show)) {\n  display: none;\n}\n:where(.tw-menu li) {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: stretch;\n}\n:where(.tw-menu li) .tw-badge {\n  justify-self: end;\n}\n.tw-modal {\n  pointer-events: none;\n  position: fixed;\n  inset: 0px;\n  margin: 0px;\n  display: grid;\n  height: 100%;\n  max-height: none;\n  width: 100%;\n  max-width: none;\n  justify-items: center;\n  padding: 0px;\n  opacity: 0;\n  overscroll-behavior: contain;\n  z-index: 999;\n  background-color: transparent;\n  color: inherit;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: transform, opacity, visibility;\n  overflow-y: hidden;\n}\n:where(.tw-modal) {\n  align-items: center;\n}\n.tw-modal-box {\n  max-height: calc(100vh - 5em);\n  grid-column-start: 1;\n  grid-row-start: 1;\n  width: 91.666667%;\n  max-width: 32rem;\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\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  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  padding: 1.5rem;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.tw-modal-open,\n.tw-modal:target,\n.tw-modal-toggle:checked + .tw-modal,\n.tw-modal[open] {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n:root:has(:is(.tw-modal-open, .tw-modal:target, .tw-modal-toggle:checked + .tw-modal, .tw-modal[open])) {\n  overflow: hidden;\n}\n.tw-navbar {\n  display: flex;\n  align-items: center;\n  padding: var(--navbar-padding, 0.5rem);\n  min-height: 4rem;\n  width: 100%;\n}\n:where(.tw-navbar > *) {\n  display: inline-flex;\n  align-items: center;\n}\n.tw-select {\n  display: inline-flex;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  height: 3rem;\n  min-height: 3rem;\n  padding-left: 1rem;\n  padding-right: 2.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n  background-position: calc(100% - 20px) calc(1px + 50%),\n    calc(100% - 16.1px) calc(1px + 50%);\n  background-size: 4px 4px,\n    4px 4px;\n  background-repeat: no-repeat;\n}\n.tw-select[multiple] {\n  height: auto;\n}\n.tw-tabs {\n  display: grid;\n  align-items: flex-end;\n}\n.tw-tabs-lifted:has(.tw-tab-content[class^=\"rounded-\"]) .tw-tab:first-child:not(.tw-tab-active),\n  .tw-tabs-lifted:has(.tw-tab-content[class*=\" rounded-\"]) .tw-tab:first-child:not(.tw-tab-active) {\n  border-bottom-color: transparent;\n}\n.tw-tab {\n  position: relative;\n  grid-row-start: 1;\n  display: inline-flex;\n  height: 2rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  --tab-padding: 1rem;\n  --tw-text-opacity: 0.5;\n  --tab-color: var(--fallback-bc,oklch(var(--bc)/1));\n  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));\n  --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));\n  color: var(--tab-color);\n  padding-inline-start: var(--tab-padding, 1rem);\n  padding-inline-end: var(--tab-padding, 1rem);\n}\n.tw-tab:is(input[type=\"radio\"]) {\n  width: auto;\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.tw-tab:is(input[type=\"radio\"]):after {\n  --tw-content: attr(aria-label);\n  content: var(--tw-content);\n}\n.tw-tab:not(input):empty {\n  cursor: default;\n  grid-column-start: span 9999;\n}\n.tw-tab-content {\n  grid-column-start: 1;\n  grid-column-end: span 9999;\n  grid-row-start: 2;\n  margin-top: calc(var(--tab-border) * -1);\n  display: none;\n  border-color: transparent;\n  border-width: var(--tab-border, 0);\n}\n:checked + .tw-tab-content:nth-child(2),\n  .tw-tab-active + .tw-tab-content:nth-child(2) {\n  border-start-start-radius: 0px;\n}\ninput.tw-tab:checked + .tw-tab-content,\n.tw-tab-active + .tw-tab-content {\n  display: block;\n}\n.tw-table {\n  position: relative;\n  width: 100%;\n  border-radius: var(--rounded-box, 1rem);\n  text-align: left;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-table :where(.tw-table-pin-rows thead tr) {\n  position: sticky;\n  top: 0px;\n  z-index: 1;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-table :where(.tw-table-pin-rows tfoot tr) {\n  position: sticky;\n  bottom: 0px;\n  z-index: 1;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-table :where(.tw-table-pin-cols tr th) {\n  position: sticky;\n  left: 0px;\n  right: 0px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-textarea {\n  min-height: 3rem;\n  flex-shrink: 1;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-avatar-group :where(.tw-avatar) {\n  overflow: hidden;\n  border-radius: 9999px;\n  border-width: 4px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));\n}\n.tw-badge-success {\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));\n}\n.tw-badge-outline.tw-badge-success {\n  --tw-text-opacity: 1;\n  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));\n}\n.tw-btm-nav > * .tw-label {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-breadcrumbs > ul > li > a:focus, .tw-breadcrumbs > ol > li > a:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-breadcrumbs > ul > li > a:focus-visible, .tw-breadcrumbs > ol > li > a:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n.tw-breadcrumbs > ul > li + *:before, .tw-breadcrumbs > ol > li + *:before {\n  content: \"\";\n  margin-left: 0.5rem;\n  margin-right: 0.75rem;\n  display: block;\n  height: 0.375rem;\n  width: 0.375rem;\n  --tw-rotate: 45deg;\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  opacity: 0.4;\n  border-top: 1px solid;\n  border-right: 1px solid;\n  background-color: transparent;\n}\n[dir=\"rtl\"] .tw-breadcrumbs > ul > li + *:before,\n[dir=\"rtl\"] .tw-breadcrumbs > ol > li + *:before {\n  --tw-rotate: -135deg;\n}\n.tw-btn:active:hover,\n  .tw-btn:active:focus {\n  animation: button-pop 0s ease-out;\n  transform: scale(var(--btn-focus-scale, 0.97));\n}\n@supports not (color: oklch(0 0 0)) {\n\n  .tw-btn {\n    background-color: var(--btn-color, var(--fallback-b2));\n    border-color: var(--btn-color, var(--fallback-b2));\n  }\n\n  .tw-btn-primary {\n    --btn-color: var(--fallback-p);\n  }\n\n  .tw-btn-neutral {\n    --btn-color: var(--fallback-n);\n  }\n\n  .tw-btn-error {\n    --btn-color: var(--fallback-er);\n  }\n}\n@supports (color: color-mix(in oklab, black, black)) {\n\n  .tw-btn-outline.tw-btn-primary.tw-btn-active {\n    background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n  }\n\n  .tw-btn-outline.tw-btn-error.tw-btn-active {\n    background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n  }\n}\n.tw-btn:focus-visible {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n}\n.tw-btn-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-p,oklch(var(--p)/1));\n}\n@supports (color: oklch(0 0 0)) {\n\n  .tw-btn-primary {\n    --btn-color: var(--p);\n  }\n\n  .tw-btn-neutral {\n    --btn-color: var(--n);\n  }\n\n  .tw-btn-error {\n    --btn-color: var(--er);\n  }\n}\n.tw-btn-neutral {\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-n,oklch(var(--n)/1));\n}\n.tw-btn-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-er,oklch(var(--er)/1));\n}\n.tw-btn.tw-glass {\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  outline-color: currentColor;\n}\n.tw-btn.tw-glass.tw-btn-active {\n  --glass-opacity: 25%;\n  --glass-border-opacity: 15%;\n}\n.tw-btn-ghost {\n  border-width: 1px;\n  border-color: transparent;\n  background-color: transparent;\n  color: currentColor;\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  outline-color: currentColor;\n}\n.tw-btn-ghost.tw-btn-active {\n  border-color: transparent;\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-btn-outline.tw-btn-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-primary.tw-btn-active {\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-error.tw-btn-active {\n  --tw-text-opacity: 1;\n  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n}\n.tw-btn.tw-btn-disabled,\n  .tw-btn[disabled],\n  .tw-btn:disabled {\n  --tw-border-opacity: 0;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-bg-opacity: 0.2;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-btn:is(input[type=\"checkbox\"]:checked),\n.tw-btn:is(input[type=\"radio\"]:checked) {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n}\n.tw-btn:is(input[type=\"checkbox\"]:checked):focus-visible, .tw-btn:is(input[type=\"radio\"]:checked):focus-visible {\n  outline-color: var(--fallback-p,oklch(var(--p)/1));\n}\n@keyframes button-pop {\n\n  0% {\n    transform: scale(var(--btn-focus-scale, 0.98));\n  }\n\n  40% {\n    transform: scale(1.02);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n.tw-card :where(figure:first-child) {\n  overflow: hidden;\n  border-start-start-radius: inherit;\n  border-start-end-radius: inherit;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n.tw-card :where(figure:last-child) {\n  overflow: hidden;\n  border-start-start-radius: unset;\n  border-start-end-radius: unset;\n  border-end-start-radius: inherit;\n  border-end-end-radius: inherit;\n}\n.tw-card:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n.tw-card.tw-bordered {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-card.tw-compact .tw-card-body {\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-card-title {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n}\n.tw-card.tw-image-full :where(figure) {\n  overflow: hidden;\n  border-radius: inherit;\n}\n.tw-checkbox:focus {\n  box-shadow: none;\n}\n.tw-checkbox:focus-visible {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n.tw-checkbox:checked,\n  .tw-checkbox[checked=\"true\"],\n  .tw-checkbox[aria-checked=\"true\"] {\n  background-repeat: no-repeat;\n  animation: checkmark var(--animation-input, 0.2s) ease-out;\n  background-color: var(--chkbg);\n  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),\n      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),\n      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),\n      linear-gradient(\n        45deg,\n        var(--chkbg) 30%,\n        var(--chkfg) 30.99%,\n        var(--chkfg) 40%,\n        transparent 40.99%\n      ),\n      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);\n}\n.tw-checkbox:indeterminate {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  background-repeat: no-repeat;\n  animation: checkmark var(--animation-input, 0.2s) ease-out;\n  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),\n      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),\n      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);\n}\n.tw-checkbox-success {\n  --chkbg: var(--fallback-su,oklch(var(--su)/1));\n  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n}\n.tw-checkbox-success:focus-visible {\n  outline-color: var(--fallback-su,oklch(var(--su)/1));\n}\n.tw-checkbox-success:checked,\n    .tw-checkbox-success[checked=\"true\"],\n    .tw-checkbox-success[aria-checked=\"true\"] {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));\n}\n.tw-checkbox:disabled {\n  cursor: not-allowed;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.2;\n}\n@keyframes checkmark {\n\n  0% {\n    background-position-y: 5px;\n  }\n\n  50% {\n    background-position-y: -2px;\n  }\n\n  100% {\n    background-position-y: 0;\n  }\n}\n.tw-divider:not(:empty) {\n  gap: 1rem;\n}\n.tw-dropdown.tw-dropdown-open .tw-dropdown-content,\n.tw-dropdown:focus .tw-dropdown-content,\n.tw-dropdown:focus-within .tw-dropdown-content {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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}\n.tw-file-input:focus {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-file-input-disabled,\n  .tw-file-input[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-file-input-disabled::-moz-placeholder, .tw-file-input[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-file-input-disabled::placeholder,\n  .tw-file-input[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-file-input-disabled::file-selector-button, .tw-file-input[disabled]::file-selector-button {\n  --tw-border-opacity: 0;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-bg-opacity: 0.2;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-label-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n}\n.tw-input input:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-input[list]::-webkit-calendar-picker-indicator {\n  line-height: 1em;\n}\n.tw-input-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-input:focus,\n  .tw-input:focus-within {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-input-disabled,\n  .tw-input:disabled,\n  .tw-input[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  color: var(--fallback-bc,oklch(var(--bc)/0.4));\n}\n.tw-input-disabled::-moz-placeholder, .tw-input:disabled::-moz-placeholder, .tw-input[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-input-disabled::placeholder,\n  .tw-input:disabled::placeholder,\n  .tw-input[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-input::-webkit-date-and-time-value {\n  text-align: inherit;\n}\n.tw-loading {\n  pointer-events: none;\n  display: inline-block;\n  aspect-ratio: 1 / 1;\n  width: 1.5rem;\n  background-color: currentColor;\n  -webkit-mask-size: 100%;\n          mask-size: 100%;\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n          mask-position: center;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n          mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.tw-loading-spinner {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n          mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.tw-loading-sm {\n  width: 1.25rem;\n}\n.tw-loading-md {\n  width: 1.5rem;\n}\n.tw-mask-squircle {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\");\n}\n.tw-mask-decagon {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\");\n}\n.tw-mask-hexagon-2 {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\");\n}\n.tw-mask-circle {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\");\n}\n:where(.tw-menu li:empty) {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.1;\n  margin: 0.5rem 1rem;\n  height: 1px;\n}\n.tw-menu :where(li ul):before {\n  position: absolute;\n  bottom: 0.75rem;\n  inset-inline-start: 0px;\n  top: 0.75rem;\n  width: 1px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.1;\n  content: \"\";\n}\n.tw-menu :where(li:not(.tw-menu-title) > *:not(ul):not(details):not(.tw-menu-title)),\n.tw-menu :where(li:not(.tw-menu-title) > details > summary:not(.tw-menu-title)) {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-radius: var(--rounded-btn, 0.5rem);\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  text-align: start;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  text-wrap: balance;\n}\n:where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(summary):not(.tw-active).tw-focus,\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):not(summary):not(.tw-active):focus,\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > *:not(ul):not(details):not(.tw-menu-title)):is(summary):not(.tw-active):focus-visible,\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(summary):not(.tw-active).tw-focus,\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):not(summary):not(.tw-active):focus,\n  :where(.tw-menu li:not(.tw-menu-title):not(.tw-disabled) > details > summary:not(.tw-menu-title)):is(summary):not(.tw-active):focus-visible {\n  cursor: pointer;\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-menu li > *:not(ul):not(.tw-menu-title):not(details):active,\n.tw-menu li > *:not(ul):not(.tw-menu-title):not(details).tw-active,\n.tw-menu li > details > summary:active {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n}\n.tw-menu :where(li > details > summary)::-webkit-details-marker {\n  display: none;\n}\n.tw-menu :where(li > details > summary):after,\n.tw-menu :where(li > .tw-menu-dropdown-toggle):after {\n  justify-self: end;\n  display: block;\n  margin-top: -0.5rem;\n  height: 0.5rem;\n  width: 0.5rem;\n  transform: rotate(45deg);\n  transition-property: transform, margin-top;\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  content: \"\";\n  transform-origin: 75% 75%;\n  box-shadow: 2px 2px;\n  pointer-events: none;\n}\n.tw-menu :where(li > details[open] > summary):after,\n.tw-menu :where(li > .tw-menu-dropdown-toggle.tw-menu-dropdown-show):after {\n  transform: rotate(225deg);\n  margin-top: 0;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input {\n  position: relative;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  height: 1.75rem;\n  width: 24rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  padding-left: 2rem;\n  direction: ltr;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input:before {\n  content: \"\";\n  position: absolute;\n  left: 0.5rem;\n  top: 50%;\n  aspect-ratio: 1 / 1;\n  height: 0.75rem;\n  --tw-translate-y: -50%;\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  border-radius: 9999px;\n  border-width: 2px;\n  border-color: currentColor;\n  opacity: 0.6;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input:after {\n  content: \"\";\n  position: absolute;\n  left: 1.25rem;\n  top: 50%;\n  height: 0.5rem;\n  --tw-translate-y: 25%;\n  --tw-rotate: -45deg;\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  border-radius: 9999px;\n  border-width: 1px;\n  border-color: currentColor;\n  opacity: 0.6;\n}\n.tw-modal:not(dialog:not(.tw-modal-open)),\n  .tw-modal::backdrop {\n  background-color: #0006;\n  animation: modal-pop 0.2s ease-out;\n}\n.tw-modal-backdrop {\n  z-index: -1;\n  grid-column-start: 1;\n  grid-row-start: 1;\n  display: grid;\n  align-self: stretch;\n  justify-self: stretch;\n  color: transparent;\n}\n.tw-modal-open .tw-modal-box,\n.tw-modal-toggle:checked + .tw-modal .tw-modal-box,\n.tw-modal:target .tw-modal-box,\n.tw-modal[open] .tw-modal-box {\n  --tw-translate-y: 0px;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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}\n@keyframes modal-pop {\n\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes progress-loading {\n\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes radiomark {\n\n  0% {\n    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n\n  50% {\n    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n\n  100% {\n    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n}\n@keyframes rating-pop {\n\n  0% {\n    transform: translateY(-0.125em);\n  }\n\n  40% {\n    transform: translateY(-0.125em);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n.tw-select-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-select:focus {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-select-disabled,\n  .tw-select:disabled,\n  .tw-select[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-select-disabled::-moz-placeholder, .tw-select:disabled::-moz-placeholder, .tw-select[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-select-disabled::placeholder,\n  .tw-select:disabled::placeholder,\n  .tw-select[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-select-multiple,\n  .tw-select[multiple],\n  .tw-select[size].tw-select:not([size=\"1\"]) {\n  background-image: none;\n  padding-right: 1rem;\n}\n[dir=\"rtl\"] .tw-select {\n  background-position: calc(0% + 12px) calc(1px + 50%),\n    calc(0% + 16px) calc(1px + 50%);\n}\n@keyframes skeleton {\n\n  from {\n    background-position: 150%;\n  }\n\n  to {\n    background-position: -50%;\n  }\n}\n.tw-tabs-lifted > .tw-tab:focus-visible {\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n}\n.tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]),\n  .tw-tab:is(input:checked) {\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 1;\n  --tw-text-opacity: 1;\n}\n.tw-tab:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-tab:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: -5px;\n}\n.tw-tab-disabled,\n  .tw-tab[disabled] {\n  cursor: not-allowed;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-tabs-bordered > .tw-tab {\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0.2;\n  border-style: solid;\n  border-bottom-width: calc(var(--tab-border, 1px) + 1px);\n}\n.tw-tabs-lifted > .tw-tab {\n  border: var(--tab-border, 1px) solid transparent;\n  border-width: 0 0 var(--tab-border, 1px) 0;\n  border-start-start-radius: var(--tab-radius, 0.5rem);\n  border-start-end-radius: var(--tab-radius, 0.5rem);\n  border-bottom-color: var(--tab-border-color);\n  padding-inline-start: var(--tab-padding, 1rem);\n  padding-inline-end: var(--tab-padding, 1rem);\n  padding-top: var(--tab-border, 1px);\n}\n.tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]),\n  .tw-tabs-lifted > .tw-tab:is(input:checked) {\n  background-color: var(--tab-bg);\n  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);\n  border-inline-start-color: var(--tab-border-color);\n  border-inline-end-color: var(--tab-border-color);\n  border-top-color: var(--tab-border-color);\n  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n  padding-bottom: var(--tab-border, 1px);\n  padding-top: 0;\n}\n.tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]):before, .tw-tabs-lifted > .tw-tab:is(input:checked):before {\n  z-index: 1;\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: calc(100% + var(--tab-radius, 0.5rem) * 2);\n  height: var(--tab-radius, 0.5rem);\n  bottom: 0;\n  background-size: var(--tab-radius, 0.5rem);\n  background-position: top left,\n        top right;\n  background-repeat: no-repeat;\n  --tab-grad: calc(69% - var(--tab-border, 1px));\n  --radius-start: radial-gradient(\n        circle at top left,\n        transparent var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)\n      );\n  --radius-end: radial-gradient(\n        circle at top right,\n        transparent var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)\n      );\n  background-image: var(--radius-start), var(--radius-end);\n}\n.tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]):first-child:before, .tw-tabs-lifted > .tw-tab:is(input:checked):first-child:before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n[dir=\"rtl\"] .tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]):first-child:before, [dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(input:checked):first-child:before {\n  background-image: var(--radius-start);\n  background-position: top left;\n}\n.tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]):last-child:before, .tw-tabs-lifted > .tw-tab:is(input:checked):last-child:before {\n  background-image: var(--radius-start);\n  background-position: top left;\n}\n[dir=\"rtl\"] .tw-tabs-lifted > .tw-tab.tw-tab-active:not(.tw-tab-disabled):not([disabled]):last-child:before, [dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(input:checked):last-child:before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n.tw-tabs-lifted\n  > .tw-tab-active:not(.tw-tab-disabled):not([disabled])\n  + .tw-tabs-lifted\n  .tw-tab-active:not(.tw-tab-disabled):not([disabled]):before, .tw-tabs-lifted > .tw-tab:is(input:checked) + .tw-tabs-lifted .tw-tab:is(input:checked):before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n.tw-tabs-boxed .tw-tab {\n  border-radius: var(--rounded-btn, 0.5rem);\n}\n:is([dir=\"rtl\"] .tw-table) {\n  text-align: right;\n}\n.tw-table :where(th, td) {\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  vertical-align: middle;\n}\n.tw-table tr.tw-active,\n  .tw-table tr.tw-active:nth-child(even),\n  .tw-table-zebra tbody tr:nth-child(even) {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n}\n.tw-table :where(thead, tbody) :where(tr:not(:last-child)),\n    .tw-table :where(thead, tbody) :where(tr:first-child:last-child) {\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-table :where(thead, tfoot) {\n  white-space: nowrap;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 700;\n  color: var(--fallback-bc,oklch(var(--bc)/0.6));\n}\n.tw-textarea-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-textarea:focus {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-textarea-disabled,\n  .tw-textarea:disabled,\n  .tw-textarea[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-textarea-disabled::-moz-placeholder, .tw-textarea:disabled::-moz-placeholder, .tw-textarea[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-textarea-disabled::placeholder,\n  .tw-textarea:disabled::placeholder,\n  .tw-textarea[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n@keyframes toast-pop {\n\n  0% {\n    transform: scale(0.9);\n    opacity: 0;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.tw-btn-xs {\n  height: 1.5rem;\n  min-height: 1.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: 0.75rem;\n}\n.tw-btn-sm {\n  height: 2rem;\n  min-height: 2rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: 0.875rem;\n}\n.tw-btn-lg {\n  height: 4rem;\n  min-height: 4rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  font-size: 1.125rem;\n}\n.tw-btn-block {\n  width: 100%;\n}\n.tw-btn-square:where(.tw-btn-xs) {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-sm) {\n  height: 2rem;\n  width: 2rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-md) {\n  height: 3rem;\n  width: 3rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-lg) {\n  height: 4rem;\n  width: 4rem;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-xs) {\n  height: 1.5rem;\n  width: 1.5rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-sm) {\n  height: 2rem;\n  width: 2rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-md) {\n  height: 3rem;\n  width: 3rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-lg) {\n  height: 4rem;\n  width: 4rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n[type=\"checkbox\"].tw-checkbox-xs {\n  height: 1rem;\n  width: 1rem;\n}\n[type=\"checkbox\"].tw-checkbox-sm {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n.tw-indicator :where(.tw-indicator-item) {\n  bottom: auto;\n  inset-inline-end: 0px;\n  inset-inline-start: auto;\n  top: 0px;\n  --tw-translate-y: -50%;\n  --tw-translate-x: 50%;\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}\n:is([dir=\"rtl\"] .tw-indicator :where(.tw-indicator-item)) {\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-start) {\n  inset-inline-end: auto;\n  inset-inline-start: 0px;\n  --tw-translate-x: -50%;\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}\n:is([dir=\"rtl\"] .tw-indicator :where(.tw-indicator-item.tw-indicator-start)) {\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-center) {\n  inset-inline-end: 50%;\n  inset-inline-start: 50%;\n  --tw-translate-x: -50%;\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}\n:is([dir=\"rtl\"] .tw-indicator :where(.tw-indicator-item.tw-indicator-center)) {\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-end) {\n  inset-inline-end: 0px;\n  inset-inline-start: auto;\n  --tw-translate-x: 50%;\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}\n:is([dir=\"rtl\"] .tw-indicator :where(.tw-indicator-item.tw-indicator-end)) {\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-bottom) {\n  bottom: 0px;\n  top: auto;\n  --tw-translate-y: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-middle) {\n  bottom: 50%;\n  top: 50%;\n  --tw-translate-y: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-top) {\n  bottom: auto;\n  top: 0px;\n  --tw-translate-y: -50%;\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}\n.tw-input-md {\n  height: 3rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n}\n.tw-input-sm {\n  height: 2rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: 0.875rem;\n  line-height: 2rem;\n}\n.tw-tabs-md :where(.tw-tab) {\n  height: 2rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  --tab-padding: 1rem;\n}\n.tw-tabs-lg :where(.tw-tab) {\n  height: 3rem;\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  line-height: 2;\n  --tab-padding: 1.25rem;\n}\n.tw-tabs-sm :where(.tw-tab) {\n  height: 1.5rem;\n  font-size: 0.875rem;\n  line-height: .75rem;\n  --tab-padding: 0.75rem;\n}\n.tw-tabs-xs :where(.tw-tab) {\n  height: 1.25rem;\n  font-size: 0.75rem;\n  line-height: .75rem;\n  --tab-padding: 0.5rem;\n}\n.tw-tooltip {\n  position: relative;\n  display: inline-block;\n  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));\n}\n.tw-tooltip:before {\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  content: var(--tw-content);\n  --tw-content: attr(data-tip);\n}\n.tw-tooltip:before, .tw-tooltip-top:before {\n  transform: translateX(-50%);\n  top: auto;\n  left: 50%;\n  right: auto;\n  bottom: var(--tooltip-offset);\n}\n.tw-tooltip-left:before {\n  transform: translateY(-50%);\n  top: 50%;\n  left: auto;\n  right: var(--tooltip-offset);\n  bottom: auto;\n}\n.tw-tooltip-right:before {\n  transform: translateY(-50%);\n  top: 50%;\n  left: var(--tooltip-offset);\n  right: auto;\n  bottom: auto;\n}\n.tw-avatar.tw-online:before {\n  content: \"\";\n  position: absolute;\n  z-index: 10;\n  display: block;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-color: var(--fallback-b1,oklch(var(--b1)/1));\n  width: 15%;\n  height: 15%;\n  top: 7%;\n  right: 7%;\n}\n.tw-avatar.tw-offline:before {\n  content: \"\";\n  position: absolute;\n  z-index: 10;\n  display: block;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-color: var(--fallback-b1,oklch(var(--b1)/1));\n  width: 15%;\n  height: 15%;\n  top: 7%;\n  right: 7%;\n}\n.tw-card-compact .tw-card-body {\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-card-compact .tw-card-title {\n  margin-bottom: 0.25rem;\n}\n.tw-card-normal .tw-card-body {\n  padding: var(--padding-card, 2rem);\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-card-normal .tw-card-title {\n  margin-bottom: 0.75rem;\n}\n.tw-modal-top :where(.tw-modal-box) {\n  width: 100%;\n  max-width: none;\n  --tw-translate-y: -2.5rem;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.tw-modal-middle :where(.tw-modal-box) {\n  width: 91.666667%;\n  max-width: 32rem;\n  --tw-translate-y: 0px;\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\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  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n}\n.tw-modal-bottom :where(.tw-modal-box) {\n  width: 100%;\n  max-width: none;\n  --tw-translate-y: 2.5rem;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.tw-tooltip {\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  --tooltip-tail: 0.1875rem;\n  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));\n  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));\n  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));\n}\n.tw-tooltip:before,\n.tw-tooltip:after {\n  opacity: 0;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-delay: 100ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.tw-tooltip:after {\n  position: absolute;\n  content: \"\";\n  border-style: solid;\n  border-width: var(--tooltip-tail, 0);\n  width: 0;\n  height: 0;\n  display: block;\n}\n.tw-tooltip:before {\n  max-width: 20rem;\n  border-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  background-color: var(--tooltip-color);\n  color: var(--tooltip-text-color);\n  width: -moz-max-content;\n  width: max-content;\n}\n.tw-tooltip.tw-tooltip-open:before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip.tw-tooltip-open:after {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:hover:before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:hover:after {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:has(:focus-visible):after,\n.tw-tooltip:has(:focus-visible):before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:not([data-tip]):hover:before,\n.tw-tooltip:not([data-tip]):hover:after {\n  visibility: hidden;\n  opacity: 0;\n}\n.tw-tooltip:after, .tw-tooltip-top:after {\n  transform: translateX(-50%);\n  border-color: var(--tooltip-color) transparent transparent transparent;\n  top: auto;\n  left: 50%;\n  right: auto;\n  bottom: var(--tooltip-tail-offset);\n}\n.tw-tooltip-left:after {\n  transform: translateY(-50%);\n  border-color: transparent transparent transparent var(--tooltip-color);\n  top: 50%;\n  left: auto;\n  right: calc(var(--tooltip-tail-offset) + 0.0625rem);\n  bottom: auto;\n}\n.tw-tooltip-right:after {\n  transform: translateY(-50%);\n  border-color: transparent var(--tooltip-color) transparent transparent;\n  top: 50%;\n  left: calc(var(--tooltip-tail-offset) + 0.0625rem);\n  right: auto;\n  bottom: auto;\n}\n.tw-pointer-events-none {\n  pointer-events: none;\n}\n.tw-pointer-events-auto {\n  pointer-events: auto;\n}\n.tw-fixed {\n  position: fixed;\n}\n.tw-absolute {\n  position: absolute;\n}\n.tw-relative {\n  position: relative;\n}\n.tw-inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.\\!tw-bottom-24 {\n  bottom: 6rem !important;\n}\n.\\!tw-left-0 {\n  left: 0px !important;\n}\n.\\!tw-left-auto {\n  left: auto !important;\n}\n.-tw-left-6 {\n  left: -1.5rem;\n}\n.tw--right-2 {\n  right: -0.5rem;\n}\n.tw--top-2 {\n  top: -0.5rem;\n}\n.tw-bottom-0 {\n  bottom: 0px;\n}\n.tw-bottom-4 {\n  bottom: 1rem;\n}\n.tw-left-0 {\n  left: 0px;\n}\n.tw-left-1\\/2 {\n  left: 50%;\n}\n.tw-left-4 {\n  left: 1rem;\n}\n.tw-right-0 {\n  right: 0px;\n}\n.tw-right-1 {\n  right: 0.25rem;\n}\n.tw-right-2 {\n  right: 0.5rem;\n}\n.tw-right-4 {\n  right: 1rem;\n}\n.tw-right-5 {\n  right: 1.25rem;\n}\n.tw-top-0 {\n  top: 0px;\n}\n.tw-top-1 {\n  top: 0.25rem;\n}\n.tw-top-14 {\n  top: 3.5rem;\n}\n.tw-top-2 {\n  top: 0.5rem;\n}\n.tw-top-4 {\n  top: 1rem;\n}\n.\\!tw-z-\\[10000\\] {\n  z-index: 10000 !important;\n}\n.tw-z-1000 {\n  z-index: 1000;\n}\n.tw-z-3000 {\n  z-index: 3000;\n}\n.tw-z-500 {\n  z-index: 500;\n}\n.tw-z-\\[10000\\] {\n  z-index: 10000;\n}\n.tw-z-\\[10035\\] {\n  z-index: 10035;\n}\n.tw-z-\\[2000\\] {\n  z-index: 2000;\n}\n.tw-z-\\[4000\\] {\n  z-index: 4000;\n}\n.tw-z-\\[9998\\] {\n  z-index: 9998;\n}\n.tw-z-\\[999\\] {\n  z-index: 999;\n}\n.tw-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.tw-float-right {\n  float: right;\n}\n.tw-float-left {\n  float: left;\n}\n.tw-m-1 {\n  margin: 0.25rem;\n}\n.tw-m-4 {\n  margin: 1rem;\n}\n.tw-m-auto {\n  margin: auto;\n}\n.\\!tw-my-0 {\n  margin-top: 0px !important;\n  margin-bottom: 0px !important;\n}\n.\\!tw-my-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n.-tw-mx-4 {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.tw-mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.tw-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.tw-mx-6 {\n  margin-left: 1.5rem;\n  margin-right: 1.5rem;\n}\n.tw-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.tw-my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.tw-my-10 {\n  margin-top: 2.5rem;\n  margin-bottom: 2.5rem;\n}\n.tw-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.-tw-mb-1 {\n  margin-bottom: -0.25rem;\n}\n.-tw-mb-2 {\n  margin-bottom: -0.5rem;\n}\n.-tw-mb-4 {\n  margin-bottom: -1rem;\n}\n.-tw-mr-4 {\n  margin-right: -1rem;\n}\n.-tw-mr-6 {\n  margin-right: -1.5rem;\n}\n.-tw-mt-2 {\n  margin-top: -0.5rem;\n}\n.tw-mb-0 {\n  margin-bottom: 0px;\n}\n.tw-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.tw-mb-10 {\n  margin-bottom: 2.5rem;\n}\n.tw-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.tw-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.tw-mb-4 {\n  margin-bottom: 1rem;\n}\n.tw-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.tw-ml-1 {\n  margin-left: 0.25rem;\n}\n.tw-ml-2 {\n  margin-left: 0.5rem;\n}\n.tw-mr-1 {\n  margin-right: 0.25rem;\n}\n.tw-mr-2 {\n  margin-right: 0.5rem;\n}\n.tw-mr-4 {\n  margin-right: 1rem;\n}\n.tw-mr-5 {\n  margin-right: 1.25rem;\n}\n.tw-mt-0 {\n  margin-top: 0px;\n}\n.tw-mt-1 {\n  margin-top: 0.25rem;\n}\n.tw-mt-1\\.5 {\n  margin-top: 0.375rem;\n}\n.tw-mt-12 {\n  margin-top: 3rem;\n}\n.tw-mt-16 {\n  margin-top: 4rem;\n}\n.tw-mt-2 {\n  margin-top: 0.5rem;\n}\n.tw-mt-3 {\n  margin-top: 0.75rem;\n}\n.tw-mt-4 {\n  margin-top: 1rem;\n}\n.tw-mt-5 {\n  margin-top: 1.25rem;\n}\n.tw-mt-6 {\n  margin-top: 1.5rem;\n}\n.tw-mt-8 {\n  margin-top: 2rem;\n}\n.tw-block {\n  display: block;\n}\n.tw-inline-block {\n  display: inline-block;\n}\n.tw-inline {\n  display: inline;\n}\n.tw-flex {\n  display: flex;\n}\n.tw-inline-flex {\n  display: inline-flex;\n}\n.tw-table {\n  display: table;\n}\n.tw-grid {\n  display: grid;\n}\n.tw-hidden {\n  display: none;\n}\n.tw-h-10 {\n  height: 2.5rem;\n}\n.tw-h-12 {\n  height: 3rem;\n}\n.tw-h-20 {\n  height: 5rem;\n}\n.tw-h-24 {\n  height: 6rem;\n}\n.tw-h-28 {\n  height: 7rem;\n}\n.tw-h-3 {\n  height: 0.75rem;\n}\n.tw-h-3\\/4 {\n  height: 75%;\n}\n.tw-h-32 {\n  height: 8rem;\n}\n.tw-h-4 {\n  height: 1rem;\n}\n.tw-h-40 {\n  height: 10rem;\n}\n.tw-h-48 {\n  height: 12rem;\n}\n.tw-h-5 {\n  height: 1.25rem;\n}\n.tw-h-6 {\n  height: 1.5rem;\n}\n.tw-h-8 {\n  height: 2rem;\n}\n.tw-h-96 {\n  height: 24rem;\n}\n.tw-h-\\[100dvh\\] {\n  height: 100dvh;\n}\n.tw-h-\\[calc\\(100\\%-1rem\\)\\] {\n  height: calc(100% - 1rem);\n}\n.tw-h-\\[calc\\(100dvh-268px\\)\\] {\n  height: calc(100dvh - 268px);\n}\n.tw-h-\\[calc\\(100dvh-280px\\)\\] {\n  height: calc(100dvh - 280px);\n}\n.tw-h-\\[calc\\(100dvh-332px\\)\\] {\n  height: calc(100dvh - 332px);\n}\n.tw-h-\\[calc\\(100dvh-64px\\)\\] {\n  height: calc(100dvh - 64px);\n}\n.tw-h-\\[calc\\(50\\%-0\\.75em\\)\\] {\n  height: calc(50% - 0.75em);\n}\n.tw-h-\\[calc\\(50\\%-1\\.5em\\)\\] {\n  height: calc(50% - 1.5em);\n}\n.tw-h-fit {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.tw-h-full {\n  height: 100%;\n}\n.tw-max-h-64 {\n  max-height: 16rem;\n}\n.tw-max-h-\\[calc\\(100dvh-152px\\)\\] {\n  max-height: calc(100dvh - 152px);\n}\n.tw-max-h-\\[calc\\(100dvh-96px\\)\\] {\n  max-height: calc(100dvh - 96px);\n}\n.tw-min-h-0 {\n  min-height: 0px;\n}\n.tw-min-h-56 {\n  min-height: 224px;\n}\n.tw-min-h-80 {\n  min-height: 320px;\n}\n.tw-min-h-\\[21px\\] {\n  min-height: 21px;\n}\n.tw-min-h-\\[5em\\] {\n  min-height: 5em;\n}\n.tw-w-1 {\n  width: 0.25rem;\n}\n.tw-w-10 {\n  width: 2.5rem;\n}\n.tw-w-12 {\n  width: 3rem;\n}\n.tw-w-20 {\n  width: 5rem;\n}\n.tw-w-28 {\n  width: 7rem;\n}\n.tw-w-4 {\n  width: 1rem;\n}\n.tw-w-48 {\n  width: 12rem;\n}\n.tw-w-5 {\n  width: 1.25rem;\n}\n.tw-w-52 {\n  width: 13rem;\n}\n.tw-w-6 {\n  width: 1.5rem;\n}\n.tw-w-8 {\n  width: 2rem;\n}\n.tw-w-80 {\n  width: 20rem;\n}\n.tw-w-96 {\n  width: 24rem;\n}\n.tw-w-\\[56px\\] {\n  width: 56px;\n}\n.tw-w-\\[calc\\(100\\%-32px\\)\\] {\n  width: calc(100% - 32px);\n}\n.tw-w-\\[calc\\(100vw-2rem\\)\\] {\n  width: calc(100vw - 2rem);\n}\n.tw-w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.tw-w-full {\n  width: 100%;\n}\n.tw-min-w-0 {\n  min-width: 0px;\n}\n.tw-min-w-80 {\n  min-width: 320px;\n}\n.tw-min-w-\\[10\\.4em\\] {\n  min-width: 10.4em;\n}\n.tw-min-w-\\[10em\\] {\n  min-width: 10em;\n}\n.tw-min-w-\\[8rem\\] {\n  min-width: 8rem;\n}\n.tw-min-w-fit {\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n.tw-max-w-3xl {\n  max-width: 48rem;\n}\n.tw-max-w-\\[17rem\\] {\n  max-width: 17rem;\n}\n.tw-max-w-\\[22rem\\] {\n  max-width: 22rem;\n}\n.tw-max-w-\\[calc\\(100\\%-60px\\)\\] {\n  max-width: calc(100% - 60px);\n}\n.tw-max-w-full {\n  max-width: 100%;\n}\n.tw-max-w-xl {\n  max-width: 36rem;\n}\n.tw-max-w-xs {\n  max-width: 20rem;\n}\n.tw-flex-1 {\n  flex: 1 1 0%;\n}\n.tw-flex-none {\n  flex: none;\n}\n.tw-flex-grow {\n  flex-grow: 1;\n}\n.tw-grow {\n  flex-grow: 1;\n}\n.tw-basis-1\\/5 {\n  flex-basis: 20%;\n}\n.tw-basis-2\\/5 {\n  flex-basis: 40%;\n}\n.-tw-translate-y-1\\/3 {\n  --tw-translate-y: -33.333333%;\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}\n.tw--translate-x-1\\/2 {\n  --tw-translate-x: -50%;\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}\n.tw--translate-x-full {\n  --tw-translate-x: -100%;\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}\n.tw-translate-x-0 {\n  --tw-translate-x: 0px;\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}\n.tw-translate-x-1\\/3 {\n  --tw-translate-x: 33.333333%;\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}\n.tw-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}\n.tw-transform {\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}\n@keyframes tw-pulseGrow {\n\n  0%, 100% {\n    transform: scale(1.00);\n  }\n\n  80% {\n    transform: scale(1.00);\n  }\n\n  90% {\n    transform: scale(0.95);\n  }\n}\n.tw-animate-pulseGrow {\n  animation: tw-pulseGrow 2s ease-in-out infinite;\n}\n.tw-cursor-pointer {\n  cursor: pointer;\n}\n.tw-cursor-text {\n  cursor: text;\n}\n.tw-resize-none {\n  resize: none;\n}\n.tw-list-inside {\n  list-style-position: inside;\n}\n.tw-list-decimal {\n  list-style-type: decimal;\n}\n.tw-list-disc {\n  list-style-type: disc;\n}\n.tw-list-none {\n  list-style-type: none;\n}\n.tw-columns-1 {\n  -moz-columns: 1;\n       columns: 1;\n}\n.tw-break-inside-avoid {\n  -moz-column-break-inside: avoid;\n       break-inside: avoid;\n}\n.tw-grid-flow-col {\n  grid-auto-flow: column;\n}\n.tw-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.tw-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.tw-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.tw-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.tw-flex-row {\n  flex-direction: row;\n}\n.tw-flex-col {\n  flex-direction: column;\n}\n.tw-flex-wrap {\n  flex-wrap: wrap;\n}\n.tw-place-content-center {\n  place-content: center;\n}\n.tw-place-content-end {\n  place-content: end;\n}\n.tw-place-items-end {\n  place-items: end;\n}\n.tw-place-items-center {\n  place-items: center;\n}\n.tw-items-center {\n  align-items: center;\n}\n.tw-justify-normal {\n  justify-content: normal;\n}\n.tw-justify-end {\n  justify-content: flex-end;\n}\n.tw-justify-center {\n  justify-content: center;\n}\n.tw-justify-between {\n  justify-content: space-between;\n}\n.tw-gap-2 {\n  gap: 0.5rem;\n}\n.tw-gap-6 {\n  gap: 1.5rem;\n}\n.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.tw-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.75rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.tw-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.tw-place-self-end {\n  place-self: end;\n}\n.tw-place-self-center {\n  place-self: center;\n}\n.tw-self-center {\n  align-self: center;\n}\n.tw-overflow-auto {\n  overflow: auto;\n}\n.tw-overflow-hidden {\n  overflow: hidden;\n}\n.tw-overflow-scroll {\n  overflow: scroll;\n}\n.tw-overflow-x-auto {\n  overflow-x: auto;\n}\n.tw-overflow-y-auto {\n  overflow-y: auto;\n}\n.tw-overflow-x-hidden {\n  overflow-x: hidden;\n}\n.tw-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tw-text-ellipsis {\n  text-overflow: ellipsis;\n}\n.tw-whitespace-nowrap {\n  white-space: nowrap;\n}\n.\\!tw-rounded-none {\n  border-radius: 0px !important;\n}\n.tw-rounded {\n  border-radius: 0.25rem;\n}\n.tw-rounded-2xl {\n  border-radius: 1rem;\n}\n.tw-rounded-box {\n  border-radius: var(--rounded-box, 1rem);\n}\n.tw-rounded-full {\n  border-radius: 9999px;\n}\n.tw-rounded-lg {\n  border-radius: 0.5rem;\n}\n.tw-rounded-md {\n  border-radius: 0.375rem;\n}\n.tw-rounded-none {\n  border-radius: 0px;\n}\n.tw-rounded-xl {\n  border-radius: 0.75rem;\n}\n.tw-rounded-br-md {\n  border-bottom-right-radius: 0.375rem;\n}\n.tw-rounded-tl-none {\n  border-top-left-radius: 0px;\n}\n.tw-rounded-tr-md {\n  border-top-right-radius: 0.375rem;\n}\n.tw-border {\n  border-width: 1px;\n}\n.tw-border-0 {\n  border-width: 0px;\n}\n.tw-border-4 {\n  border-width: 4px;\n}\n.tw-border-\\[1px\\] {\n  border-width: 1px;\n}\n.tw-border-t-0 {\n  border-top-width: 0px;\n}\n.tw-border-none {\n  border-style: none;\n}\n.tw-border-\\[var\\(--fallback-bc\\,oklch\\(var\\(--bc\\)\\/0\\.2\\)\\)\\] {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-border-base-200 {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-border-base-300 {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n}\n.tw-border-current {\n  border-color: currentColor;\n}\n.tw-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.tw-bg-\\[\\#369acc\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 154 204 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#95cf92\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(149 207 146 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#9656a2\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(150 86 162 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#A9DEF9\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(169 222 249 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#D0F4DE\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(208 244 222 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#E4C1F9\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(228 193 249 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#FCF6BD\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 246 189 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#FF99C8\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 153 200 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#de324c\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(222 50 76 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#f4895f\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 137 95 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#f8e16f\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 225 111 / var(--tw-bg-opacity));\n}\n.tw-bg-\\[\\#fff0d6\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 240 214 / var(--tw-bg-opacity));\n}\n.tw-bg-base-100 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-bg-base-200 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n}\n.tw-bg-base-300 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n}\n.tw-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.tw-bg-neutral-content {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity)));\n}\n.tw-bg-primary {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));\n}\n.tw-bg-slate-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n.tw-bg-transparent {\n  background-color: transparent;\n}\n.tw-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.tw-fill-current {\n  fill: currentColor;\n}\n.tw-stroke-current {\n  stroke: currentColor;\n}\n.tw-object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.\\!tw-p-0 {\n  padding: 0px !important;\n}\n.\\!tw-p-4 {\n  padding: 1rem !important;\n}\n.\\!tw-p-9 {\n  padding: 2.25rem !important;\n}\n.tw-p-0 {\n  padding: 0px;\n}\n.tw-p-1 {\n  padding: 0.25rem;\n}\n.tw-p-2 {\n  padding: 0.5rem;\n}\n.tw-p-3 {\n  padding: 0.75rem;\n}\n.tw-p-4 {\n  padding: 1rem;\n}\n.tw-p-6 {\n  padding: 1.5rem;\n}\n.tw-p-\\[1px\\] {\n  padding: 1px;\n}\n.tw-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.tw-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.tw-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.tw-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.tw-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.tw-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.tw-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.tw-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.\\!tw-pe-2 {\n  padding-inline-end: 0.5rem !important;\n}\n.\\!tw-ps-2 {\n  padding-inline-start: 0.5rem !important;\n}\n.tw-pb-0 {\n  padding-bottom: 0px;\n}\n.tw-pb-1 {\n  padding-bottom: 0.25rem;\n}\n.tw-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.tw-pb-4 {\n  padding-bottom: 1rem;\n}\n.tw-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.tw-pl-2 {\n  padding-left: 0.5rem;\n}\n.tw-pr-1 {\n  padding-right: 0.25rem;\n}\n.tw-pr-12 {\n  padding-right: 3rem;\n}\n.tw-pr-4 {\n  padding-right: 1rem;\n}\n.tw-pt-0 {\n  padding-top: 0px;\n}\n.tw-pt-1 {\n  padding-top: 0.25rem;\n}\n.tw-pt-2 {\n  padding-top: 0.5rem;\n}\n.tw-pt-4 {\n  padding-top: 1rem;\n}\n.tw-pt-6 {\n  padding-top: 1.5rem;\n}\n.tw-text-center {\n  text-align: center;\n}\n.tw-text-right {\n  text-align: right;\n}\n.tw-align-middle {\n  vertical-align: middle;\n}\n.tw-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.tw-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.tw-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n.tw-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.tw-text-map {\n  font-size: 13px;\n}\n.tw-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.tw-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.tw-font-bold {\n  font-weight: 700;\n}\n.tw-font-medium {\n  font-weight: 500;\n}\n.tw-font-normal {\n  font-weight: 400;\n}\n.tw-font-semibold {\n  font-weight: 600;\n}\n.tw-normal-case {\n  text-transform: none;\n}\n.tw-italic {\n  font-style: italic;\n}\n.tw-leading-3 {\n  line-height: .75rem;\n}\n.tw-leading-5 {\n  line-height: 1.25rem;\n}\n.tw-leading-map {\n  line-height: 1.4em;\n}\n.\\!tw-text-base-content {\n  --tw-text-opacity: 1 !important;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;\n}\n.\\!tw-text-error {\n  --tw-text-opacity: 1 !important;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))) !important;\n}\n.tw-text-base-content {\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n}\n.tw-text-current {\n  color: currentColor;\n}\n.tw-text-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));\n}\n.tw-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.tw-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.tw-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n.tw-text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34 197 94 / var(--tw-text-opacity));\n}\n.tw-text-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));\n}\n.tw-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.tw-text-zinc-500 {\n  --tw-text-opacity: 1;\n  color: rgb(113 113 122 / var(--tw-text-opacity));\n}\n.tw-underline {\n  text-decoration-line: underline;\n}\n.tw-opacity-0 {\n  opacity: 0;\n}\n.tw-opacity-100 {\n  opacity: 1;\n}\n.tw-opacity-50 {\n  opacity: 0.5;\n}\n.tw-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}\n.tw-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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}\n.tw-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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}\n.tw-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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}\n.tw-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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}\n.tw-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\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}\n.tw-backdrop-brightness-75 {\n  --tw-backdrop-brightness: brightness(.75);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.tw-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-transition-none {\n  transition-property: none;\n}\n.tw-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-duration-200 {\n  transition-duration: 200ms;\n}\n.tw-duration-300 {\n  transition-duration: 300ms;\n}\n.tw-duration-500 {\n  transition-duration: 500ms;\n}\n.tw-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.\\!\\[clip\\:rect\\(0\\2c 0\\2c 0\\2c 0\\)\\] {\n  clip: rect(0,0,0,0) !important;\n}\n.\\[--tab-border-color\\:var\\(--fallback-bc\\2c oklch\\(var\\(--bc\\)\\/0\\.2\\)\\)\\] {\n  --tab-border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.\\[direction\\:ltr\\] {\n  direction: ltr;\n}\n.\\[overflow-anchor\\:none\\] {\n  overflow-anchor: none;\n}\n.\\[transition\\:background-color_\\.2s_linear\\2c _height_\\.2s_ease-in-out\\] {\n  transition: background-color .2s linear, height .2s ease-in-out;\n}\n.\\[transition\\:background-color_\\.2s_linear\\2c _width_\\.2s_ease-in-out\\2c _opacity\\] {\n  transition: background-color .2s linear, width .2s ease-in-out, opacity;\n}\n.\\[transition\\:background-color_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\2c box-shadow_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\2c border_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\] {\n  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;\n}\n\n.fade {\n  -webkit-mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);\n          mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);\n}\n\n.tw-modal {\n  z-index: 1200 !important;\n}\n\n.tw-menu li a {\n  border-radius: 10px;\n}\n\n.tw-modal {\n  z-index: 1200 !important;\n  max-height: 100dvh;\n}\n\n.tw-modal-box {\n  max-height: calc(100dvh - 2em);\n}\n\n.Toastify__toast {\n  border-radius: 1rem;\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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  margin-left: 1rem;\n  margin-right: 1rem;\n  margin-bottom: 1rem;\n  background-color: var(--fallback-b1,oklch(var(--b1)/1));\n  color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n\n.Toastify__toast-container {\n  z-index: 2001 !important;\n}\n\n.Toastify__toast-container--top-right {\n  top: 4.75em !important;\n}\n\n:root {\n\n  --toastify-color-info: var(--fallback-in,oklch(var(--in)/1));\n  --toastify-color-success: var(--fallback-su,oklch(var(--su)/1));\n  --toastify-color-warning: var(--fallback-wa,oklch(var(--wa)/1));\n  --toastify-color-error: var(--fallback-er,oklch(var(--er)/1));\n\n}\n\n.placeholder-center::-moz-placeholder {\n  text-align: center;\n}\n\n.placeholder-center::placeholder {\n  text-align: center;\n}\n\n.custom-file-upload {\n  cursor: pointer;\n}\n\ninput[type=\"file\"] {\n  display: none;\n}\n\n.custom-file-upload:hover .button {\n  opacity: 0.8;\n}\n\n.custom-file-upload .button {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  transform: translate(8px, 8px);\n\n}\n\n.tw-tab-content .container {\n  height: 100%;\n}\n\n.masonry {\n  -moz-column-count: 1;\n       column-count: 1;\n  -moz-column-gap: 1.5rem;\n       column-gap: 1.5rem;\n}\n.masonry-item {\n  -moz-column-break-inside: avoid;\n       break-inside: avoid;\n  margin-bottom: 1.5rem;\n}\n@media (min-width: 640px) {\n  .masonry {\n      -moz-column-count: 2;\n           column-count: 2;\n  }\n}\n@media (min-width: 1024px) {\n  .masonry {\n      -moz-column-count: 3;\n           column-count: 3;\n  }\n}\n@media (min-width: 1536px) {\n  .masonry {\n      -moz-column-count: 4;\n           column-count: 4;\n  }\n}\n@media (min-width: 640px) {\n\n  .sm\\:tw-table-sm :not(thead):not(tfoot) tr {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .sm\\:tw-table-sm :where(th, td) {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:tw-table-md :not(thead):not(tfoot) tr {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .md\\:tw-table-md :where(th, td) {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n}\n.hover\\:tw-cursor-pointer:hover {\n  cursor: pointer;\n}\n.hover\\:tw-bg-base-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n}\n.hover\\:tw-bg-slate-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n.hover\\:tw-bg-transparent:hover {\n  background-color: transparent;\n}\n.hover\\:tw-font-bold:hover {\n  font-weight: 700;\n}\n.hover\\:tw-text-primary:hover {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));\n}\n.hover\\:tw-underline:hover {\n  text-decoration-line: underline;\n}\n.focus\\:tw-border-indigo-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(99 102 241 / var(--tw-border-opacity));\n}\n.focus\\:tw-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:tw-ring-indigo-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));\n}\n.data-\\[te-sidenav-slim\\=\\'true\\'\\]\\:tw-hidden[data-te-sidenav-slim='true'] {\n  display: none;\n}\n.data-\\[te-sidenav-slim-collapsed\\=\\'true\\'\\]\\:tw-w-\\[56px\\][data-te-sidenav-slim-collapsed='true'] {\n  width: 56px;\n}\n.data-\\[te-sidenav-slim\\=\\'true\\'\\]\\:tw-w-\\[56px\\][data-te-sidenav-slim='true'] {\n  width: 56px;\n}\n.data-\\[te-sidenav-hidden\\=\\'false\\'\\]\\:tw-translate-x-0[data-te-sidenav-hidden='false'] {\n  --tw-translate-x: 0px;\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}\n.tw-group[data-te-sidenav-slim-collapsed='true'] .group-\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\]\\:data-\\[te-sidenav-slim\\=\\'false\\'\\]\\:tw-hidden[data-te-sidenav-slim='false'] {\n  display: none;\n}\n:is([dir=\"rtl\"] .rtl\\:\\[direction\\:rtl\\]) {\n  direction: rtl;\n}\n@media (prefers-color-scheme: dark) {\n\n  .dark\\:tw-bg-zinc-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(39 39 42 / var(--tw-bg-opacity));\n  }\n}\n@media (min-width: 640px) {\n\n  .sm\\:\\!tw-left-auto {\n    left: auto !important;\n  }\n\n  .sm\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .sm\\:tw-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:tw-mb-0 {\n    margin-bottom: 0px;\n  }\n\n  .md\\:tw-flex {\n    display: flex;\n  }\n\n  .md\\:tw-hidden {\n    display: none;\n  }\n\n  .md\\:tw-w-1\\/2 {\n    width: 50%;\n  }\n\n  .md\\:tw-w-\\[calc\\(50\\%-32px\\)\\] {\n    width: calc(50% - 32px);\n  }\n\n  .md\\:tw-columns-2 {\n    -moz-columns: 2;\n         columns: 2;\n  }\n\n  .md\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .md\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .md\\:tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .md\\:tw-text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n}\n@media (min-width: 1024px) {\n\n  .lg\\:tw-columns-3 {\n    -moz-columns: 3;\n         columns: 3;\n  }\n\n  .lg\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n}\n@media (min-width: 1280px) {\n\n  .xl\\:tw-max-w-6xl {\n    max-width: 72rem;\n  }\n\n  .xl\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .xl\\:tw-text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\32xl\\:tw-columns-4 {\n    -moz-columns: 4;\n         columns: 4;\n  }\n\n  .\\32xl\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n.\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\[data-te-sidenav-slim\\=\\'false\\'\\]\\]\\:tw-hidden[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false'] {\n  display: none;\n}\n.\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\[data-te-sidenav-slim\\=\\'true\\'\\]\\]\\:\\[display\\:unset\\][data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true'] {\n  display: unset;\n}";
-styleInject(css_248z$2);
+var css_248z$4 = "*, ::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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.17 | 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: Helvetica, sans-serif, Roboto; /* 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, 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  letter-spacing: 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,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([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]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root,\n[data-theme] {\n  background-color: var(--fallback-b1,oklch(var(--b1)/1));\n  color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n\n@supports not (color: oklch(0% 0 0)) {\n\n  :root {\n    color-scheme: light;\n    --fallback-p: #491eff;\n    --fallback-pc: #d4dbff;\n    --fallback-s: #ff41c7;\n    --fallback-sc: #fff9fc;\n    --fallback-a: #00cfbd;\n    --fallback-ac: #00100d;\n    --fallback-n: #2b3440;\n    --fallback-nc: #d7dde4;\n    --fallback-b1: #ffffff;\n    --fallback-b2: #e5e6e6;\n    --fallback-b3: #e5e6e6;\n    --fallback-bc: #1f2937;\n    --fallback-in: #00b3f0;\n    --fallback-inc: #000000;\n    --fallback-su: #00ca92;\n    --fallback-suc: #000000;\n    --fallback-wa: #ffc22d;\n    --fallback-wac: #000000;\n    --fallback-er: #ff6f70;\n    --fallback-erc: #000000;\n  }\n\n  @media (prefers-color-scheme: dark) {\n\n    :root {\n      color-scheme: dark;\n      --fallback-p: #7582ff;\n      --fallback-pc: #050617;\n      --fallback-s: #ff71cf;\n      --fallback-sc: #190211;\n      --fallback-a: #00c7b5;\n      --fallback-ac: #000e0c;\n      --fallback-n: #2a323c;\n      --fallback-nc: #a6adbb;\n      --fallback-b1: #1d232a;\n      --fallback-b2: #191e24;\n      --fallback-b3: #15191e;\n      --fallback-bc: #a6adbb;\n      --fallback-in: #00b3f0;\n      --fallback-inc: #000000;\n      --fallback-su: #00ca92;\n      --fallback-suc: #000000;\n      --fallback-wa: #ffc22d;\n      --fallback-wac: #000000;\n      --fallback-er: #ff6f70;\n      --fallback-erc: #000000;\n    }\n  }\n}\n\nhtml {\n  -webkit-tap-highlight-color: transparent;\n}\n\n* {\n  scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;\n}\n\n*:hover {\n  scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;\n}\n\n:root {\n  color-scheme: light;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --pc: 89.824% 0.06192 275.75;\n  --ac: 15.352% 0.0368 183.61;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 49.12% 0.3096 275.75;\n  --s: 69.71% 0.329 342.55;\n  --sc: 98.71% 0.0106 342.55;\n  --a: 76.76% 0.184 183.61;\n  --n: 32.1785% 0.02476 255.701624;\n  --nc: 89.4994% 0.011585 252.096176;\n  --b1: 100% 0 0;\n  --b2: 96.1151% 0 0;\n  --b3: 92.4169% 0.00108 197.137559;\n  --bc: 27.8078% 0.029596 256.847952;\n}\n\n@media (prefers-color-scheme: dark) {\n\n  :root {\n    color-scheme: dark;\n    --in: 72.06% 0.191 231.6;\n    --su: 64.8% 0.150 160;\n    --wa: 84.71% 0.199 83.87;\n    --er: 71.76% 0.221 22.18;\n    --pc: 13.138% 0.0392 275.75;\n    --sc: 14.96% 0.052 342.55;\n    --ac: 14.902% 0.0334 183.61;\n    --inc: 0% 0 0;\n    --suc: 0% 0 0;\n    --wac: 0% 0 0;\n    --erc: 0% 0 0;\n    --rounded-box: 1rem;\n    --rounded-btn: 0.5rem;\n    --rounded-badge: 1.9rem;\n    --animation-btn: 0.25s;\n    --animation-input: .2s;\n    --btn-focus-scale: 0.95;\n    --border-btn: 1px;\n    --tab-border: 1px;\n    --tab-radius: 0.5rem;\n    --p: 65.69% 0.196 275.75;\n    --s: 74.8% 0.26 342.55;\n    --a: 74.51% 0.167 183.61;\n    --n: 31.3815% 0.021108 254.139175;\n    --nc: 74.6477% 0.0216 264.435964;\n    --b1: 25.3267% 0.015896 252.417568;\n    --b2: 23.2607% 0.013807 253.100675;\n    --b3: 21.1484% 0.01165 254.087939;\n    --bc: 74.6477% 0.0216 264.435964;\n  }\n}\n\n[data-theme=light] {\n  color-scheme: light;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --pc: 89.824% 0.06192 275.75;\n  --ac: 15.352% 0.0368 183.61;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 49.12% 0.3096 275.75;\n  --s: 69.71% 0.329 342.55;\n  --sc: 98.71% 0.0106 342.55;\n  --a: 76.76% 0.184 183.61;\n  --n: 32.1785% 0.02476 255.701624;\n  --nc: 89.4994% 0.011585 252.096176;\n  --b1: 100% 0 0;\n  --b2: 96.1151% 0 0;\n  --b3: 92.4169% 0.00108 197.137559;\n  --bc: 27.8078% 0.029596 256.847952;\n}\n\n[data-theme=dark] {\n  color-scheme: dark;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --pc: 13.138% 0.0392 275.75;\n  --sc: 14.96% 0.052 342.55;\n  --ac: 14.902% 0.0334 183.61;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 65.69% 0.196 275.75;\n  --s: 74.8% 0.26 342.55;\n  --a: 74.51% 0.167 183.61;\n  --n: 31.3815% 0.021108 254.139175;\n  --nc: 74.6477% 0.0216 264.435964;\n  --b1: 25.3267% 0.015896 252.417568;\n  --b2: 23.2607% 0.013807 253.100675;\n  --b3: 21.1484% 0.01165 254.087939;\n  --bc: 74.6477% 0.0216 264.435964;\n}\n\n[data-theme=cupcake] {\n  color-scheme: light;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --pc: 15.2344% 0.017892 200.026556;\n  --sc: 15.787% 0.020249 356.29965;\n  --ac: 15.8762% 0.029206 78.618794;\n  --nc: 84.7148% 0.013247 313.189598;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --rounded-box: 1rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --p: 76.172% 0.089459 200.026556;\n  --s: 78.9351% 0.101246 356.29965;\n  --a: 79.3811% 0.146032 78.618794;\n  --n: 23.5742% 0.066235 313.189598;\n  --b1: 97.7882% 0.00418 56.375637;\n  --b2: 93.9822% 0.007638 61.449292;\n  --b3: 91.5861% 0.006811 53.440502;\n  --bc: 23.5742% 0.066235 313.189598;\n  --rounded-btn: 1.9rem;\n  --tab-border: 2px;\n  --tab-radius: 0.7rem;\n}\n\n[data-theme=retro] {\n  color-scheme: light;\n  --inc: 90.923% 0.043042 262.880917;\n  --suc: 12.541% 0.033982 149.213788;\n  --wac: 13.3168% 0.031484 58.31834;\n  --erc: 13.144% 0.0398 27.33;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --p: 76.8664% 0.104092 22.664655;\n  --pc: 26.5104% 0.006243 0.522862;\n  --s: 80.7415% 0.052534 159.094608;\n  --sc: 26.5104% 0.006243 0.522862;\n  --a: 70.3919% 0.125455 52.953428;\n  --ac: 26.5104% 0.006243 0.522862;\n  --n: 28.4181% 0.009519 355.534017;\n  --nc: 92.5604% 0.025113 89.217311;\n  --b1: 91.6374% 0.034554 90.51575;\n  --b2: 88.2722% 0.049418 91.774344;\n  --b3: 84.133% 0.065952 90.856665;\n  --bc: 26.5104% 0.006243 0.522862;\n  --in: 54.615% 0.215208 262.880917;\n  --su: 62.7052% 0.169912 149.213788;\n  --wa: 66.584% 0.157422 58.31834;\n  --er: 65.72% 0.199 27.33;\n  --rounded-box: 0.4rem;\n  --rounded-btn: 0.4rem;\n  --rounded-badge: 0.4rem;\n  --tab-radius: 0.4rem;\n}\n\n[data-theme=cyberpunk] {\n  color-scheme: light;\n  --b2: 87.8943% 0.16647 104.32;\n  --b3: 81.2786% 0.15394 104.32;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --bc: 18.902% 0.0358 104.32;\n  --pc: 14.844% 0.0418 6.35;\n  --sc: 16.666% 0.0368 204.72;\n  --ac: 14.372% 0.04352 310.43;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;\n  --p: 74.22% 0.209 6.35;\n  --s: 83.33% 0.184 204.72;\n  --a: 71.86% 0.2176 310.43;\n  --n: 23.04% 0.065 269.31;\n  --nc: 94.51% 0.179 104.32;\n  --b1: 94.51% 0.179 104.32;\n  --rounded-box: 0;\n  --rounded-btn: 0;\n  --rounded-badge: 0;\n  --tab-radius: 0;\n}\n\n[data-theme=aqua] {\n  color-scheme: dark;\n  --b2: 45.3464% 0.118611 261.181672;\n  --b3: 41.9333% 0.109683 261.181672;\n  --bc: 89.7519% 0.025508 261.181672;\n  --sc: 12.1365% 0.02175 309.782946;\n  --ac: 18.6854% 0.020445 94.555431;\n  --nc: 12.2124% 0.023402 243.760661;\n  --inc: 90.923% 0.043042 262.880917;\n  --suc: 12.541% 0.033982 149.213788;\n  --wac: 13.3168% 0.031484 58.31834;\n  --erc: 14.79% 0.038 27.33;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --p: 85.6617% 0.14498 198.6458;\n  --pc: 40.1249% 0.068266 197.603872;\n  --s: 60.6827% 0.108752 309.782946;\n  --a: 93.4269% 0.102225 94.555431;\n  --n: 61.0622% 0.117009 243.760661;\n  --b1: 48.7596% 0.127539 261.181672;\n  --in: 54.615% 0.215208 262.880917;\n  --su: 62.7052% 0.169912 149.213788;\n  --wa: 66.584% 0.157422 58.31834;\n  --er: 73.95% 0.19 27.33;\n}\n\n[data-theme=docutopia] {\n  --p: 54.645% 0.29421 298.46034;\n  --b2: 25.8897% 0.107132 328.136712;\n  --b3: 23.941% 0.099069 328.136712;\n  --in: 72.06% 0.191 231.6;\n  --su: 64.8% 0.150 160;\n  --wa: 84.71% 0.199 83.87;\n  --er: 71.76% 0.221 22.18;\n  --pc: 90.929% 0.058842 298.46034;\n  --sc: 13.9726% 0.031813 159.602475;\n  --ac: 91.4207% 0.047244 260.255903;\n  --nc: 84.1911% 0.008064 74.211583;\n  --inc: 0% 0 0;\n  --suc: 0% 0 0;\n  --wac: 0% 0 0;\n  --erc: 0% 0 0;\n  --rounded-box: 1rem;\n  --rounded-btn: 0.5rem;\n  --rounded-badge: 1.9rem;\n  --animation-btn: 0.25s;\n  --animation-input: .2s;\n  --btn-focus-scale: 0.95;\n  --border-btn: 1px;\n  --tab-border: 1px;\n  --tab-radius: 0.5rem;\n  --s: 69.8629% 0.159065 159.602475;\n  --a: 57.1034% 0.236222 260.255903;\n  --n: 20.9553% 0.040319 74.211583;\n  --bc: 81.3966% 0.126754 58.524936;\n  --b1: 27.8384% 0.115196 328.136712;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  height: 1rem;\n  width: 1rem;\n  border-radius: 9999px;\n  border: 0;\n  appearance: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.dark input[type=\"range\"]::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled:focus::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:disabled:active::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled:focus::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:disabled:active::-webkit-slider-thumb {}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  height: 1rem;\n  width: 1rem;\n  border-radius: 9999px;\n  border: 0;\n  appearance: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.dark input[type=\"range\"]::-moz-range-thumb {}\n\ninput[type=\"range\"]:disabled::-moz-range-thumb {}\n\n.dark input[type=\"range\"]:disabled::-moz-range-thumb {}\n\ninput[type=\"range\"]::-moz-range-progress {}\n\ninput[type=\"range\"]::-ms-fill-lower {}\n\n.dark input[type=\"range\"]::-moz-range-progress {}\n\n.dark input[type=\"range\"]::-ms-fill-lower {}\n\ninput[type=\"range\"]:focus {\n  outline: none;\n}\n\ninput[type=\"range\"]:focus::-webkit-slider-thumb {}\n\ninput[type=\"range\"]:active::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:focus::-webkit-slider-thumb {}\n\n.dark input[type=\"range\"]:active::-webkit-slider-thumb {}\n.tw-alert {\n  display: grid;\n  width: 100%;\n  grid-auto-flow: row;\n  align-content: flex-start;\n  align-items: center;\n  justify-items: center;\n  gap: 1rem;\n  text-align: center;\n  border-radius: var(--rounded-box, 1rem);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  padding: 1rem;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));\n  --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));\n  background-color: var(--alert-bg);\n}\n@media (min-width: 640px) {\n\n  .tw-alert {\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto,1fr);\n    justify-items: start;\n    text-align: start;\n  }\n}\n.tw-avatar {\n  position: relative;\n  display: inline-flex;\n}\n.tw-avatar > div {\n  display: block;\n  aspect-ratio: 1 / 1;\n  overflow: hidden;\n}\n.tw-avatar img {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.tw-avatar.tw-placeholder > div {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tw-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  height: 1.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding-left: 0.563rem;\n  padding-right: 0.563rem;\n  border-radius: var(--rounded-badge, 1.9rem);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n}\n.tw-breadcrumbs {\n  max-width: 100%;\n  overflow-x: auto;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.tw-breadcrumbs > ul,\n  .tw-breadcrumbs > ol {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  min-height: -moz-min-content;\n  min-height: min-content;\n}\n.tw-breadcrumbs > ul > li, .tw-breadcrumbs > ol > li {\n  display: flex;\n  align-items: center;\n}\n.tw-breadcrumbs > ul > li > a, .tw-breadcrumbs > ol > li > a {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n@media (hover:hover) {\n\n  .tw-breadcrumbs > ul > li > a:hover, .tw-breadcrumbs > ol > li > a:hover {\n    text-decoration-line: underline;\n  }\n\n  .tw-checkbox-success:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n  }\n\n  .tw-label a:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  }\n\n  .tw-menu li > *:not(ul, .tw-menu-title, details, .tw-btn):active,\n.tw-menu li > *:not(ul, .tw-menu-title, details, .tw-btn).tw-active,\n.tw-menu li > details > summary:active {\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n    --tw-text-opacity: 1;\n    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  }\n\n  .tw-tab:hover {\n    --tw-text-opacity: 1;\n  }\n\n  .tw-table tr.tw-hover:hover,\n  .tw-table tr.tw-hover:nth-child(even):hover {\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  }\n}\n.tw-btn {\n  display: inline-flex;\n  height: 3rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-color: transparent;\n  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1em;\n  gap: 0.5rem;\n  font-weight: 600;\n  text-decoration-line: none;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-width: var(--border-btn, 1px);\n  transition-property: color, background-color, border-color, opacity, box-shadow, transform;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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  outline-color: var(--fallback-bc,oklch(var(--bc)/1));\n  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));\n  --tw-bg-opacity: 1;\n  --tw-border-opacity: 1;\n}\n.tw-btn-disabled,\n  .tw-btn[disabled],\n  .tw-btn:disabled {\n  pointer-events: none;\n}\n.tw-btn-square {\n  height: 3rem;\n  width: 3rem;\n  padding: 0px;\n}\n.tw-btn-circle {\n  height: 3rem;\n  width: 3rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n:where(.tw-btn:is(input[type=\"checkbox\"])),\n:where(.tw-btn:is(input[type=\"radio\"])) {\n  width: auto;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.tw-btn:is(input[type=\"checkbox\"]):after,\n.tw-btn:is(input[type=\"radio\"]):after {\n  --tw-content: attr(aria-label);\n  content: var(--tw-content);\n}\n.tw-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--rounded-box, 1rem);\n}\n.tw-card:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-card-body {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  padding: var(--padding-card, 2rem);\n  gap: 0.5rem;\n}\n.tw-card-body :where(p) {\n  flex-grow: 1;\n}\n.tw-card-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.tw-card figure {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tw-card.tw-image-full {\n  display: grid;\n}\n.tw-card.tw-image-full:before {\n  position: relative;\n  content: \"\";\n  z-index: 10;\n  border-radius: var(--rounded-box, 1rem);\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  opacity: 0.75;\n}\n.tw-card.tw-image-full:before,\n    .tw-card.tw-image-full > * {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n.tw-card.tw-image-full > figure img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.tw-card.tw-image-full > .tw-card-body {\n  position: relative;\n  z-index: 20;\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n}\n.tw-checkbox {\n  flex-shrink: 0;\n  --chkbg: var(--fallback-bc,oklch(var(--bc)/1));\n  --chkfg: var(--fallback-b1,oklch(var(--b1)/1));\n  height: 1.5rem;\n  width: 1.5rem;\n  cursor: pointer;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0.2;\n}\n.tw-divider {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  height: 1rem;\n  white-space: nowrap;\n}\n.tw-divider:before,\n  .tw-divider:after {\n  height: 0.125rem;\n  width: 100%;\n  flex-grow: 1;\n  --tw-content: '';\n  content: var(--tw-content);\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n}\n.tw-dropdown {\n  position: relative;\n  display: inline-block;\n}\n.tw-dropdown > *:not(summary):focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-dropdown .tw-dropdown-content {\n  position: absolute;\n}\n.tw-dropdown:is(:not(details)) .tw-dropdown-content {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  visibility: hidden;\n  opacity: 0;\n  transform-origin: top;\n  --tw-scale-x: .95;\n  --tw-scale-y: .95;\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  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n}\n.tw-dropdown-end .tw-dropdown-content {\n  inset-inline-end: 0px;\n}\n.tw-dropdown-left .tw-dropdown-content {\n  bottom: auto;\n  inset-inline-end: 100%;\n  top: 0px;\n  transform-origin: right;\n}\n.tw-dropdown-right .tw-dropdown-content {\n  bottom: auto;\n  inset-inline-start: 100%;\n  top: 0px;\n  transform-origin: left;\n}\n.tw-dropdown-bottom .tw-dropdown-content {\n  bottom: auto;\n  top: 100%;\n  transform-origin: top;\n}\n.tw-dropdown-top .tw-dropdown-content {\n  bottom: 100%;\n  top: auto;\n  transform-origin: bottom;\n}\n.tw-dropdown-end.tw-dropdown-right .tw-dropdown-content {\n  bottom: 0px;\n  top: auto;\n}\n.tw-dropdown-end.tw-dropdown-left .tw-dropdown-content {\n  bottom: 0px;\n  top: auto;\n}\n.tw-dropdown.tw-dropdown-open .tw-dropdown-content,\n.tw-dropdown:not(.tw-dropdown-hover):focus .tw-dropdown-content,\n.tw-dropdown:focus-within .tw-dropdown-content {\n  visibility: visible;\n  opacity: 1;\n}\n@media (hover: hover) {\n\n  .tw-dropdown.tw-dropdown-hover:hover .tw-dropdown-content {\n    visibility: visible;\n    opacity: 1;\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0% 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0% 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn:hover {\n    --tw-border-opacity: 1;\n    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));\n    --tw-bg-opacity: 1;\n    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:hover {\n      background-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );\n      border-color: color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          );\n    }\n  }\n\n  @supports not (color: oklch(0% 0 0)) {\n\n    .tw-btn:hover {\n      background-color: var(--btn-color, var(--fallback-b2));\n      border-color: var(--btn-color, var(--fallback-b2));\n    }\n  }\n\n  .tw-btn.tw-glass:hover {\n    --glass-opacity: 25%;\n    --glass-border-opacity: 15%;\n  }\n\n  .tw-btn-ghost:hover {\n    border-color: transparent;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    .tw-btn-ghost:hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n    }\n  }\n\n  .tw-btn-ghost:hover {\n    border-color: transparent;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    .tw-btn-ghost:hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n    }\n  }\n\n  .tw-btn-outline.tw-btn-primary:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-primary:hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-primary:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-primary:hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-error:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-error:hover {\n      background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-outline.tw-btn-error:hover {\n    --tw-text-opacity: 1;\n    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn-outline.tw-btn-error:hover {\n      background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    }\n  }\n\n  .tw-btn-disabled:hover,\n    .tw-btn[disabled]:hover,\n    .tw-btn:disabled:hover {\n    --tw-border-opacity: 0;\n    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n    --tw-bg-opacity: 0.2;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n    --tw-text-opacity: 0.2;\n  }\n\n  @supports (color: color-mix(in oklab, black, black)) {\n\n    .tw-btn:is(input[type=\"checkbox\"]:checked):hover, .tw-btn:is(input[type=\"radio\"]:checked):hover {\n      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    }\n  }\n\n  .tw-dropdown.tw-dropdown-hover:hover .tw-dropdown-content {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\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  }\n\n  :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n\n    :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(.tw-active, .tw-btn):hover, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(.tw-active, .tw-btn):hover {\n      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n    }\n  }\n\n  .tw-tab[disabled],\n    .tw-tab[disabled]:hover {\n    cursor: not-allowed;\n    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n    --tw-text-opacity: 0.2;\n  }\n}\n.tw-dropdown:is(details) summary::-webkit-details-marker {\n  display: none;\n}\n.tw-file-input {\n  height: 3rem;\n  flex-shrink: 1;\n  padding-inline-end: 1rem;\n  font-size: 1rem;\n  line-height: 2;\n  line-height: 1.5rem;\n  overflow: hidden;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-file-input::file-selector-button {\n  margin-inline-end: 1rem;\n  display: inline-flex;\n  height: 100%;\n  flex-shrink: 0;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 1em;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  border-style: solid;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  font-weight: 600;\n  text-transform: uppercase;\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  text-decoration-line: none;\n  border-width: var(--border-btn, 1px);\n  animation: button-pop var(--animation-btn, 0.25s) ease-out;\n}\n.tw-form-control {\n  display: flex;\n  flex-direction: column;\n}\n.tw-label {\n  display: flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.tw-indicator {\n  position: relative;\n  display: inline-flex;\n  width: -moz-max-content;\n  width: max-content;\n}\n.tw-indicator :where(.tw-indicator-item) {\n  z-index: 1;\n  position: absolute;\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  white-space: nowrap;\n}\n.tw-input {\n  flex-shrink: 1;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  height: 3rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-size: 1rem;\n  line-height: 2;\n  line-height: 1.5rem;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-input[type=\"number\"]::-webkit-inner-spin-button,\n.tw-input-md[type=\"number\"]::-webkit-inner-spin-button {\n  margin-top: -1rem;\n  margin-bottom: -1rem;\n  margin-inline-end: -1rem;\n}\n.tw-input-sm[type=\"number\"]::-webkit-inner-spin-button {\n  margin-top: 0px;\n  margin-bottom: 0px;\n  margin-inline-end: -0px;\n}\n.tw-join .tw-dropdown .tw-join-item:first-child:not(:last-child),\n  .tw-join *:first-child:not(:last-child) .tw-dropdown .tw-join-item {\n  border-start-end-radius: inherit;\n  border-end-end-radius: inherit;\n}\n.tw-mask {\n  -webkit-mask-size: contain;\n          mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n          mask-position: center;\n}\n.tw-menu {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  padding: 0.5rem;\n}\n.tw-menu :where(li ul) {\n  position: relative;\n  white-space: nowrap;\n  margin-inline-start: 1rem;\n  padding-inline-start: 0.5rem;\n}\n.tw-menu :where(li:not(.tw-menu-title) > *:not(ul, details, .tw-menu-title, .tw-btn)), .tw-menu :where(li:not(.tw-menu-title) > details > summary:not(.tw-menu-title)) {\n  display: grid;\n  grid-auto-flow: column;\n  align-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  grid-auto-columns: minmax(auto, max-content) auto max-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.tw-menu li.tw-disabled {\n  cursor: not-allowed;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--fallback-bc,oklch(var(--bc)/0.3));\n}\n.tw-menu :where(li > .tw-menu-dropdown:not(.tw-menu-dropdown-show)) {\n  display: none;\n}\n:where(.tw-menu li) {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: stretch;\n}\n:where(.tw-menu li) .tw-badge {\n  justify-self: end;\n}\n.tw-modal {\n  pointer-events: none;\n  position: fixed;\n  inset: 0px;\n  margin: 0px;\n  display: grid;\n  height: 100%;\n  max-height: none;\n  width: 100%;\n  max-width: none;\n  justify-items: center;\n  padding: 0px;\n  opacity: 0;\n  overscroll-behavior: contain;\n  z-index: 999;\n  background-color: transparent;\n  color: inherit;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: transform, opacity, visibility;\n  overflow-y: hidden;\n}\n:where(.tw-modal) {\n  align-items: center;\n}\n.tw-modal-box {\n  max-height: calc(100vh - 5em);\n  grid-column-start: 1;\n  grid-row-start: 1;\n  width: 91.666667%;\n  max-width: 32rem;\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\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  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  padding: 1.5rem;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.tw-modal-open,\n.tw-modal:target,\n.tw-modal-toggle:checked + .tw-modal,\n.tw-modal[open] {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n:root:has(:is(.tw-modal-open, .tw-modal:target, .tw-modal-toggle:checked + .tw-modal, .tw-modal[open])) {\n  overflow: hidden;\n  scrollbar-gutter: stable;\n}\n.tw-navbar {\n  display: flex;\n  align-items: center;\n  padding: var(--navbar-padding, 0.5rem);\n  min-height: 4rem;\n  width: 100%;\n}\n:where(.tw-navbar > *:not(script, style)) {\n  display: inline-flex;\n  align-items: center;\n}\n.tw-select {\n  display: inline-flex;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  height: 3rem;\n  min-height: 3rem;\n  padding-inline-start: 1rem;\n  padding-inline-end: 2.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n  background-position: calc(100% - 20px) calc(1px + 50%),\n    calc(100% - 16.1px) calc(1px + 50%);\n  background-size: 4px 4px,\n    4px 4px;\n  background-repeat: no-repeat;\n}\n.tw-select[multiple] {\n  height: auto;\n}\n.tw-tabs {\n  display: grid;\n  align-items: flex-end;\n}\n.tw-tabs-lifted:has(.tw-tab-content[class^=\"rounded-\"])\n    .tw-tab:first-child:not(:is(.tw-tab-active, [aria-selected=\"true\"])), .tw-tabs-lifted:has(.tw-tab-content[class*=\" rounded-\"])\n    .tw-tab:first-child:not(:is(.tw-tab-active, [aria-selected=\"true\"])) {\n  border-bottom-color: transparent;\n}\n.tw-tab {\n  position: relative;\n  grid-row-start: 1;\n  display: inline-flex;\n  height: 2rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  --tab-padding: 1rem;\n  --tw-text-opacity: 0.5;\n  --tab-color: var(--fallback-bc,oklch(var(--bc)/1));\n  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));\n  --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));\n  color: var(--tab-color);\n  padding-inline-start: var(--tab-padding, 1rem);\n  padding-inline-end: var(--tab-padding, 1rem);\n}\n.tw-tab:is(input[type=\"radio\"]) {\n  width: auto;\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.tw-tab:is(input[type=\"radio\"]):after {\n  --tw-content: attr(aria-label);\n  content: var(--tw-content);\n}\n.tw-tab:not(input):empty {\n  cursor: default;\n  grid-column-start: span 9999;\n}\n.tw-tab-content {\n  grid-column-start: 1;\n  grid-column-end: span 9999;\n  grid-row-start: 2;\n  margin-top: calc(var(--tab-border) * -1);\n  display: none;\n  border-color: transparent;\n  border-width: var(--tab-border, 0);\n}\n:checked + .tw-tab-content:nth-child(2),\n  :is(.tw-tab-active, [aria-selected=\"true\"]) + .tw-tab-content:nth-child(2) {\n  border-start-start-radius: 0px;\n}\ninput.tw-tab:checked + .tw-tab-content,\n:is(.tw-tab-active, [aria-selected=\"true\"]) + .tw-tab-content {\n  display: block;\n}\n.tw-table {\n  position: relative;\n  width: 100%;\n  border-radius: var(--rounded-box, 1rem);\n  text-align: left;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-table :where(.tw-table-pin-rows thead tr) {\n  position: sticky;\n  top: 0px;\n  z-index: 1;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-table :where(.tw-table-pin-rows tfoot tr) {\n  position: sticky;\n  bottom: 0px;\n  z-index: 1;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-table :where(.tw-table-pin-cols tr th) {\n  position: sticky;\n  left: 0px;\n  right: 0px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-textarea {\n  min-height: 3rem;\n  flex-shrink: 1;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  border-radius: var(--rounded-btn, 0.5rem);\n  border-width: 1px;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));\n}\n.tw-avatar-group :where(.tw-avatar) {\n  overflow: hidden;\n  border-radius: 9999px;\n  border-width: 4px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));\n}\n.tw-badge-success {\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));\n}\n.tw-badge-outline.tw-badge-success {\n  --tw-text-opacity: 1;\n  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));\n}\n.tw-btm-nav > * .tw-label {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-breadcrumbs > ul > li > a:focus, .tw-breadcrumbs > ol > li > a:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-breadcrumbs > ul > li > a:focus-visible, .tw-breadcrumbs > ol > li > a:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n.tw-breadcrumbs > ul > li + *:before, .tw-breadcrumbs > ol > li + *:before {\n  content: \"\";\n  margin-left: 0.5rem;\n  margin-right: 0.75rem;\n  display: block;\n  height: 0.375rem;\n  width: 0.375rem;\n  --tw-rotate: 45deg;\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  opacity: 0.4;\n  border-top: 1px solid;\n  border-right: 1px solid;\n  background-color: transparent;\n}\n[dir=\"rtl\"] .tw-breadcrumbs > ul > li + *:before,\n[dir=\"rtl\"] .tw-breadcrumbs > ol > li + *:before {\n  --tw-rotate: -135deg;\n}\n@media (prefers-reduced-motion: no-preference) {\n\n  .tw-btn {\n    animation: button-pop var(--animation-btn, 0.25s) ease-out;\n  }\n}\n.tw-btn:active:hover,\n  .tw-btn:active:focus {\n  animation: button-pop 0s ease-out;\n  transform: scale(var(--btn-focus-scale, 0.97));\n}\n@supports not (color: oklch(0% 0 0)) {\n\n  .tw-btn {\n    background-color: var(--btn-color, var(--fallback-b2));\n    border-color: var(--btn-color, var(--fallback-b2));\n  }\n\n  .tw-btn-primary {\n    --btn-color: var(--fallback-p);\n  }\n\n  .tw-btn-neutral {\n    --btn-color: var(--fallback-n);\n  }\n\n  .tw-btn-error {\n    --btn-color: var(--fallback-er);\n  }\n}\n@supports (color: color-mix(in oklab, black, black)) {\n\n  .tw-btn-outline.tw-btn-primary.tw-btn-active {\n    background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n    border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);\n  }\n\n  .tw-btn-outline.tw-btn-error.tw-btn-active {\n    background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n    border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);\n  }\n}\n.tw-btn:focus-visible {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n}\n.tw-btn-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-p,oklch(var(--p)/1));\n}\n@supports (color: oklch(0% 0 0)) {\n\n  .tw-btn-primary {\n    --btn-color: var(--p);\n  }\n\n  .tw-btn-neutral {\n    --btn-color: var(--n);\n  }\n\n  .tw-btn-error {\n    --btn-color: var(--er);\n  }\n}\n.tw-btn-neutral {\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-n,oklch(var(--n)/1));\n}\n.tw-btn-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n  outline-color: var(--fallback-er,oklch(var(--er)/1));\n}\n.tw-btn.tw-glass {\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  outline-color: currentColor;\n}\n.tw-btn.tw-glass.tw-btn-active {\n  --glass-opacity: 25%;\n  --glass-border-opacity: 15%;\n}\n.tw-btn-ghost {\n  border-width: 1px;\n  border-color: transparent;\n  background-color: transparent;\n  color: currentColor;\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  outline-color: currentColor;\n}\n.tw-btn-ghost.tw-btn-active {\n  border-color: transparent;\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-btn-outline.tw-btn-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-primary.tw-btn-active {\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));\n}\n.tw-btn-outline.tw-btn-error.tw-btn-active {\n  --tw-text-opacity: 1;\n  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));\n}\n.tw-btn.tw-btn-disabled,\n  .tw-btn[disabled],\n  .tw-btn:disabled {\n  --tw-border-opacity: 0;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-bg-opacity: 0.2;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-btn:is(input[type=\"checkbox\"]:checked),\n.tw-btn:is(input[type=\"radio\"]:checked) {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));\n}\n.tw-btn:is(input[type=\"checkbox\"]:checked):focus-visible, .tw-btn:is(input[type=\"radio\"]:checked):focus-visible {\n  outline-color: var(--fallback-p,oklch(var(--p)/1));\n}\n@keyframes button-pop {\n\n  0% {\n    transform: scale(var(--btn-focus-scale, 0.98));\n  }\n\n  40% {\n    transform: scale(1.02);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n.tw-card :where(figure:first-child) {\n  overflow: hidden;\n  border-start-start-radius: inherit;\n  border-start-end-radius: inherit;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n.tw-card :where(figure:last-child) {\n  overflow: hidden;\n  border-start-start-radius: unset;\n  border-start-end-radius: unset;\n  border-end-start-radius: inherit;\n  border-end-end-radius: inherit;\n}\n.tw-card:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n.tw-card.tw-bordered {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-card.tw-compact .tw-card-body {\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-card-title {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n}\n.tw-card.tw-image-full :where(figure) {\n  overflow: hidden;\n  border-radius: inherit;\n}\n.tw-checkbox:focus {\n  box-shadow: none;\n}\n.tw-checkbox:focus-visible {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n.tw-checkbox:disabled {\n  border-width: 0px;\n  cursor: not-allowed;\n  border-color: transparent;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.2;\n}\n.tw-checkbox:checked,\n  .tw-checkbox[aria-checked=\"true\"] {\n  background-repeat: no-repeat;\n  animation: checkmark var(--animation-input, 0.2s) ease-out;\n  background-color: var(--chkbg);\n  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),\n      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),\n      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),\n      linear-gradient(\n        45deg,\n        var(--chkbg) 30%,\n        var(--chkfg) 30.99%,\n        var(--chkfg) 40%,\n        transparent 40.99%\n      ),\n      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);\n}\n.tw-checkbox:indeterminate {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  background-repeat: no-repeat;\n  animation: checkmark var(--animation-input, 0.2s) ease-out;\n  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),\n      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),\n      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);\n}\n.tw-checkbox-success {\n  --chkbg: var(--fallback-su,oklch(var(--su)/1));\n  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n}\n.tw-checkbox-success:focus-visible {\n  outline-color: var(--fallback-su,oklch(var(--su)/1));\n}\n.tw-checkbox-success:checked,\n    .tw-checkbox-success[aria-checked=\"true\"] {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));\n}\n@keyframes checkmark {\n\n  0% {\n    background-position-y: 5px;\n  }\n\n  50% {\n    background-position-y: -2px;\n  }\n\n  100% {\n    background-position-y: 0;\n  }\n}\n.tw-divider:not(:empty) {\n  gap: 1rem;\n}\n.tw-dropdown.tw-dropdown-open .tw-dropdown-content,\n.tw-dropdown:focus .tw-dropdown-content,\n.tw-dropdown:focus-within .tw-dropdown-content {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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}\n.tw-file-input:focus {\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-file-input-disabled,\n  .tw-file-input[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-file-input-disabled::-moz-placeholder, .tw-file-input[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-file-input-disabled::placeholder,\n  .tw-file-input[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-file-input-disabled::file-selector-button, .tw-file-input[disabled]::file-selector-button {\n  --tw-border-opacity: 0;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-bg-opacity: 0.2;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-label-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n}\n.tw-input input {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));\n  background-color: transparent;\n}\n.tw-input input:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-input[list]::-webkit-calendar-picker-indicator {\n  line-height: 1em;\n}\n.tw-input-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-input:focus,\n  .tw-input:focus-within {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-input:has(> input[disabled]),\n  .tw-input-disabled,\n  .tw-input:disabled,\n  .tw-input[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  color: var(--fallback-bc,oklch(var(--bc)/0.4));\n}\n.tw-input:has(> input[disabled])::-moz-placeholder, .tw-input-disabled::-moz-placeholder, .tw-input:disabled::-moz-placeholder, .tw-input[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-input:has(> input[disabled])::placeholder,\n  .tw-input-disabled::placeholder,\n  .tw-input:disabled::placeholder,\n  .tw-input[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-input:has(> input[disabled]) > input[disabled] {\n  cursor: not-allowed;\n}\n.tw-input::-webkit-date-and-time-value {\n  text-align: inherit;\n}\n.tw-join > :where(*:not(:first-child)):is(.tw-btn) {\n  margin-inline-start: calc(var(--border-btn) * -1);\n}\n.tw-loading {\n  pointer-events: none;\n  display: inline-block;\n  aspect-ratio: 1 / 1;\n  width: 1.5rem;\n  background-color: currentColor;\n  -webkit-mask-size: 100%;\n          mask-size: 100%;\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n          mask-position: center;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");\n          mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");\n}\n.tw-loading-spinner {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");\n          mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");\n}\n.tw-loading-sm {\n  width: 1.25rem;\n}\n.tw-loading-md {\n  width: 1.5rem;\n}\n.tw-mask-squircle {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\");\n}\n.tw-mask-decagon {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\");\n}\n.tw-mask-hexagon-2 {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\");\n}\n.tw-mask-circle {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\");\n          mask-image: url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\");\n}\n:where(.tw-menu li:empty) {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.1;\n  margin: 0.5rem 1rem;\n  height: 1px;\n}\n.tw-menu :where(li ul):before {\n  position: absolute;\n  bottom: 0.75rem;\n  inset-inline-start: 0px;\n  top: 0.75rem;\n  width: 1px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));\n  opacity: 0.1;\n  content: \"\";\n}\n.tw-menu :where(li:not(.tw-menu-title) > *:not(ul, details, .tw-menu-title, .tw-btn)),\n.tw-menu :where(li:not(.tw-menu-title) > details > summary:not(.tw-menu-title)) {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-radius: var(--rounded-btn, 0.5rem);\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  text-align: start;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-duration: 200ms;\n  text-wrap: balance;\n}\n:where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(summary, .tw-active, .tw-btn).tw-focus, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):not(summary, .tw-active, .tw-btn):focus, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > *:not(ul, details, .tw-menu-title)):is(summary):not(.tw-active, .tw-btn):focus-visible, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(summary, .tw-active, .tw-btn).tw-focus, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):not(summary, .tw-active, .tw-btn):focus, :where(.tw-menu li:not(.tw-menu-title, .tw-disabled) > details > summary:not(.tw-menu-title)):is(summary):not(.tw-active, .tw-btn):focus-visible {\n  cursor: pointer;\n  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-menu li > *:not(ul, .tw-menu-title, details, .tw-btn):active,\n.tw-menu li > *:not(ul, .tw-menu-title, details, .tw-btn).tw-active,\n.tw-menu li > details > summary:active {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));\n  --tw-text-opacity: 1;\n  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));\n}\n.tw-menu :where(li > details > summary)::-webkit-details-marker {\n  display: none;\n}\n.tw-menu :where(li > details > summary):after,\n.tw-menu :where(li > .tw-menu-dropdown-toggle):after {\n  justify-self: end;\n  display: block;\n  margin-top: -0.5rem;\n  height: 0.5rem;\n  width: 0.5rem;\n  transform: rotate(45deg);\n  transition-property: transform, margin-top;\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  content: \"\";\n  transform-origin: 75% 75%;\n  box-shadow: 2px 2px;\n  pointer-events: none;\n}\n.tw-menu :where(li > details[open] > summary):after,\n.tw-menu :where(li > .tw-menu-dropdown-toggle.tw-menu-dropdown-show):after {\n  transform: rotate(225deg);\n  margin-top: 0;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input {\n  position: relative;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  height: 1.75rem;\n  width: 24rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  padding-left: 2rem;\n  direction: ltr;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input:before {\n  content: \"\";\n  position: absolute;\n  left: 0.5rem;\n  top: 50%;\n  aspect-ratio: 1 / 1;\n  height: 0.75rem;\n  --tw-translate-y: -50%;\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  border-radius: 9999px;\n  border-width: 2px;\n  border-color: currentColor;\n  opacity: 0.6;\n}\n.tw-mockup-browser .tw-mockup-browser-toolbar .tw-input:after {\n  content: \"\";\n  position: absolute;\n  left: 1.25rem;\n  top: 50%;\n  height: 0.5rem;\n  --tw-translate-y: 25%;\n  --tw-rotate: -45deg;\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  border-radius: 9999px;\n  border-width: 1px;\n  border-color: currentColor;\n  opacity: 0.6;\n}\n.tw-modal:not(dialog:not(.tw-modal-open)),\n  .tw-modal::backdrop {\n  background-color: #0006;\n  animation: modal-pop 0.2s ease-out;\n}\n.tw-modal-backdrop {\n  z-index: -1;\n  grid-column-start: 1;\n  grid-row-start: 1;\n  display: grid;\n  align-self: stretch;\n  justify-self: stretch;\n  color: transparent;\n}\n.tw-modal-open .tw-modal-box,\n.tw-modal-toggle:checked + .tw-modal .tw-modal-box,\n.tw-modal:target .tw-modal-box,\n.tw-modal[open] .tw-modal-box {\n  --tw-translate-y: 0px;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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}\n@keyframes modal-pop {\n\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes progress-loading {\n\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes radiomark {\n\n  0% {\n    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n\n  50% {\n    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n\n  100% {\n    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;\n  }\n}\n@keyframes rating-pop {\n\n  0% {\n    transform: translateY(-0.125em);\n  }\n\n  40% {\n    transform: translateY(-0.125em);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n.tw-select-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-select:focus {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-select-disabled,\n  .tw-select:disabled,\n  .tw-select[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  color: var(--fallback-bc,oklch(var(--bc)/0.4));\n}\n.tw-select-disabled::-moz-placeholder, .tw-select:disabled::-moz-placeholder, .tw-select[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-select-disabled::placeholder,\n  .tw-select:disabled::placeholder,\n  .tw-select[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-select-multiple,\n  .tw-select[multiple],\n  .tw-select[size].tw-select:not([size=\"1\"]) {\n  background-image: none;\n  padding-right: 1rem;\n}\n[dir=\"rtl\"] .tw-select {\n  background-position: calc(0% + 12px) calc(1px + 50%),\n    calc(0% + 16px) calc(1px + 50%);\n}\n@keyframes skeleton {\n\n  from {\n    background-position: 150%;\n  }\n\n  to {\n    background-position: -50%;\n  }\n}\n.tw-tabs-lifted > .tw-tab:focus-visible {\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n}\n.tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]), .tw-tab:is(input:checked) {\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 1;\n  --tw-text-opacity: 1;\n}\n.tw-tab:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.tw-tab:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: -5px;\n}\n.tw-tab-disabled,\n  .tw-tab[disabled] {\n  cursor: not-allowed;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));\n  --tw-text-opacity: 0.2;\n}\n.tw-tabs-bordered > .tw-tab {\n  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));\n  --tw-border-opacity: 0.2;\n  border-style: solid;\n  border-bottom-width: calc(var(--tab-border, 1px) + 1px);\n}\n.tw-tabs-lifted > .tw-tab {\n  border: var(--tab-border, 1px) solid transparent;\n  border-width: 0 0 var(--tab-border, 1px) 0;\n  border-start-start-radius: var(--tab-radius, 0.5rem);\n  border-start-end-radius: var(--tab-radius, 0.5rem);\n  border-bottom-color: var(--tab-border-color);\n  padding-inline-start: var(--tab-padding, 1rem);\n  padding-inline-end: var(--tab-padding, 1rem);\n  padding-top: var(--tab-border, 1px);\n}\n.tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]), .tw-tabs-lifted > .tw-tab:is(input:checked) {\n  background-color: var(--tab-bg);\n  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);\n  border-inline-start-color: var(--tab-border-color);\n  border-inline-end-color: var(--tab-border-color);\n  border-top-color: var(--tab-border-color);\n  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n  padding-bottom: var(--tab-border, 1px);\n  padding-top: 0;\n}\n.tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):before, .tw-tabs-lifted > .tw-tab:is(input:checked):before {\n  z-index: 1;\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: calc(100% + var(--tab-radius, 0.5rem) * 2);\n  height: var(--tab-radius, 0.5rem);\n  bottom: 0;\n  background-size: var(--tab-radius, 0.5rem);\n  background-position: top left,\n        top right;\n  background-repeat: no-repeat;\n  --tab-grad: calc(69% - var(--tab-border, 1px));\n  --radius-start: radial-gradient(\n        circle at top left,\n        transparent var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)\n      );\n  --radius-end: radial-gradient(\n        circle at top right,\n        transparent var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)\n      );\n  background-image: var(--radius-start), var(--radius-end);\n}\n.tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):first-child:before, .tw-tabs-lifted > .tw-tab:is(input:checked):first-child:before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n[dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):first-child:before, [dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(input:checked):first-child:before {\n  background-image: var(--radius-start);\n  background-position: top left;\n}\n.tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):last-child:before, .tw-tabs-lifted > .tw-tab:is(input:checked):last-child:before {\n  background-image: var(--radius-start);\n  background-position: top left;\n}\n[dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):last-child:before, [dir=\"rtl\"] .tw-tabs-lifted > .tw-tab:is(input:checked):last-child:before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n.tw-tabs-lifted\n  > :is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled])\n  + .tw-tabs-lifted\n  :is(.tw-tab-active, [aria-selected=\"true\"]):not(.tw-tab-disabled):not([disabled]):before, .tw-tabs-lifted > .tw-tab:is(input:checked) + .tw-tabs-lifted .tw-tab:is(input:checked):before {\n  background-image: var(--radius-end);\n  background-position: top right;\n}\n.tw-tabs-boxed .tw-tab {\n  border-radius: var(--rounded-btn, 0.5rem);\n}\n.tw-table:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  text-align: right;\n}\n.tw-table :where(th, td) {\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  vertical-align: middle;\n}\n.tw-table tr.tw-active,\n  .tw-table tr.tw-active:nth-child(even),\n  .tw-table-zebra tbody tr:nth-child(even) {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n}\n.tw-table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-table :where(thead, tfoot) {\n  white-space: nowrap;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 700;\n  color: var(--fallback-bc,oklch(var(--bc)/0.6));\n}\n.tw-table :where(tfoot) {\n  border-top-width: 1px;\n  --tw-border-opacity: 1;\n  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n}\n.tw-textarea-bordered {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-textarea:focus {\n  box-shadow: none;\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-offset: 2px;\n  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-textarea-disabled,\n  .tw-textarea:disabled,\n  .tw-textarea[disabled] {\n  cursor: not-allowed;\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));\n  color: var(--fallback-bc,oklch(var(--bc)/0.4));\n}\n.tw-textarea-disabled::-moz-placeholder, .tw-textarea:disabled::-moz-placeholder, .tw-textarea[disabled]::-moz-placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n.tw-textarea-disabled::placeholder,\n  .tw-textarea:disabled::placeholder,\n  .tw-textarea[disabled]::placeholder {\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));\n  --tw-placeholder-opacity: 0.2;\n}\n@keyframes toast-pop {\n\n  0% {\n    transform: scale(0.9);\n    opacity: 0;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.tw-btn-xs {\n  height: 1.5rem;\n  min-height: 1.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: 0.75rem;\n}\n.tw-btn-sm {\n  height: 2rem;\n  min-height: 2rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: 0.875rem;\n}\n.tw-btn-lg {\n  height: 4rem;\n  min-height: 4rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  font-size: 1.125rem;\n}\n.tw-btn-block {\n  width: 100%;\n}\n.tw-btn-square:where(.tw-btn-xs) {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-sm) {\n  height: 2rem;\n  width: 2rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-md) {\n  height: 3rem;\n  width: 3rem;\n  padding: 0px;\n}\n.tw-btn-square:where(.tw-btn-lg) {\n  height: 4rem;\n  width: 4rem;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-xs) {\n  height: 1.5rem;\n  width: 1.5rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-sm) {\n  height: 2rem;\n  width: 2rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-md) {\n  height: 3rem;\n  width: 3rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n.tw-btn-circle:where(.tw-btn-lg) {\n  height: 4rem;\n  width: 4rem;\n  border-radius: 9999px;\n  padding: 0px;\n}\n[type=\"checkbox\"].tw-checkbox-xs {\n  height: 1rem;\n  width: 1rem;\n}\n[type=\"checkbox\"].tw-checkbox-sm {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n.tw-indicator :where(.tw-indicator-item) {\n  bottom: auto;\n  inset-inline-end: 0px;\n  inset-inline-start: auto;\n  top: 0px;\n  --tw-translate-y: -50%;\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-start) {\n  inset-inline-end: auto;\n  inset-inline-start: 0px;\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-start):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-center) {\n  inset-inline-end: 50%;\n  inset-inline-start: 50%;\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-center):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-end) {\n  inset-inline-end: 0px;\n  inset-inline-start: auto;\n  --tw-translate-x: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-end):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  --tw-translate-x: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-bottom) {\n  bottom: 0px;\n  top: auto;\n  --tw-translate-y: 50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-middle) {\n  bottom: 50%;\n  top: 50%;\n  --tw-translate-y: -50%;\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}\n.tw-indicator :where(.tw-indicator-item.tw-indicator-top) {\n  bottom: auto;\n  top: 0px;\n  --tw-translate-y: -50%;\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}\n.tw-input-md {\n  height: 3rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n}\n.tw-input-sm {\n  height: 2rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: 0.875rem;\n  line-height: 2rem;\n}\n.tw-tabs-md :where(.tw-tab) {\n  height: 2rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 2;\n  --tab-padding: 1rem;\n}\n.tw-tabs-lg :where(.tw-tab) {\n  height: 3rem;\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  line-height: 2;\n  --tab-padding: 1.25rem;\n}\n.tw-tabs-sm :where(.tw-tab) {\n  height: 1.5rem;\n  font-size: 0.875rem;\n  line-height: .75rem;\n  --tab-padding: 0.75rem;\n}\n.tw-tabs-xs :where(.tw-tab) {\n  height: 1.25rem;\n  font-size: 0.75rem;\n  line-height: .75rem;\n  --tab-padding: 0.5rem;\n}\n.tw-tooltip {\n  position: relative;\n  display: inline-block;\n  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));\n}\n.tw-tooltip:before {\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  content: var(--tw-content);\n  --tw-content: attr(data-tip);\n}\n.tw-tooltip:before, .tw-tooltip-top:before {\n  transform: translateX(-50%);\n  top: auto;\n  left: 50%;\n  right: auto;\n  bottom: var(--tooltip-offset);\n}\n.tw-tooltip-left:before {\n  transform: translateY(-50%);\n  top: 50%;\n  left: auto;\n  right: var(--tooltip-offset);\n  bottom: auto;\n}\n.tw-tooltip-right:before {\n  transform: translateY(-50%);\n  top: 50%;\n  left: var(--tooltip-offset);\n  right: auto;\n  bottom: auto;\n}\n.tw-avatar.tw-online:before {\n  content: \"\";\n  position: absolute;\n  z-index: 10;\n  display: block;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-color: var(--fallback-b1,oklch(var(--b1)/1));\n  width: 15%;\n  height: 15%;\n  top: 7%;\n  right: 7%;\n}\n.tw-avatar.tw-offline:before {\n  content: \"\";\n  position: absolute;\n  z-index: 10;\n  display: block;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));\n  outline-style: solid;\n  outline-width: 2px;\n  outline-color: var(--fallback-b1,oklch(var(--b1)/1));\n  width: 15%;\n  height: 15%;\n  top: 7%;\n  right: 7%;\n}\n.tw-card-compact .tw-card-body {\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-card-compact .tw-card-title {\n  margin-bottom: 0.25rem;\n}\n.tw-card-normal .tw-card-body {\n  padding: var(--padding-card, 2rem);\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-card-normal .tw-card-title {\n  margin-bottom: 0.75rem;\n}\n.tw-join.tw-join-vertical > :where(*:not(:first-child)):is(.tw-btn) {\n  margin-top: calc(var(--border-btn) * -1);\n}\n.tw-join.tw-join-horizontal > :where(*:not(:first-child)):is(.tw-btn) {\n  margin-inline-start: calc(var(--border-btn) * -1);\n  margin-top: 0px;\n}\n.tw-modal-top :where(.tw-modal-box) {\n  width: 100%;\n  max-width: none;\n  --tw-translate-y: -2.5rem;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.tw-modal-middle :where(.tw-modal-box) {\n  width: 91.666667%;\n  max-width: 32rem;\n  --tw-translate-y: 0px;\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\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  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  border-bottom-right-radius: var(--rounded-box, 1rem);\n  border-bottom-left-radius: var(--rounded-box, 1rem);\n}\n.tw-modal-bottom :where(.tw-modal-box) {\n  width: 100%;\n  max-width: none;\n  --tw-translate-y: 2.5rem;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\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  border-top-left-radius: var(--rounded-box, 1rem);\n  border-top-right-radius: var(--rounded-box, 1rem);\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.tw-tooltip {\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  --tooltip-tail: 0.1875rem;\n  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));\n  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));\n  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));\n}\n.tw-tooltip:before,\n.tw-tooltip:after {\n  opacity: 0;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-delay: 100ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.tw-tooltip:after {\n  position: absolute;\n  content: \"\";\n  border-style: solid;\n  border-width: var(--tooltip-tail, 0);\n  width: 0;\n  height: 0;\n  display: block;\n}\n.tw-tooltip:before {\n  max-width: 20rem;\n  white-space: normal;\n  border-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  background-color: var(--tooltip-color);\n  color: var(--tooltip-text-color);\n  width: -moz-max-content;\n  width: max-content;\n}\n.tw-tooltip.tw-tooltip-open:before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip.tw-tooltip-open:after {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:hover:before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:hover:after {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:has(:focus-visible):after,\n.tw-tooltip:has(:focus-visible):before {\n  opacity: 1;\n  transition-delay: 75ms;\n}\n.tw-tooltip:not([data-tip]):hover:before,\n.tw-tooltip:not([data-tip]):hover:after {\n  visibility: hidden;\n  opacity: 0;\n}\n.tw-tooltip:after, .tw-tooltip-top:after {\n  transform: translateX(-50%);\n  border-color: var(--tooltip-color) transparent transparent transparent;\n  top: auto;\n  left: 50%;\n  right: auto;\n  bottom: var(--tooltip-tail-offset);\n}\n.tw-tooltip-left:after {\n  transform: translateY(-50%);\n  border-color: transparent transparent transparent var(--tooltip-color);\n  top: 50%;\n  left: auto;\n  right: calc(var(--tooltip-tail-offset) + 0.0625rem);\n  bottom: auto;\n}\n.tw-tooltip-right:after {\n  transform: translateY(-50%);\n  border-color: transparent var(--tooltip-color) transparent transparent;\n  top: 50%;\n  left: calc(var(--tooltip-tail-offset) + 0.0625rem);\n  right: auto;\n  bottom: auto;\n}\n.tw-pointer-events-none {\n  pointer-events: none;\n}\n.tw-pointer-events-auto {\n  pointer-events: auto;\n}\n.tw-fixed {\n  position: fixed;\n}\n.tw-absolute {\n  position: absolute;\n}\n.tw-relative {\n  position: relative;\n}\n.tw-inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.\\!tw-bottom-24 {\n  bottom: 6rem !important;\n}\n.\\!tw-left-0 {\n  left: 0px !important;\n}\n.\\!tw-left-auto {\n  left: auto !important;\n}\n.-tw-left-6 {\n  left: -1.5rem;\n}\n.tw--right-2 {\n  right: -0.5rem;\n}\n.tw--top-2 {\n  top: -0.5rem;\n}\n.tw-bottom-0 {\n  bottom: 0px;\n}\n.tw-bottom-4 {\n  bottom: 1rem;\n}\n.tw-left-0 {\n  left: 0px;\n}\n.tw-left-1\\/2 {\n  left: 50%;\n}\n.tw-left-4 {\n  left: 1rem;\n}\n.tw-right-0 {\n  right: 0px;\n}\n.tw-right-1 {\n  right: 0.25rem;\n}\n.tw-right-2 {\n  right: 0.5rem;\n}\n.tw-right-4 {\n  right: 1rem;\n}\n.tw-right-5 {\n  right: 1.25rem;\n}\n.tw-top-0 {\n  top: 0px;\n}\n.tw-top-1 {\n  top: 0.25rem;\n}\n.tw-top-14 {\n  top: 3.5rem;\n}\n.tw-top-2 {\n  top: 0.5rem;\n}\n.tw-top-4 {\n  top: 1rem;\n}\n.\\!tw-z-\\[10000\\] {\n  z-index: 10000 !important;\n}\n.tw-z-1000 {\n  z-index: 1000;\n}\n.tw-z-3000 {\n  z-index: 3000;\n}\n.tw-z-500 {\n  z-index: 500;\n}\n.tw-z-\\[10000\\] {\n  z-index: 10000;\n}\n.tw-z-\\[10035\\] {\n  z-index: 10035;\n}\n.tw-z-\\[2000\\] {\n  z-index: 2000;\n}\n.tw-z-\\[4000\\] {\n  z-index: 4000;\n}\n.tw-z-\\[9998\\] {\n  z-index: 9998;\n}\n.tw-z-\\[999\\] {\n  z-index: 999;\n}\n.tw-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.tw-float-right {\n  float: right;\n}\n.tw-float-left {\n  float: left;\n}\n.tw-m-1 {\n  margin: 0.25rem;\n}\n.tw-m-4 {\n  margin: 1rem;\n}\n.tw-m-auto {\n  margin: auto;\n}\n.\\!tw-my-0 {\n  margin-top: 0px !important;\n  margin-bottom: 0px !important;\n}\n.\\!tw-my-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n.-tw-mx-4 {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.tw-mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.tw-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.tw-mx-6 {\n  margin-left: 1.5rem;\n  margin-right: 1.5rem;\n}\n.tw-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.tw-my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.tw-my-10 {\n  margin-top: 2.5rem;\n  margin-bottom: 2.5rem;\n}\n.tw-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.-tw-mb-1 {\n  margin-bottom: -0.25rem;\n}\n.-tw-mb-2 {\n  margin-bottom: -0.5rem;\n}\n.-tw-mb-4 {\n  margin-bottom: -1rem;\n}\n.-tw-mr-4 {\n  margin-right: -1rem;\n}\n.-tw-mr-6 {\n  margin-right: -1.5rem;\n}\n.-tw-mt-2 {\n  margin-top: -0.5rem;\n}\n.tw-mb-0 {\n  margin-bottom: 0px;\n}\n.tw-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.tw-mb-10 {\n  margin-bottom: 2.5rem;\n}\n.tw-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.tw-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.tw-mb-4 {\n  margin-bottom: 1rem;\n}\n.tw-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.tw-ml-1 {\n  margin-left: 0.25rem;\n}\n.tw-ml-2 {\n  margin-left: 0.5rem;\n}\n.tw-mr-1 {\n  margin-right: 0.25rem;\n}\n.tw-mr-2 {\n  margin-right: 0.5rem;\n}\n.tw-mr-4 {\n  margin-right: 1rem;\n}\n.tw-mr-5 {\n  margin-right: 1.25rem;\n}\n.tw-mt-0 {\n  margin-top: 0px;\n}\n.tw-mt-1 {\n  margin-top: 0.25rem;\n}\n.tw-mt-1\\.5 {\n  margin-top: 0.375rem;\n}\n.tw-mt-12 {\n  margin-top: 3rem;\n}\n.tw-mt-16 {\n  margin-top: 4rem;\n}\n.tw-mt-2 {\n  margin-top: 0.5rem;\n}\n.tw-mt-3 {\n  margin-top: 0.75rem;\n}\n.tw-mt-4 {\n  margin-top: 1rem;\n}\n.tw-mt-5 {\n  margin-top: 1.25rem;\n}\n.tw-mt-6 {\n  margin-top: 1.5rem;\n}\n.tw-mt-8 {\n  margin-top: 2rem;\n}\n.tw-block {\n  display: block;\n}\n.tw-inline-block {\n  display: inline-block;\n}\n.tw-inline {\n  display: inline;\n}\n.tw-flex {\n  display: flex;\n}\n.tw-inline-flex {\n  display: inline-flex;\n}\n.tw-table {\n  display: table;\n}\n.tw-grid {\n  display: grid;\n}\n.tw-hidden {\n  display: none;\n}\n.tw-h-10 {\n  height: 2.5rem;\n}\n.tw-h-12 {\n  height: 3rem;\n}\n.tw-h-20 {\n  height: 5rem;\n}\n.tw-h-24 {\n  height: 6rem;\n}\n.tw-h-28 {\n  height: 7rem;\n}\n.tw-h-3 {\n  height: 0.75rem;\n}\n.tw-h-3\\/4 {\n  height: 75%;\n}\n.tw-h-32 {\n  height: 8rem;\n}\n.tw-h-4 {\n  height: 1rem;\n}\n.tw-h-40 {\n  height: 10rem;\n}\n.tw-h-48 {\n  height: 12rem;\n}\n.tw-h-5 {\n  height: 1.25rem;\n}\n.tw-h-6 {\n  height: 1.5rem;\n}\n.tw-h-8 {\n  height: 2rem;\n}\n.tw-h-96 {\n  height: 24rem;\n}\n.tw-h-\\[100dvh\\] {\n  height: 100dvh;\n}\n.tw-h-\\[calc\\(100\\%-1rem\\)\\] {\n  height: calc(100% - 1rem);\n}\n.tw-h-\\[calc\\(100dvh-268px\\)\\] {\n  height: calc(100dvh - 268px);\n}\n.tw-h-\\[calc\\(100dvh-280px\\)\\] {\n  height: calc(100dvh - 280px);\n}\n.tw-h-\\[calc\\(100dvh-332px\\)\\] {\n  height: calc(100dvh - 332px);\n}\n.tw-h-\\[calc\\(100dvh-64px\\)\\] {\n  height: calc(100dvh - 64px);\n}\n.tw-h-\\[calc\\(50\\%-0\\.75em\\)\\] {\n  height: calc(50% - 0.75em);\n}\n.tw-h-\\[calc\\(50\\%-1\\.5em\\)\\] {\n  height: calc(50% - 1.5em);\n}\n.tw-h-fit {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.tw-h-full {\n  height: 100%;\n}\n.tw-max-h-64 {\n  max-height: 16rem;\n}\n.tw-max-h-\\[calc\\(100dvh-152px\\)\\] {\n  max-height: calc(100dvh - 152px);\n}\n.tw-max-h-\\[calc\\(100dvh-96px\\)\\] {\n  max-height: calc(100dvh - 96px);\n}\n.tw-min-h-0 {\n  min-height: 0px;\n}\n.tw-min-h-56 {\n  min-height: 224px;\n}\n.tw-min-h-80 {\n  min-height: 320px;\n}\n.tw-min-h-\\[21px\\] {\n  min-height: 21px;\n}\n.tw-min-h-\\[5em\\] {\n  min-height: 5em;\n}\n.tw-w-1 {\n  width: 0.25rem;\n}\n.tw-w-10 {\n  width: 2.5rem;\n}\n.tw-w-12 {\n  width: 3rem;\n}\n.tw-w-20 {\n  width: 5rem;\n}\n.tw-w-28 {\n  width: 7rem;\n}\n.tw-w-4 {\n  width: 1rem;\n}\n.tw-w-48 {\n  width: 12rem;\n}\n.tw-w-5 {\n  width: 1.25rem;\n}\n.tw-w-52 {\n  width: 13rem;\n}\n.tw-w-6 {\n  width: 1.5rem;\n}\n.tw-w-8 {\n  width: 2rem;\n}\n.tw-w-80 {\n  width: 20rem;\n}\n.tw-w-96 {\n  width: 24rem;\n}\n.tw-w-\\[56px\\] {\n  width: 56px;\n}\n.tw-w-\\[calc\\(100\\%-32px\\)\\] {\n  width: calc(100% - 32px);\n}\n.tw-w-\\[calc\\(100vw-2rem\\)\\] {\n  width: calc(100vw - 2rem);\n}\n.tw-w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.tw-w-full {\n  width: 100%;\n}\n.tw-min-w-0 {\n  min-width: 0px;\n}\n.tw-min-w-80 {\n  min-width: 320px;\n}\n.tw-min-w-\\[10\\.4em\\] {\n  min-width: 10.4em;\n}\n.tw-min-w-\\[10em\\] {\n  min-width: 10em;\n}\n.tw-min-w-\\[8rem\\] {\n  min-width: 8rem;\n}\n.tw-min-w-fit {\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n.tw-max-w-3xl {\n  max-width: 48rem;\n}\n.tw-max-w-\\[17rem\\] {\n  max-width: 17rem;\n}\n.tw-max-w-\\[22rem\\] {\n  max-width: 22rem;\n}\n.tw-max-w-\\[calc\\(100\\%-60px\\)\\] {\n  max-width: calc(100% - 60px);\n}\n.tw-max-w-full {\n  max-width: 100%;\n}\n.tw-max-w-xl {\n  max-width: 36rem;\n}\n.tw-max-w-xs {\n  max-width: 20rem;\n}\n.tw-flex-1 {\n  flex: 1 1 0%;\n}\n.tw-flex-none {\n  flex: none;\n}\n.tw-flex-grow {\n  flex-grow: 1;\n}\n.tw-grow {\n  flex-grow: 1;\n}\n.tw-basis-1\\/5 {\n  flex-basis: 20%;\n}\n.tw-basis-2\\/5 {\n  flex-basis: 40%;\n}\n.-tw-translate-y-1\\/3 {\n  --tw-translate-y: -33.333333%;\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}\n.tw--translate-x-1\\/2 {\n  --tw-translate-x: -50%;\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}\n.tw--translate-x-full {\n  --tw-translate-x: -100%;\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}\n.tw-translate-x-0 {\n  --tw-translate-x: 0px;\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}\n.tw-translate-x-1\\/3 {\n  --tw-translate-x: 33.333333%;\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}\n.tw-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}\n.tw-transform {\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}\n@keyframes tw-pulseGrow {\n\n  0%, 100% {\n    transform: scale(1.00);\n  }\n\n  80% {\n    transform: scale(1.00);\n  }\n\n  90% {\n    transform: scale(0.95);\n  }\n}\n.tw-animate-pulseGrow {\n  animation: tw-pulseGrow 2s ease-in-out infinite;\n}\n.tw-cursor-pointer {\n  cursor: pointer;\n}\n.tw-cursor-text {\n  cursor: text;\n}\n.tw-resize-none {\n  resize: none;\n}\n.tw-list-inside {\n  list-style-position: inside;\n}\n.tw-list-decimal {\n  list-style-type: decimal;\n}\n.tw-list-disc {\n  list-style-type: disc;\n}\n.tw-list-none {\n  list-style-type: none;\n}\n.tw-columns-1 {\n  -moz-columns: 1;\n       columns: 1;\n}\n.tw-break-inside-avoid {\n  -moz-column-break-inside: avoid;\n       break-inside: avoid;\n}\n.tw-grid-flow-col {\n  grid-auto-flow: column;\n}\n.tw-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.tw-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.tw-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.tw-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.tw-flex-row {\n  flex-direction: row;\n}\n.tw-flex-col {\n  flex-direction: column;\n}\n.tw-flex-wrap {\n  flex-wrap: wrap;\n}\n.tw-place-content-center {\n  place-content: center;\n}\n.tw-place-content-end {\n  place-content: end;\n}\n.tw-place-items-end {\n  place-items: end;\n}\n.tw-place-items-center {\n  place-items: center;\n}\n.tw-items-center {\n  align-items: center;\n}\n.tw-justify-normal {\n  justify-content: normal;\n}\n.tw-justify-end {\n  justify-content: flex-end;\n}\n.tw-justify-center {\n  justify-content: center;\n}\n.tw-justify-between {\n  justify-content: space-between;\n}\n.tw-gap-2 {\n  gap: 0.5rem;\n}\n.tw-gap-6 {\n  gap: 1.5rem;\n}\n.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.tw-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.75rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.tw-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.tw-place-self-end {\n  place-self: end;\n}\n.tw-place-self-center {\n  place-self: center;\n}\n.tw-self-center {\n  align-self: center;\n}\n.tw-overflow-auto {\n  overflow: auto;\n}\n.tw-overflow-hidden {\n  overflow: hidden;\n}\n.tw-overflow-scroll {\n  overflow: scroll;\n}\n.tw-overflow-x-auto {\n  overflow-x: auto;\n}\n.tw-overflow-y-auto {\n  overflow-y: auto;\n}\n.tw-overflow-x-hidden {\n  overflow-x: hidden;\n}\n.tw-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tw-text-ellipsis {\n  text-overflow: ellipsis;\n}\n.tw-whitespace-nowrap {\n  white-space: nowrap;\n}\n.\\!tw-rounded-none {\n  border-radius: 0px !important;\n}\n.tw-rounded {\n  border-radius: 0.25rem;\n}\n.tw-rounded-2xl {\n  border-radius: 1rem;\n}\n.tw-rounded-box {\n  border-radius: var(--rounded-box, 1rem);\n}\n.tw-rounded-full {\n  border-radius: 9999px;\n}\n.tw-rounded-lg {\n  border-radius: 0.5rem;\n}\n.tw-rounded-md {\n  border-radius: 0.375rem;\n}\n.tw-rounded-none {\n  border-radius: 0px;\n}\n.tw-rounded-xl {\n  border-radius: 0.75rem;\n}\n.tw-rounded-br-md {\n  border-bottom-right-radius: 0.375rem;\n}\n.tw-rounded-tl-none {\n  border-top-left-radius: 0px;\n}\n.tw-rounded-tr-md {\n  border-top-right-radius: 0.375rem;\n}\n.tw-border {\n  border-width: 1px;\n}\n.tw-border-0 {\n  border-width: 0px;\n}\n.tw-border-4 {\n  border-width: 4px;\n}\n.tw-border-\\[1px\\] {\n  border-width: 1px;\n}\n.tw-border-t-0 {\n  border-top-width: 0px;\n}\n.tw-border-none {\n  border-style: none;\n}\n.tw-border-\\[var\\(--fallback-bc\\,oklch\\(var\\(--bc\\)\\/0\\.2\\)\\)\\] {\n  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.tw-border-base-200 {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity, 1)));\n}\n.tw-border-base-300 {\n  --tw-border-opacity: 1;\n  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity, 1)));\n}\n.tw-border-current {\n  border-color: currentColor;\n}\n.tw-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n.tw-bg-\\[\\#369acc\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 154 204 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#95cf92\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(149 207 146 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#9656a2\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(150 86 162 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#A9DEF9\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(169 222 249 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#D0F4DE\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(208 244 222 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#E4C1F9\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(228 193 249 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#FCF6BD\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 246 189 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#FF99C8\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 153 200 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#de324c\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(222 50 76 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#f4895f\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 137 95 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#f8e16f\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 225 111 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-\\[\\#fff0d6\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 240 214 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-base-100 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));\n}\n.tw-bg-base-200 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));\n}\n.tw-bg-base-300 {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));\n}\n.tw-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-neutral-content {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity, 1)));\n}\n.tw-bg-primary {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));\n}\n.tw-bg-slate-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.tw-bg-transparent {\n  background-color: transparent;\n}\n.tw-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.tw-fill-current {\n  fill: currentColor;\n}\n.tw-stroke-current {\n  stroke: currentColor;\n}\n.tw-object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.\\!tw-p-0 {\n  padding: 0px !important;\n}\n.\\!tw-p-4 {\n  padding: 1rem !important;\n}\n.\\!tw-p-9 {\n  padding: 2.25rem !important;\n}\n.tw-p-0 {\n  padding: 0px;\n}\n.tw-p-1 {\n  padding: 0.25rem;\n}\n.tw-p-2 {\n  padding: 0.5rem;\n}\n.tw-p-3 {\n  padding: 0.75rem;\n}\n.tw-p-4 {\n  padding: 1rem;\n}\n.tw-p-6 {\n  padding: 1.5rem;\n}\n.tw-p-\\[1px\\] {\n  padding: 1px;\n}\n.tw-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.tw-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.tw-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.tw-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.tw-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.tw-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.tw-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.\\!tw-pe-2 {\n  padding-inline-end: 0.5rem !important;\n}\n.\\!tw-ps-2 {\n  padding-inline-start: 0.5rem !important;\n}\n.tw-pb-0 {\n  padding-bottom: 0px;\n}\n.tw-pb-1 {\n  padding-bottom: 0.25rem;\n}\n.tw-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.tw-pb-4 {\n  padding-bottom: 1rem;\n}\n.tw-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.tw-pl-2 {\n  padding-left: 0.5rem;\n}\n.tw-pr-1 {\n  padding-right: 0.25rem;\n}\n.tw-pr-12 {\n  padding-right: 3rem;\n}\n.tw-pr-4 {\n  padding-right: 1rem;\n}\n.tw-pt-0 {\n  padding-top: 0px;\n}\n.tw-pt-1 {\n  padding-top: 0.25rem;\n}\n.tw-pt-2 {\n  padding-top: 0.5rem;\n}\n.tw-pt-4 {\n  padding-top: 1rem;\n}\n.tw-pt-6 {\n  padding-top: 1.5rem;\n}\n.tw-text-center {\n  text-align: center;\n}\n.tw-text-right {\n  text-align: right;\n}\n.tw-align-middle {\n  vertical-align: middle;\n}\n.tw-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.tw-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.tw-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n.tw-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.tw-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.tw-text-map {\n  font-size: 13px;\n}\n.tw-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.tw-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.tw-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.tw-font-bold {\n  font-weight: 700;\n}\n.tw-font-medium {\n  font-weight: 500;\n}\n.tw-font-normal {\n  font-weight: 400;\n}\n.tw-font-semibold {\n  font-weight: 600;\n}\n.tw-normal-case {\n  text-transform: none;\n}\n.tw-italic {\n  font-style: italic;\n}\n.tw-leading-3 {\n  line-height: .75rem;\n}\n.tw-leading-5 {\n  line-height: 1.25rem;\n}\n.tw-leading-map {\n  line-height: 1.4em;\n}\n.\\!tw-text-base-content {\n  --tw-text-opacity: 1 !important;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;\n}\n.\\!tw-text-error {\n  --tw-text-opacity: 1 !important;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;\n}\n.tw-text-base-content {\n  --tw-text-opacity: 1;\n  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));\n}\n.tw-text-current {\n  color: currentColor;\n}\n.tw-text-error {\n  --tw-text-opacity: 1;\n  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));\n}\n.tw-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.tw-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.tw-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.tw-text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.tw-text-primary {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));\n}\n.tw-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.tw-text-zinc-500 {\n  --tw-text-opacity: 1;\n  color: rgb(113 113 122 / var(--tw-text-opacity, 1));\n}\n.tw-underline {\n  text-decoration-line: underline;\n}\n.tw-opacity-0 {\n  opacity: 0;\n}\n.tw-opacity-100 {\n  opacity: 1;\n}\n.tw-opacity-50 {\n  opacity: 0.5;\n}\n.tw-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}\n.tw-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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}\n.tw-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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}\n.tw-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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}\n.tw-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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}\n.tw-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\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}\n.tw-backdrop-brightness-75 {\n  --tw-backdrop-brightness: brightness(.75);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.tw-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-transition-none {\n  transition-property: none;\n}\n.tw-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.tw-duration-200 {\n  transition-duration: 200ms;\n}\n.tw-duration-300 {\n  transition-duration: 300ms;\n}\n.tw-duration-500 {\n  transition-duration: 500ms;\n}\n.tw-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.\\[--tab-border-color\\:var\\(--fallback-bc\\2c oklch\\(var\\(--bc\\)\\/0\\.2\\)\\)\\] {\n  --tab-border-color: var(--fallback-bc,oklch(var(--bc)/0.2));\n}\n.\\!\\[clip\\:rect\\(0\\2c 0\\2c 0\\2c 0\\)\\] {\n  clip: rect(0,0,0,0) !important;\n}\n.\\[clip\\:rect\\(0\\2c 0\\2c 0\\2c 0\\)\\] {\n  clip: rect(0,0,0,0);\n}\n.\\[direction\\:ltr\\] {\n  direction: ltr;\n}\n.\\[overflow-anchor\\:none\\] {\n  overflow-anchor: none;\n}\n.\\[transition\\:background-color_\\.2s_linear\\2c _height_\\.2s_ease-in-out\\] {\n  transition: background-color .2s linear, height .2s ease-in-out;\n}\n.\\[transition\\:background-color_\\.2s_linear\\2c _width_\\.2s_ease-in-out\\2c _opacity\\] {\n  transition: background-color .2s linear, width .2s ease-in-out, opacity;\n}\n.\\[transition\\:background-color_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\2c box-shadow_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\2c border_250ms_cubic-bezier\\(0\\.4\\2c 0\\2c 0\\.2\\2c 1\\)_0ms\\] {\n  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;\n}\n\n.fade {\n  -webkit-mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);\n          mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);\n}\n\n.tw-modal {\n  z-index: 1200 !important;\n}\n\n.tw-menu li a {\n  border-radius: 10px;\n}\n\n.tw-modal {\n  z-index: 1200 !important;\n  max-height: 100dvh;\n}\n\n.tw-modal-box {\n  max-height: calc(100dvh - 2em);\n}\n\n.Toastify__toast {\n  border-radius: 1rem;\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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  margin-left: 1rem;\n  margin-right: 1rem;\n  margin-bottom: 1rem;\n  background-color: var(--fallback-b1,oklch(var(--b1)/1));\n  color: var(--fallback-bc,oklch(var(--bc)/1));\n}\n\n.Toastify__toast-container {\n  z-index: 2001 !important;\n}\n\n.Toastify__toast-container--top-right {\n  top: 4.75em !important;\n}\n\n:root {\n\n  --toastify-color-info: var(--fallback-in,oklch(var(--in)/1));\n  --toastify-color-success: var(--fallback-su,oklch(var(--su)/1));\n  --toastify-color-warning: var(--fallback-wa,oklch(var(--wa)/1));\n  --toastify-color-error: var(--fallback-er,oklch(var(--er)/1));\n\n}\n\n.placeholder-center::-moz-placeholder {\n  text-align: center;\n}\n\n.placeholder-center::placeholder {\n  text-align: center;\n}\n\n.custom-file-upload {\n  cursor: pointer;\n}\n\ninput[type=\"file\"] {\n  display: none;\n}\n\n.custom-file-upload:hover .button {\n  opacity: 0.8;\n}\n\n.custom-file-upload .button {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  transform: translate(8px, 8px);\n\n}\n\n.tw-tab-content .container {\n  height: 100%;\n}\n\n.masonry {\n  -moz-column-count: 1;\n       column-count: 1;\n  -moz-column-gap: 1.5rem;\n       column-gap: 1.5rem;\n}\n.masonry-item {\n  -moz-column-break-inside: avoid;\n       break-inside: avoid;\n  margin-bottom: 1.5rem;\n}\n@media (min-width: 640px) {\n  .masonry {\n      -moz-column-count: 2;\n           column-count: 2;\n  }\n}\n@media (min-width: 1024px) {\n  .masonry {\n      -moz-column-count: 3;\n           column-count: 3;\n  }\n}\n@media (min-width: 1536px) {\n  .masonry {\n      -moz-column-count: 4;\n           column-count: 4;\n  }\n}\n@media (min-width: 640px) {\n\n  .sm\\:tw-table-sm :not(thead):not(tfoot) tr {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .sm\\:tw-table-sm :where(th, td) {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:tw-table-md :not(thead):not(tfoot) tr {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .md\\:tw-table-md :where(th, td) {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n}\n.hover\\:tw-cursor-pointer:hover {\n  cursor: pointer;\n}\n.hover\\:tw-bg-base-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));\n}\n.hover\\:tw-bg-slate-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));\n}\n.hover\\:tw-bg-transparent:hover {\n  background-color: transparent;\n}\n.hover\\:tw-font-bold:hover {\n  font-weight: 700;\n}\n.hover\\:tw-text-primary:hover {\n  --tw-text-opacity: 1;\n  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));\n}\n.hover\\:tw-underline:hover {\n  text-decoration-line: underline;\n}\n.focus\\:tw-border-indigo-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));\n}\n.focus\\:tw-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:tw-ring-indigo-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));\n}\n.data-\\[te-sidenav-slim\\=\\'true\\'\\]\\:tw-hidden[data-te-sidenav-slim='true'] {\n  display: none;\n}\n.data-\\[te-sidenav-slim-collapsed\\=\\'true\\'\\]\\:tw-w-\\[56px\\][data-te-sidenav-slim-collapsed='true'] {\n  width: 56px;\n}\n.data-\\[te-sidenav-slim\\=\\'true\\'\\]\\:tw-w-\\[56px\\][data-te-sidenav-slim='true'] {\n  width: 56px;\n}\n.data-\\[te-sidenav-hidden\\=\\'false\\'\\]\\:tw-translate-x-0[data-te-sidenav-hidden='false'] {\n  --tw-translate-x: 0px;\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}\n.tw-group[data-te-sidenav-slim-collapsed='true'] .group-\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\]\\:data-\\[te-sidenav-slim\\=\\'false\\'\\]\\:tw-hidden[data-te-sidenav-slim='false'] {\n  display: none;\n}\n@media (min-width: 640px) {\n\n  .sm\\:\\!tw-left-auto {\n    left: auto !important;\n  }\n\n  .sm\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .sm\\:tw-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:tw-mb-0 {\n    margin-bottom: 0px;\n  }\n\n  .md\\:tw-flex {\n    display: flex;\n  }\n\n  .md\\:tw-hidden {\n    display: none;\n  }\n\n  .md\\:tw-w-1\\/2 {\n    width: 50%;\n  }\n\n  .md\\:tw-w-\\[calc\\(50\\%-32px\\)\\] {\n    width: calc(50% - 32px);\n  }\n\n  .md\\:tw-columns-2 {\n    -moz-columns: 2;\n         columns: 2;\n  }\n\n  .md\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .md\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .md\\:tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .md\\:tw-text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n}\n@media (min-width: 1024px) {\n\n  .lg\\:tw-columns-3 {\n    -moz-columns: 3;\n         columns: 3;\n  }\n\n  .lg\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n}\n@media (min-width: 1280px) {\n\n  .xl\\:tw-max-w-6xl {\n    max-width: 72rem;\n  }\n\n  .xl\\:tw-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .xl\\:tw-text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\32xl\\:tw-columns-4 {\n    -moz-columns: 4;\n         columns: 4;\n  }\n\n  .\\32xl\\:tw-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n.rtl\\:\\[direction\\:rtl\\]:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  direction: rtl;\n}\n@media (prefers-color-scheme: dark) {\n\n  .dark\\:tw-bg-zinc-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));\n  }\n}\n.\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\[data-te-sidenav-slim\\=\\'false\\'\\]\\]\\:tw-hidden[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false'] {\n  display: none;\n}\n.\\[\\&\\[data-te-sidenav-slim-collapsed\\=\\'true\\'\\]\\[data-te-sidenav-slim\\=\\'true\\'\\]\\]\\:\\[display\\:unset\\][data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true'] {\n  display: unset;\n}";
+styleInject(css_248z$4);
 
 const QuestContext = createContext({
     open: false,
@@ -1122,8 +1119,8 @@ const Wrappers = ({ children }) => {
     return (jsx(PermissionsProvider, { initialPermissions: [], children: jsx(TagsProvider, { initialTags: [], children: jsx(LayersProvider, { initialLayers: [], children: jsx(FilterProvider, { initialTags: [], children: jsx(ItemsProvider, { initialItems: [], children: jsx(SelectPositionProvider, { children: jsx(LeafletRefsProvider, { initialLeafletRefs: {}, children: jsx(QueryClientProvider, { client: queryClient, children: jsx(AppStateProvider, { children: jsx(ClusterRefProvider, { children: jsxs(QuestsProvider, { initialOpen: true, children: [jsx(ToastContainer, { position: 'top-right', autoClose: 2000, hideProgressBar: true, newestOnTop: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: 'light' }), children] }) }) }) }) }) }) }) }) }) }) }));
 };
 
-var css_248z$1 = ".leaflet-container {\n    text-align: left;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-position: 50% 80%; \n  }\n  \n  input {\n    box-sizing: border-box;\n  }\n  \n  textarea {\n    box-sizing: border-box;\n  }\n  \n  .leaflet-control-attribution {\n    display: none;\n   }\n  \n  .leaflet-control-locate {\n    display: none;\n  }\n\n  .leaflet-data-marker {\n  \n    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAB3klEQVR42s3U4UdDURzG8czMXJnJ1Vwzc6VJZjaZJdlMlpQsKdmUFNOUspRSSqUolfQfr+fF98Vx5mwv9qbDx7LdznnO7/7Omej3+/+Ga0QMUYkhbvBgmhzCQxwxibIGrGEF8CQhU+LLtKQkQNqScUgjxRxTBIxbgfgD/BgnhM8kM5KTeclLQYqGkkMRBckzR8ic/mAgd5BAZplsUaqyIg2sDtHg2brUZJk5SmwopErJUWE8SpmTMhNvya60Zd/SNrR4bkeaskG4uiwRZk6yrJEYFibGAxn+scECHTmTnuVCzvmty3PHciB7bGKN6lQkzysPqIrHmpFhYbKUtckC1/Ioz4ZHuZdbuSLYiRxRpSZVWXZVxAzC0R4Ik5SQsu6w8yd5l2/5kg95I9SdXMoZQfYIUjeqEUrgOkXGPeN4TYRhxy8E+ZUf+eS7B7miIoeybVSjKDnm8u3+gH3pDTYwu1igATvs/pXqvBKiR4i2bNJfi1ZfUAnjgrOG8wY2quNzBKuU/ZS+uSFEl5O0xRGuUIlZCcw7xG5QPkeHYUSNV5WXGou2sC3rBC0LjenqCXGO0WEiTJa0Lr4KixdHBrDGuGGiRqCUpFk8pGIpQtCU7p4YPwxYxEMCk1aAMQZh8Ac8PfbIzYPJOwAAAABJRU5ErkJggg==') no-repeat;\n    background-position: 6px 32px;\n  }\n  \n  .crosshair-cursor-enabled {\n    cursor: crosshair;\n  }\n  \n  .leaflet-container {\n    cursor: inherit;\n  }\n  \n  .calendar-icon {\n    position: relative;\n    top: -35px;\n    left: 10px;\n    width: 13px;\n  }\n  \n  .user-icon {\n    position: relative;\n    top: -36px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .circle-icon {\n    position: relative;\n    top: -33px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .fire-icon {\n    position: relative;\n    top: -36px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .tree-icon {\n    position: relative;\n    top: -38px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .music-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .quest-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .drum-icon {\n    position: relative;\n    top: -38px;\n    left: 4px;\n    width: 24px;\n  }\n\n  \n  .compass-icon {\n    position: relative;\n    top: -36.5px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .group-icon {\n    position: relative;\n    top: -37px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .liebevoll-jetzt-icon{\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .staff-snake-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .flower-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n  \n  .network-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .shop-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .plant-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .circle-dot-icon {\n    position: relative;\n    top: -36px;\n    left: 4px;\n    width: 24px;\n  }\n  \n  .leaflet-popup-scrolled {\n    overflow-x: hidden;\n  }\n\n  .leaflet-popup-content-wrapper, .leaflet-popup-tip{\n    background-color: var(--fallback-b1,oklch(var(--b1)/1));\n    color: var(--fallback-bc,oklch(var(--bc)/1));\n\n  }\n\n  .leaflet-tooltip {\n    background-color: var(--fallback-b1,oklch(var(--b1)/1));\n    color: var(--fallback-bc,oklch(var(--bc)/1));\n    border-width: 0px;\n    border-radius: 1em;\n    transition: opacity 500ms;\n    transition-delay: 50ms;\n  }\n\n  .leaflet-tooltip-top::before {\n    border-top-color: var(--fallback-b1,oklch(var(--b1)/1));\n  }\n\n  .marker-cluster span {\n    color: #000;\n  }";
-styleInject(css_248z$1);
+var css_248z$3 = ".leaflet-container {\n    text-align: left;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-position: 50% 80%; \n  }\n  \n  input {\n    box-sizing: border-box;\n  }\n  \n  textarea {\n    box-sizing: border-box;\n  }\n  \n  .leaflet-control-attribution {\n    display: none;\n   }\n  \n  .leaflet-control-locate {\n    display: none;\n  }\n\n  .leaflet-data-marker {\n  \n    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAB3klEQVR42s3U4UdDURzG8czMXJnJ1Vwzc6VJZjaZJdlMlpQsKdmUFNOUspRSSqUolfQfr+fF98Vx5mwv9qbDx7LdznnO7/7Omej3+/+Ga0QMUYkhbvBgmhzCQxwxibIGrGEF8CQhU+LLtKQkQNqScUgjxRxTBIxbgfgD/BgnhM8kM5KTeclLQYqGkkMRBckzR8ic/mAgd5BAZplsUaqyIg2sDtHg2brUZJk5SmwopErJUWE8SpmTMhNvya60Zd/SNrR4bkeaskG4uiwRZk6yrJEYFibGAxn+scECHTmTnuVCzvmty3PHciB7bGKN6lQkzysPqIrHmpFhYbKUtckC1/Ioz4ZHuZdbuSLYiRxRpSZVWXZVxAzC0R4Ik5SQsu6w8yd5l2/5kg95I9SdXMoZQfYIUjeqEUrgOkXGPeN4TYRhxy8E+ZUf+eS7B7miIoeybVSjKDnm8u3+gH3pDTYwu1igATvs/pXqvBKiR4i2bNJfi1ZfUAnjgrOG8wY2quNzBKuU/ZS+uSFEl5O0xRGuUIlZCcw7xG5QPkeHYUSNV5WXGou2sC3rBC0LjenqCXGO0WEiTJa0Lr4KixdHBrDGuGGiRqCUpFk8pGIpQtCU7p4YPwxYxEMCk1aAMQZh8Ac8PfbIzYPJOwAAAABJRU5ErkJggg==') no-repeat;\n    background-position: 6px 32px;\n  }\n  \n  .crosshair-cursor-enabled {\n    cursor: crosshair;\n  }\n  \n  .leaflet-container {\n    cursor: inherit;\n  }\n  \n  .calendar-icon {\n    position: relative;\n    top: -35px;\n    left: 10px;\n    width: 13px;\n  }\n  \n  .user-icon {\n    position: relative;\n    top: -36px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .circle-icon {\n    position: relative;\n    top: -33px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .fire-icon {\n    position: relative;\n    top: -36px;\n    left: 10px;\n    width: 13px;\n  }\n\n  .tree-icon {\n    position: relative;\n    top: -38px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .music-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .quest-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .drum-icon {\n    position: relative;\n    top: -38px;\n    left: 4px;\n    width: 24px;\n  }\n\n  \n  .compass-icon {\n    position: relative;\n    top: -36.5px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .group-icon {\n    position: relative;\n    top: -37px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .liebevoll-jetzt-icon{\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .staff-snake-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .flower-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n  \n  .network-icon {\n    position: relative;\n    top: -35px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .shop-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .plant-icon {\n    position: relative;\n    top: -34px;\n    left: 4px;\n    width: 24px;\n  }\n\n  .circle-dot-icon {\n    position: relative;\n    top: -36px;\n    left: 4px;\n    width: 24px;\n  }\n  \n  .leaflet-popup-scrolled {\n    overflow-x: hidden;\n  }\n\n  .leaflet-popup-content-wrapper, .leaflet-popup-tip{\n    background-color: var(--fallback-b1,oklch(var(--b1)/1));\n    color: var(--fallback-bc,oklch(var(--bc)/1));\n\n  }\n\n  .leaflet-tooltip {\n    background-color: var(--fallback-b1,oklch(var(--b1)/1));\n    color: var(--fallback-bc,oklch(var(--bc)/1));\n    border-width: 0px;\n    border-radius: 1em;\n    transition: opacity 500ms;\n    transition-delay: 50ms;\n  }\n\n  .leaflet-tooltip-top::before {\n    border-top-color: var(--fallback-b1,oklch(var(--b1)/1));\n  }\n\n  .marker-cluster span {\n    color: #000;\n  }";
+styleInject(css_248z$3);
 
 function containsUUID(str) {
     const uuidRegex = /[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}/i;
@@ -1148,6 +1145,9 @@ function AddButton({ triggerAction, }) {
                         hasUserPermission(layer.api.collectionName, 'create', undefined, layer) &&
                         layer.listed && (jsx("li", { children: jsx("a", { children: jsx("div", { className: 'tw-tooltip tw-tooltip-left', "data-tip": layer.menuText, children: jsx("button", { tabIndex: 0, className: 'tw-z-500  tw-border-0 tw-pl-2 tw-p-0 tw-mb-3 tw-w-10 tw-h-10 tw-cursor-pointer tw-rounded-full tw-mouse tw-drop-shadow-md tw-transition tw-ease-in tw-duration-200 focus:tw-outline-none', style: { backgroundColor: layer.menuColor || '#777' }, onClick: () => {
                                         triggerAction(layer);
+                                    }, onTouchEnd: (e) => {
+                                        triggerAction(layer);
+                                        e.preventDefault();
                                     }, children: jsx("img", { src: layer.menuIcon, className: 'tw-h-6 tw-w-6 tw-text-white', style: { filter: 'invert(100%) brightness(200%)' } }) }) }) }) }, layer.name))) })] })) : ('') }));
 }
 
@@ -1495,6 +1495,954 @@ const MarkerIconFactory = (shape, color1, color2, icon) => {
     });
 };
 
+/*!
+Copyright (c) 2016 Dominik Moritz
+
+This file is part of the leaflet locate control. It is licensed under the MIT license.
+You can find the project at: https://github.com/domoritz/leaflet-locatecontrol
+*/
+(function (factory, window) {
+  // see https://github.com/Leaflet/Leaflet/blob/master/PLUGIN-GUIDE.md#module-loaders
+  // for details on how to structure a leaflet plugin.
+
+  // define an AMD module that relies on 'leaflet'
+  if (typeof define === "function" && define.amd) {
+    define(["leaflet"], factory);
+
+    // define a Common JS module that relies on 'leaflet'
+  } else if (typeof exports === "object") {
+    if (typeof window !== "undefined" && window.L) {
+      module.exports = factory(L);
+    } else {
+      module.exports = factory(require("leaflet"));
+    }
+  }
+
+  // attach your plugin to the global 'L' variable
+  if (typeof window !== "undefined" && window.L) {
+    window.L.Control.Locate = factory(L);
+  }
+})(function (L) {
+  const LDomUtilApplyClassesMethod = (method, element, classNames) => {
+    classNames = classNames.split(" ");
+    classNames.forEach(function (className) {
+      L.DomUtil[method].call(this, element, className);
+    });
+  };
+
+  const addClasses = (el, names) => LDomUtilApplyClassesMethod("addClass", el, names);
+  const removeClasses = (el, names) => LDomUtilApplyClassesMethod("removeClass", el, names);
+
+  /**
+   * Compatible with L.Circle but a true marker instead of a path
+   */
+  const LocationMarker = L.Marker.extend({
+    initialize(latlng, options) {
+      L.Util.setOptions(this, options);
+      this._latlng = latlng;
+      this.createIcon();
+    },
+
+    /**
+     * Create a styled circle location marker
+     */
+    createIcon() {
+      const opt = this.options;
+
+      let style = "";
+
+      if (opt.color !== undefined) {
+        style += `stroke:${opt.color};`;
+      }
+      if (opt.weight !== undefined) {
+        style += `stroke-width:${opt.weight};`;
+      }
+      if (opt.fillColor !== undefined) {
+        style += `fill:${opt.fillColor};`;
+      }
+      if (opt.fillOpacity !== undefined) {
+        style += `fill-opacity:${opt.fillOpacity};`;
+      }
+      if (opt.opacity !== undefined) {
+        style += `opacity:${opt.opacity};`;
+      }
+
+      const icon = this._getIconSVG(opt, style);
+
+      this._locationIcon = L.divIcon({
+        className: icon.className,
+        html: icon.svg,
+        iconSize: [icon.w, icon.h]
+      });
+
+      this.setIcon(this._locationIcon);
+    },
+
+    /**
+     * Return the raw svg for the shape
+     *
+     * Split so can be easily overridden
+     */
+    _getIconSVG(options, style) {
+      const r = options.radius;
+      const w = options.weight;
+      const s = r + w;
+      const s2 = s * 2;
+      const svg =
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${s2}" height="${s2}" version="1.1" viewBox="-${s} -${s} ${s2} ${s2}">` +
+        '<circle r="' +
+        r +
+        '" style="' +
+        style +
+        '" />' +
+        "</svg>";
+      return {
+        className: "leaflet-control-locate-location",
+        svg,
+        w: s2,
+        h: s2
+      };
+    },
+
+    setStyle(style) {
+      L.Util.setOptions(this, style);
+      this.createIcon();
+    }
+  });
+
+  const CompassMarker = LocationMarker.extend({
+    initialize(latlng, heading, options) {
+      L.Util.setOptions(this, options);
+      this._latlng = latlng;
+      this._heading = heading;
+      this.createIcon();
+    },
+
+    setHeading(heading) {
+      this._heading = heading;
+    },
+
+    /**
+     * Create a styled arrow compass marker
+     */
+    _getIconSVG(options, style) {
+      const r = options.radius;
+      const w = options.width + options.weight;
+      const h = (r + options.depth + options.weight) * 2;
+      const path = `M0,0 l${options.width / 2},${options.depth} l-${w},0 z`;
+      const svgstyle = `transform: rotate(${this._heading}deg)`;
+      const svg =
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" version="1.1" viewBox="-${w / 2} 0 ${w} ${h}" style="${svgstyle}">` +
+        '<path d="' +
+        path +
+        '" style="' +
+        style +
+        '" />' +
+        "</svg>";
+      return {
+        className: "leaflet-control-locate-heading",
+        svg,
+        w,
+        h
+      };
+    }
+  });
+
+  const LocateControl = L.Control.extend({
+    options: {
+      /** Position of the control */
+      position: "topleft",
+      /** The layer that the user's location should be drawn on. By default creates a new layer. */
+      layer: undefined,
+      /**
+       * Automatically sets the map view (zoom and pan) to the user's location as it updates.
+       * While the map is following the user's location, the control is in the `following` state,
+       * which changes the style of the control and the circle marker.
+       *
+       * Possible values:
+       *  - false: never updates the map view when location changes.
+       *  - 'once': set the view when the location is first determined
+       *  - 'always': always updates the map view when location changes.
+       *              The map view follows the user's location.
+       *  - 'untilPan': like 'always', except stops updating the
+       *                view if the user has manually panned the map.
+       *                The map view follows the user's location until she pans.
+       *  - 'untilPanOrZoom': (default) like 'always', except stops updating the
+       *                view if the user has manually panned the map.
+       *                The map view follows the user's location until she pans.
+       */
+      setView: "untilPanOrZoom",
+      /** Keep the current map zoom level when setting the view and only pan. */
+      keepCurrentZoomLevel: false,
+      /** After activating the plugin by clicking on the icon, zoom to the selected zoom level, even when keepCurrentZoomLevel is true. Set to 'false' to disable this feature. */
+      initialZoomLevel: false,
+      /**
+       * This callback can be used to override the viewport tracking
+       * This function should return a LatLngBounds object.
+       *
+       * For example to extend the viewport to ensure that a particular LatLng is visible:
+       *
+       * getLocationBounds: function(locationEvent) {
+       *    return locationEvent.bounds.extend([-33.873085, 151.219273]);
+       * },
+       */
+      getLocationBounds(locationEvent) {
+        return locationEvent.bounds;
+      },
+      /** Smooth pan and zoom to the location of the marker. Only works in Leaflet 1.0+. */
+      flyTo: false,
+      /**
+       * The user location can be inside and outside the current view when the user clicks on the
+       * control that is already active. Both cases can be configures separately.
+       * Possible values are:
+       *  - 'setView': zoom and pan to the current location
+       *  - 'stop': stop locating and remove the location marker
+       */
+      clickBehavior: {
+        /** What should happen if the user clicks on the control while the location is within the current view. */
+        inView: "stop",
+        /** What should happen if the user clicks on the control while the location is outside the current view. */
+        outOfView: "setView",
+        /**
+         * What should happen if the user clicks on the control while the location is within the current view
+         * and we could be following but are not. Defaults to a special value which inherits from 'inView';
+         */
+        inViewNotFollowing: "inView"
+      },
+      /**
+       * If set, save the map bounds just before centering to the user's
+       * location. When control is disabled, set the view back to the
+       * bounds that were saved.
+       */
+      returnToPrevBounds: false,
+      /**
+       * Keep a cache of the location after the user deactivates the control. If set to false, the user has to wait
+       * until the locate API returns a new location before they see where they are again.
+       */
+      cacheLocation: true,
+      /** If set, a circle that shows the location accuracy is drawn. */
+      drawCircle: true,
+      /** If set, the marker at the users' location is drawn. */
+      drawMarker: true,
+      /** If set and supported then show the compass heading */
+      showCompass: true,
+      /** The class to be used to create the marker. For example L.CircleMarker or L.Marker */
+      markerClass: LocationMarker,
+      /** The class us be used to create the compass bearing arrow */
+      compassClass: CompassMarker,
+      /** Accuracy circle style properties. NOTE these styles should match the css animations styles */
+      circleStyle: {
+        className: "leaflet-control-locate-circle",
+        color: "#136AEC",
+        fillColor: "#136AEC",
+        fillOpacity: 0.15,
+        weight: 0
+      },
+      /** Inner marker style properties. Only works if your marker class supports `setStyle`. */
+      markerStyle: {
+        className: "leaflet-control-locate-marker",
+        color: "#fff",
+        fillColor: "#2A93EE",
+        fillOpacity: 1,
+        weight: 3,
+        opacity: 1,
+        radius: 9
+      },
+      /** Compass */
+      compassStyle: {
+        fillColor: "#2A93EE",
+        fillOpacity: 1,
+        weight: 0,
+        color: "#fff",
+        opacity: 1,
+        radius: 9, // How far is the arrow is from the center of of the marker
+        width: 9, // Width of the arrow
+        depth: 6 // Length of the arrow
+      },
+      /**
+       * Changes to accuracy circle and inner marker while following.
+       * It is only necessary to provide the properties that should change.
+       */
+      followCircleStyle: {},
+      followMarkerStyle: {
+        // color: '#FFA500',
+        // fillColor: '#FFB000'
+      },
+      followCompassStyle: {},
+      /** The CSS class for the icon. For example fa-location-arrow or fa-map-marker */
+      icon: "leaflet-control-locate-location-arrow",
+      iconLoading: "leaflet-control-locate-spinner",
+      /** The element to be created for icons. For example span or i */
+      iconElementTag: "span",
+      /** The element to be created for the text. For example small or span */
+      textElementTag: "small",
+      /** Padding around the accuracy circle. */
+      circlePadding: [0, 0],
+      /** Use metric units. */
+      metric: true,
+      /**
+       * This callback can be used in case you would like to override button creation behavior.
+       * This is useful for DOM manipulation frameworks such as angular etc.
+       * This function should return an object with HtmlElement for the button (link property) and the icon (icon property).
+       */
+      createButtonCallback(container, options) {
+        const link = L.DomUtil.create("a", "leaflet-bar-part leaflet-bar-part-single", container);
+        link.title = options.strings.title;
+        link.href = "#";
+        link.setAttribute("role", "button");
+        const icon = L.DomUtil.create(options.iconElementTag, options.icon, link);
+
+        if (options.strings.text !== undefined) {
+          const text = L.DomUtil.create(options.textElementTag, "leaflet-locate-text", link);
+          text.textContent = options.strings.text;
+          link.classList.add("leaflet-locate-text-active");
+          link.parentNode.style.display = "flex";
+          if (options.icon.length > 0) {
+            icon.classList.add("leaflet-locate-icon");
+          }
+        }
+
+        return { link, icon };
+      },
+      /** This event is called in case of any location error that is not a time out error. */
+      onLocationError(err, control) {
+        alert(err.message);
+      },
+      /**
+       * This event is called when the user's location is outside the bounds set on the map.
+       * The event is called repeatedly when the location changes.
+       */
+      onLocationOutsideMapBounds(control) {
+        control.stop();
+        alert(control.options.strings.outsideMapBoundsMsg);
+      },
+      /** Display a pop-up when the user click on the inner marker. */
+      showPopup: true,
+      strings: {
+        title: "Show me where I am",
+        metersUnit: "meters",
+        feetUnit: "feet",
+        popup: "You are within {distance} {unit} from this point",
+        outsideMapBoundsMsg: "You seem located outside the boundaries of the map"
+      },
+      /** The default options passed to leaflets locate method. */
+      locateOptions: {
+        maxZoom: Infinity,
+        watch: true, // if you overwrite this, visualization cannot be updated
+        setView: false // have to set this to false because we have to
+        // do setView manually
+      }
+    },
+
+    initialize(options) {
+      // set default options if nothing is set (merge one step deep)
+      for (const i in options) {
+        if (typeof this.options[i] === "object") {
+          L.extend(this.options[i], options[i]);
+        } else {
+          this.options[i] = options[i];
+        }
+      }
+
+      // extend the follow marker style and circle from the normal style
+      this.options.followMarkerStyle = L.extend({}, this.options.markerStyle, this.options.followMarkerStyle);
+      this.options.followCircleStyle = L.extend({}, this.options.circleStyle, this.options.followCircleStyle);
+      this.options.followCompassStyle = L.extend({}, this.options.compassStyle, this.options.followCompassStyle);
+    },
+
+    /**
+     * Add control to map. Returns the container for the control.
+     */
+    onAdd(map) {
+      const container = L.DomUtil.create("div", "leaflet-control-locate leaflet-bar leaflet-control");
+      this._container = container;
+      this._map = map;
+      this._layer = this.options.layer || new L.LayerGroup();
+      this._layer.addTo(map);
+      this._event = undefined;
+      this._compassHeading = null;
+      this._prevBounds = null;
+
+      const linkAndIcon = this.options.createButtonCallback(container, this.options);
+      this._link = linkAndIcon.link;
+      this._icon = linkAndIcon.icon;
+
+      L.DomEvent.on(
+        this._link,
+        "click",
+        function (ev) {
+          L.DomEvent.stopPropagation(ev);
+          L.DomEvent.preventDefault(ev);
+          this._onClick();
+        },
+        this
+      ).on(this._link, "dblclick", L.DomEvent.stopPropagation);
+
+      this._resetVariables();
+
+      this._map.on("unload", this._unload, this);
+
+      return container;
+    },
+
+    /**
+     * This method is called when the user clicks on the control.
+     */
+    _onClick() {
+      this._justClicked = true;
+      const wasFollowing = this._isFollowing();
+      this._userPanned = false;
+      this._userZoomed = false;
+
+      if (this._active && !this._event) {
+        // click while requesting
+        this.stop();
+      } else if (this._active) {
+        const behaviors = this.options.clickBehavior;
+        let behavior = behaviors.outOfView;
+        if (this._map.getBounds().contains(this._event.latlng)) {
+          behavior = wasFollowing ? behaviors.inView : behaviors.inViewNotFollowing;
+        }
+
+        // Allow inheriting from another behavior
+        if (behaviors[behavior]) {
+          behavior = behaviors[behavior];
+        }
+
+        switch (behavior) {
+          case "setView":
+            this.setView();
+            break;
+          case "stop":
+            this.stop();
+            if (this.options.returnToPrevBounds) {
+              const f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+              f.bind(this._map)(this._prevBounds);
+            }
+            break;
+        }
+      } else {
+        if (this.options.returnToPrevBounds) {
+          this._prevBounds = this._map.getBounds();
+        }
+        this.start();
+      }
+
+      this._updateContainerStyle();
+    },
+
+    /**
+     * Starts the plugin:
+     * - activates the engine
+     * - draws the marker (if coordinates available)
+     */
+    start() {
+      this._activate();
+
+      if (this._event) {
+        this._drawMarker(this._map);
+
+        // if we already have a location but the user clicked on the control
+        if (this.options.setView) {
+          this.setView();
+        }
+      }
+      this._updateContainerStyle();
+    },
+
+    /**
+     * Stops the plugin:
+     * - deactivates the engine
+     * - reinitializes the button
+     * - removes the marker
+     */
+    stop() {
+      this._deactivate();
+
+      this._cleanClasses();
+      this._resetVariables();
+
+      this._removeMarker();
+    },
+
+    /**
+     * Keep the control active but stop following the location
+     */
+    stopFollowing() {
+      this._userPanned = true;
+      this._updateContainerStyle();
+      this._drawMarker();
+    },
+
+    /**
+     * This method launches the location engine.
+     * It is called before the marker is updated,
+     * event if it does not mean that the event will be ready.
+     *
+     * Override it if you want to add more functionalities.
+     * It should set the this._active to true and do nothing if
+     * this._active is true.
+     */
+    _activate() {
+      if (this._active || !this._map) {
+        return;
+      }
+
+      this._map.locate(this.options.locateOptions);
+      this._map.fire("locateactivate", this);
+      this._active = true;
+
+      // bind event listeners
+      this._map.on("locationfound", this._onLocationFound, this);
+      this._map.on("locationerror", this._onLocationError, this);
+      this._map.on("dragstart", this._onDrag, this);
+      this._map.on("zoomstart", this._onZoom, this);
+      this._map.on("zoomend", this._onZoomEnd, this);
+      if (this.options.showCompass) {
+        const oriAbs = "ondeviceorientationabsolute" in window;
+        if (oriAbs || "ondeviceorientation" in window) {
+          const _this = this;
+          const deviceorientation = function () {
+            L.DomEvent.on(window, oriAbs ? "deviceorientationabsolute" : "deviceorientation", _this._onDeviceOrientation, _this);
+          };
+          if (DeviceOrientationEvent && typeof DeviceOrientationEvent.requestPermission === "function") {
+            DeviceOrientationEvent.requestPermission().then(function (permissionState) {
+              if (permissionState === "granted") {
+                deviceorientation();
+              }
+            });
+          } else {
+            deviceorientation();
+          }
+        }
+      }
+    },
+
+    /**
+     * Called to stop the location engine.
+     *
+     * Override it to shutdown any functionalities you added on start.
+     */
+    _deactivate() {
+      if (!this._active || !this._map) {
+        return;
+      }
+
+      this._map.stopLocate();
+      this._map.fire("locatedeactivate", this);
+      this._active = false;
+
+      if (!this.options.cacheLocation) {
+        this._event = undefined;
+      }
+
+      // unbind event listeners
+      this._map.off("locationfound", this._onLocationFound, this);
+      this._map.off("locationerror", this._onLocationError, this);
+      this._map.off("dragstart", this._onDrag, this);
+      this._map.off("zoomstart", this._onZoom, this);
+      this._map.off("zoomend", this._onZoomEnd, this);
+      if (this.options.showCompass) {
+        this._compassHeading = null;
+        if ("ondeviceorientationabsolute" in window) {
+          L.DomEvent.off(window, "deviceorientationabsolute", this._onDeviceOrientation, this);
+        } else if ("ondeviceorientation" in window) {
+          L.DomEvent.off(window, "deviceorientation", this._onDeviceOrientation, this);
+        }
+      }
+    },
+
+    /**
+     * Zoom (unless we should keep the zoom level) and an to the current view.
+     */
+    setView() {
+      this._drawMarker();
+      if (this._isOutsideMapBounds()) {
+        this._event = undefined; // clear the current location so we can get back into the bounds
+        this.options.onLocationOutsideMapBounds(this);
+      } else {
+        if (this._justClicked && this.options.initialZoomLevel !== false) {
+          var f = this.options.flyTo ? this._map.flyTo : this._map.setView;
+          f.bind(this._map)([this._event.latitude, this._event.longitude], this.options.initialZoomLevel);
+        } else if (this.options.keepCurrentZoomLevel) {
+          var f = this.options.flyTo ? this._map.flyTo : this._map.panTo;
+          f.bind(this._map)([this._event.latitude, this._event.longitude]);
+        } else {
+          var f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+          // Ignore zoom events while setting the viewport as these would stop following
+          this._ignoreEvent = true;
+          f.bind(this._map)(this.options.getLocationBounds(this._event), {
+            padding: this.options.circlePadding,
+            maxZoom: this.options.initialZoomLevel || this.options.locateOptions.maxZoom
+          });
+          L.Util.requestAnimFrame(function () {
+            // Wait until after the next animFrame because the flyTo can be async
+            this._ignoreEvent = false;
+          }, this);
+        }
+      }
+    },
+
+    /**
+     *
+     */
+    _drawCompass() {
+      if (!this._event) {
+        return;
+      }
+
+      const latlng = this._event.latlng;
+
+      if (this.options.showCompass && latlng && this._compassHeading !== null) {
+        const cStyle = this._isFollowing() ? this.options.followCompassStyle : this.options.compassStyle;
+        if (!this._compass) {
+          this._compass = new this.options.compassClass(latlng, this._compassHeading, cStyle).addTo(this._layer);
+        } else {
+          this._compass.setLatLng(latlng);
+          this._compass.setHeading(this._compassHeading);
+          // If the compassClass can be updated with setStyle, update it.
+          if (this._compass.setStyle) {
+            this._compass.setStyle(cStyle);
+          }
+        }
+        //
+      }
+      if (this._compass && (!this.options.showCompass || this._compassHeading === null)) {
+        this._compass.removeFrom(this._layer);
+        this._compass = null;
+      }
+    },
+
+    /**
+     * Draw the marker and accuracy circle on the map.
+     *
+     * Uses the event retrieved from onLocationFound from the map.
+     */
+    _drawMarker() {
+      if (this._event.accuracy === undefined) {
+        this._event.accuracy = 0;
+      }
+
+      const radius = this._event.accuracy;
+      const latlng = this._event.latlng;
+
+      // circle with the radius of the location's accuracy
+      if (this.options.drawCircle) {
+        const style = this._isFollowing() ? this.options.followCircleStyle : this.options.circleStyle;
+
+        if (!this._circle) {
+          this._circle = L.circle(latlng, radius, style).addTo(this._layer);
+        } else {
+          this._circle.setLatLng(latlng).setRadius(radius).setStyle(style);
+        }
+      }
+
+      let distance;
+      let unit;
+      if (this.options.metric) {
+        distance = radius.toFixed(0);
+        unit = this.options.strings.metersUnit;
+      } else {
+        distance = (radius * 3.2808399).toFixed(0);
+        unit = this.options.strings.feetUnit;
+      }
+
+      // small inner marker
+      if (this.options.drawMarker) {
+        const mStyle = this._isFollowing() ? this.options.followMarkerStyle : this.options.markerStyle;
+        if (!this._marker) {
+          this._marker = new this.options.markerClass(latlng, mStyle).addTo(this._layer);
+        } else {
+          this._marker.setLatLng(latlng);
+          // If the markerClass can be updated with setStyle, update it.
+          if (this._marker.setStyle) {
+            this._marker.setStyle(mStyle);
+          }
+        }
+      }
+
+      this._drawCompass();
+
+      const t = this.options.strings.popup;
+      function getPopupText() {
+        if (typeof t === "string") {
+          return L.Util.template(t, { distance, unit });
+        } else if (typeof t === "function") {
+          return t({ distance, unit });
+        } else {
+          return t;
+        }
+      }
+      if (this.options.showPopup && t && this._marker) {
+        this._marker.bindPopup(getPopupText())._popup.setLatLng(latlng);
+      }
+      if (this.options.showPopup && t && this._compass) {
+        this._compass.bindPopup(getPopupText())._popup.setLatLng(latlng);
+      }
+    },
+
+    /**
+     * Remove the marker from map.
+     */
+    _removeMarker() {
+      this._layer.clearLayers();
+      this._marker = undefined;
+      this._circle = undefined;
+    },
+
+    /**
+     * Unload the plugin and all event listeners.
+     * Kind of the opposite of onAdd.
+     */
+    _unload() {
+      this.stop();
+      this._map.off("unload", this._unload, this);
+    },
+
+    /**
+     * Sets the compass heading
+     */
+    _setCompassHeading(angle) {
+      if (!isNaN(parseFloat(angle)) && isFinite(angle)) {
+        angle = Math.round(angle);
+
+        this._compassHeading = angle;
+        L.Util.requestAnimFrame(this._drawCompass, this);
+      } else {
+        this._compassHeading = null;
+      }
+    },
+
+    /**
+     * If the compass fails calibration just fail safely and remove the compass
+     */
+    _onCompassNeedsCalibration() {
+      this._setCompassHeading();
+    },
+
+    /**
+     * Process and normalise compass events
+     */
+    _onDeviceOrientation(e) {
+      if (!this._active) {
+        return;
+      }
+
+      if (e.webkitCompassHeading) {
+        // iOS
+        this._setCompassHeading(e.webkitCompassHeading);
+      } else if (e.absolute && e.alpha) {
+        // Android
+        this._setCompassHeading(360 - e.alpha);
+      }
+    },
+
+    /**
+     * Calls deactivate and dispatches an error.
+     */
+    _onLocationError(err) {
+      // ignore time out error if the location is watched
+      if (err.code == 3 && this.options.locateOptions.watch) {
+        return;
+      }
+
+      this.stop();
+      this.options.onLocationError(err, this);
+    },
+
+    /**
+     * Stores the received event and updates the marker.
+     */
+    _onLocationFound(e) {
+      // no need to do anything if the location has not changed
+      if (this._event && this._event.latlng.lat === e.latlng.lat && this._event.latlng.lng === e.latlng.lng && this._event.accuracy === e.accuracy) {
+        return;
+      }
+
+      if (!this._active) {
+        // we may have a stray event
+        return;
+      }
+
+      this._event = e;
+
+      this._drawMarker();
+      this._updateContainerStyle();
+
+      switch (this.options.setView) {
+        case "once":
+          if (this._justClicked) {
+            this.setView();
+          }
+          break;
+        case "untilPan":
+          if (!this._userPanned) {
+            this.setView();
+          }
+          break;
+        case "untilPanOrZoom":
+          if (!this._userPanned && !this._userZoomed) {
+            this.setView();
+          }
+          break;
+        case "always":
+          this.setView();
+          break;
+      }
+
+      this._justClicked = false;
+    },
+
+    /**
+     * When the user drags. Need a separate event so we can bind and unbind event listeners.
+     */
+    _onDrag() {
+      // only react to drags once we have a location
+      if (this._event && !this._ignoreEvent) {
+        this._userPanned = true;
+        this._updateContainerStyle();
+        this._drawMarker();
+      }
+    },
+
+    /**
+     * When the user zooms. Need a separate event so we can bind and unbind event listeners.
+     */
+    _onZoom() {
+      // only react to drags once we have a location
+      if (this._event && !this._ignoreEvent) {
+        this._userZoomed = true;
+        this._updateContainerStyle();
+        this._drawMarker();
+      }
+    },
+
+    /**
+     * After a zoom ends update the compass and handle sideways zooms
+     */
+    _onZoomEnd() {
+      if (this._event) {
+        this._drawCompass();
+      }
+
+      if (this._event && !this._ignoreEvent) {
+        // If we have zoomed in and out and ended up sideways treat it as a pan
+        if (this._marker && !this._map.getBounds().pad(-0.3).contains(this._marker.getLatLng())) {
+          this._userPanned = true;
+          this._updateContainerStyle();
+          this._drawMarker();
+        }
+      }
+    },
+
+    /**
+     * Compute whether the map is following the user location with pan and zoom.
+     */
+    _isFollowing() {
+      if (!this._active) {
+        return false;
+      }
+
+      if (this.options.setView === "always") {
+        return true;
+      } else if (this.options.setView === "untilPan") {
+        return !this._userPanned;
+      } else if (this.options.setView === "untilPanOrZoom") {
+        return !this._userPanned && !this._userZoomed;
+      }
+    },
+
+    /**
+     * Check if location is in map bounds
+     */
+    _isOutsideMapBounds() {
+      if (this._event === undefined) {
+        return false;
+      }
+      return this._map.options.maxBounds && !this._map.options.maxBounds.contains(this._event.latlng);
+    },
+
+    /**
+     * Toggles button class between following and active.
+     */
+    _updateContainerStyle() {
+      if (!this._container) {
+        return;
+      }
+
+      if (this._active && !this._event) {
+        // active but don't have a location yet
+        this._setClasses("requesting");
+      } else if (this._isFollowing()) {
+        this._setClasses("following");
+      } else if (this._active) {
+        this._setClasses("active");
+      } else {
+        this._cleanClasses();
+      }
+    },
+
+    /**
+     * Sets the CSS classes for the state.
+     */
+    _setClasses(state) {
+      if (state == "requesting") {
+        removeClasses(this._container, "active following");
+        addClasses(this._container, "requesting");
+
+        removeClasses(this._icon, this.options.icon);
+        addClasses(this._icon, this.options.iconLoading);
+      } else if (state == "active") {
+        removeClasses(this._container, "requesting following");
+        addClasses(this._container, "active");
+
+        removeClasses(this._icon, this.options.iconLoading);
+        addClasses(this._icon, this.options.icon);
+      } else if (state == "following") {
+        removeClasses(this._container, "requesting");
+        addClasses(this._container, "active following");
+
+        removeClasses(this._icon, this.options.iconLoading);
+        addClasses(this._icon, this.options.icon);
+      }
+    },
+
+    /**
+     * Removes all classes from button.
+     */
+    _cleanClasses() {
+      L.DomUtil.removeClass(this._container, "requesting");
+      L.DomUtil.removeClass(this._container, "active");
+      L.DomUtil.removeClass(this._container, "following");
+
+      removeClasses(this._icon, this.options.iconLoading);
+      addClasses(this._icon, this.options.icon);
+    },
+
+    /**
+     * Reinitializes state variables.
+     */
+    _resetVariables() {
+      // whether locate is active or not
+      this._active = false;
+
+      // true if the control was clicked for the first time
+      // we need this so we can pan and zoom once we have the location
+      this._justClicked = false;
+
+      // true if the user has panned the map after clicking the control
+      this._userPanned = false;
+
+      // true if the user has zoomed the map after clicking the control
+      this._userZoomed = false;
+    }
+  });
+
+  L.control.locate = (options) => new L.Control.Locate(options);
+
+  return LocateControl;
+}, window);
+
 // Converts leaflet.locatecontrol to a React Component
 const LocateControl = () => {
     const map = useMap();
@@ -1682,6 +2630,14 @@ const TagsControl = () => {
     return (jsx("div", { className: 'tw-flex tw-flex-wrap tw-mt-4 tw-w-[calc(100vw-2rem)] tw-max-w-xs', children: filterTags.map((tag) => (jsxs("div", { className: 'tw-rounded-2xl tw-text-white tw-p-2 tw-px-4 tw-shadow-xl tw-card tw-mr-2 tw-mb-2', style: { backgroundColor: tag.color }, children: [jsx("div", { className: 'tw-card-actions tw-justify-end', children: jsx("label", { className: 'tw-btn tw-btn-xs tw-btn-circle tw-absolute tw--right-2 tw--top-2 tw-bg-white tw-text-gray-600', onClick: () => removeFilterTag(tag.name), children: "\u2715" }) }), jsxs("b", { children: ["#", decodeTag(tag.name)] })] }, tag.id))) }));
 };
 
+const PopupButton = ({ url, parameterField, text, colorField, item, }) => {
+    const params = new URLSearchParams(window.location.search);
+    const getItemTags = useGetItemTags();
+    return (jsx(Link, { to: `${url}/${parameterField ? getValue(item, parameterField) : ''}?${params}`, children: jsx("button", { style: {
+                backgroundColor: `${colorField && getValue(item, colorField) ? getValue(item, colorField) : item && getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : item?.layer?.markerDefaultColor ? item?.layer?.markerDefaultColor : '#000'}`,
+            }, className: 'tw-btn tw-text-white tw-btn-sm tw-float-right tw-mt-1', children: text }) }));
+};
+
 const urlRegex = 
 // eslint-disable-next-line no-useless-escape, security/detect-unsafe-regex
 /(^| )(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,10}(:[0-9]{1,10})?(\/.*)?$/gm;
@@ -1835,7 +2791,7 @@ const SelectPosition = ({ setSelectNewItemPosition }) => {
                 }, children: jsx("p", { className: 'tw-text-center ', children: "\u2715" }) }), jsx("div", { className: 'tw-alert tw-bg-base-100 tw-text-base-content', children: jsx("div", { children: jsx("span", { className: 'tw-text-lg', children: "Select position on the map!" }) }) })] }));
 };
 
-function UtopiaMapInner({ children, geo, showFilterControl = false, showGratitudeControl = false, showLayerControl = true, infoText, }) {
+function UtopiaMapInner({ children, geo, showFilterControl = false, showGratitudeControl = false, showLayerControl = true, donationWidget, }) {
     const selectNewItemPosition = useSelectPosition();
     const setSelectNewItemPosition = useSetSelectPosition();
     const setClusterRef = useSetClusterRef();
@@ -1854,9 +2810,9 @@ function UtopiaMapInner({ children, geo, showFilterControl = false, showGratitud
     const init = useRef(false);
     useEffect(() => {
         if (!init.current) {
-            infoText &&
+            donationWidget &&
                 setTimeout(() => {
-                    toast(jsx(TextView, { rawText: infoText }), { autoClose: false });
+                    toast(jsxs(Fragment, { children: [jsx(TextView, { rawText: '## Do you like this Map?' }), jsxs("div", { children: [jsx(TextView, { rawText: 'Support us building free opensource maps and help us grow 🌱☀️' }), jsx(PopupButton, { url: 'https://opencollective.com/utopia-project', text: 'Donate' })] })] }), { autoClose: false });
                 }, 10000);
             init.current = true;
         }
@@ -1956,8 +2912,8 @@ function UtopiaMapInner({ children, geo, showFilterControl = false, showGratitud
                 } })), jsx(MapEventListener, {}), jsx(AddButton, { triggerAction: setSelectNewItemPosition }), selectNewItemPosition != null && (jsx(SelectPosition, { setSelectNewItemPosition: setSelectNewItemPosition }))] }));
 }
 
-function UtopiaMap({ height = '500px', width = '100%', center = [50.6, 9.5], zoom = 10, children, geo, showFilterControl = false, showGratitudeControl = false, showLayerControl = true, infoText, }) {
-    return (jsx(ContextWrapper, { children: jsx(MapContainer, { style: { height, width }, center: new LatLng(center[0], center[1]), zoom: zoom, zoomControl: false, maxZoom: 19, children: jsx(UtopiaMapInner, { geo: geo, showFilterControl: showFilterControl, showGratitudeControl: showGratitudeControl, showLayerControl: showLayerControl, infoText: infoText, children: children }) }) }));
+function UtopiaMap({ height = '500px', width = '100%', center = [50.6, 9.5], zoom = 10, children, geo, showFilterControl = false, showGratitudeControl = false, showLayerControl = true, infoText, donationWidget, }) {
+    return (jsx(ContextWrapper, { children: jsx(MapContainer, { style: { height, width }, center: new LatLng(center[0], center[1]), zoom: zoom, zoomControl: false, maxZoom: 19, children: jsx(UtopiaMapInner, { geo: geo, showFilterControl: showFilterControl, showGratitudeControl: showGratitudeControl, showLayerControl: showLayerControl, infoText: infoText, donationWidget: donationWidget, children: children }) }) }));
 }
 
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
@@ -2638,14 +3594,6 @@ const StartEndView = ({ item }) => {
     return (jsxs("div", { className: 'tw-flex tw-flex-row tw-mb-4 tw-mt-1', children: [jsxs("div", { className: 'tw-basis-2/5 tw-flex tw-flex-row', children: [jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-4 tw-w-4 tw-mr-2', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2, children: jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' }) }), jsx("time", { className: 'tw-align-middle', dateTime: item && item.start ? item.start.substring(0, 10) : '', children: item && item.start ? new Date(item.start).toLocaleDateString() : '' })] }), jsx("div", { className: 'tw-basis-1/5 tw-place-content-center', children: jsx("span", { children: "-" }) }), jsxs("div", { className: 'tw-basis-2/5 tw-flex tw-flex-row', children: [jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-4 tw-w-4 tw-mr-2', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2, children: jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' }) }), jsx("time", { className: 'tw-align-middle', dateTime: item && item.end ? item.end.substring(0, 10) : '', children: item && item.end ? new Date(item.end).toLocaleDateString() : '' })] })] }));
 };
 
-const PopupButton = ({ url, parameterField, text, colorField, item, }) => {
-    const params = new URLSearchParams(window.location.search);
-    const getItemTags = useGetItemTags();
-    return (jsx(Link, { to: `${url}/${parameterField ? getValue(item, parameterField) : ''}?${params}`, children: jsx("button", { style: {
-                backgroundColor: `${colorField && getValue(item, colorField) ? getValue(item, colorField) : item && getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : item?.layer?.markerDefaultColor}`,
-            }, className: 'tw-btn tw-text-white tw-btn-sm tw-float-right tw-mt-1', children: text }) }));
-};
-
 function NavBar({ appName, userType }) {
     const { isAuthenticated, user, logout } = useAuth();
     const [userProfile, setUserProfile] = useState({});
@@ -3451,6 +4399,12 @@ const ConditionalLink = ({ url, children }) => {
     return children;
 };
 
+var css_248z$2 = ".yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}";
+styleInject(css_248z$2);
+
+var css_248z$1 = ".react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}";
+styleInject(css_248z$1);
+
 const GalleryView = ({ item }) => {
     const [index, setIndex] = useState(-1);
     const appState = useAppState();
@@ -4392,3 +5346,4 @@ function Quests() {
 }
 
 export { AppShell, AttestationForm, AuthProvider, CardPage, Content, ItemForm, ItemView, Layer, LoginPage, MapOverlayPage, MarketView, Modal, MoonCalendar, OverlayItemsIndexPage, Permissions, PopupButton, PopupCheckboxInput, PopupStartEndInput, PopupTextAreaInput, PopupTextInput, ProfileForm, ProfileView, Quests, RequestPasswordPage, SelectBox, SelectUser, SetNewPasswordPage, SideBar, SignupPage, Sitemap, StartEndView, Tags, TextAreaInput, TextInput, TextView, TitleCard, UserSettings, UtopiaMap };
+//# sourceMappingURL=index.esm.js.map