Free and open source ticket system written in python

Merge pull request #16 from aottr/feature/minor-updates

Feature/minor updates

authored by aottr.dev and committed by

GitHub 528ec786 30dab5b0

+40 -3875
+2 -2
core/models.py
··· 43 43 template = cls.objects.filter(event=event, language='en').first() 44 44 return template 45 45 46 - def send_mail(self, to, context): 46 + def send_mail(self, to_list: list[str], context): 47 47 try: 48 48 send_mail( 49 49 self.subject.format(**context), 50 50 self.content.format(**context), 51 51 settings.DEFAULT_FROM_EMAIL, 52 - [to], 52 + to_list, 53 53 fail_silently=False, 54 54 ) 55 55 except Exception as e:
+1 -1
paw/__init__.py
··· 1 1 from django import get_version 2 2 3 - PAW_VERSION = (0, 5, 10, "final", 0) 3 + PAW_VERSION = (0, 5, 11, "final", 0) 4 4 5 5 __version__ = get_version(PAW_VERSION)
paw/locale/de/LC_MESSAGES/django.mo

This is a binary file and will not be displayed.

+4 -4
paw/locale/de/LC_MESSAGES/django.po
··· 60 60 61 61 #: paw/settings.py:133 62 62 msgid "English" 63 - msgstr "" 63 + msgstr "English" 64 64 65 65 #: paw/settings.py:134 66 66 msgid "French" 67 - msgstr "" 67 + msgstr "Français" 68 68 69 69 #: paw/settings.py:135 70 70 msgid "German" 71 - msgstr "" 71 + msgstr "Deutsch" 72 72 73 73 #: paw/settings.py:136 74 74 msgid "Dutch" 75 - msgstr "" 75 + msgstr "Nederlands" 76 76 77 77 #: paw/templates/base.html:20 paw/templates/dashboard_base.html:40 78 78 msgid "Tickets"
paw/locale/en/LC_MESSAGES/django.mo

This is a binary file and will not be displayed.

+1 -1
paw/locale/en/LC_MESSAGES/django.po
··· 71 71 72 72 #: paw/settings.py:136 73 73 msgid "Dutch" 74 - msgstr "" 74 + msgstr "Nederlands" 75 75 76 76 #: paw/templates/base.html:20 paw/templates/dashboard_base.html:40 77 77 msgid "Tickets"
paw/locale/fr/LC_MESSAGES/django.mo

This is a binary file and will not be displayed.

+5 -5
paw/locale/fr/LC_MESSAGES/django.po
··· 62 62 63 63 #: paw/settings.py:133 64 64 msgid "English" 65 - msgstr "Anglais" 65 + msgstr "English" 66 66 67 67 #: paw/settings.py:134 68 68 msgid "French" ··· 70 70 71 71 #: paw/settings.py:135 72 72 msgid "German" 73 - msgstr "Allemand" 73 + msgstr "Deutsch" 74 74 75 75 #: paw/settings.py:136 76 76 msgid "Dutch" 77 - msgstr "" 77 + msgstr "Nederlands" 78 78 79 79 #: paw/templates/base.html:20 paw/templates/dashboard_base.html:40 80 80 msgid "Tickets" ··· 274 274 275 275 #: paw/templates/ticketing/ticket_detail.html:98 276 276 msgid "Close Ticket" 277 - msgstr "Nouveau ticket" 277 + msgstr "Fermer" 278 278 279 279 #: paw/templates/ticketing/ticket_detail.html:107 280 280 msgid "Make this an internal comment" ··· 340 340 #: paw/templates/ticketing/tickets.html:18 341 341 #: paw/templates/ticketing/tickets_history.html:18 342 342 msgid "Assigned to" 343 - msgstr "Me l'attribuer" 343 + msgstr "Attribué à" 344 344 345 345 #: paw/templates/ticketing/tickets.html:27 346 346 #: paw/templates/ticketing/tickets_history.html:27
paw/locale/nl/LC_MESSAGES/django.mo

This is a binary file and will not be displayed.

+3 -3
paw/locale/nl/LC_MESSAGES/django.po
··· 58 58 59 59 #: paw/settings.py:133 60 60 msgid "English" 61 - msgstr "Engels" 61 + msgstr "English" 62 62 63 63 #: paw/settings.py:134 64 64 msgid "French" 65 - msgstr "Frans" 65 + msgstr "Français" 66 66 67 67 #: paw/settings.py:135 68 68 msgid "German" 69 - msgstr "Duits" 69 + msgstr "Deutsch" 70 70 71 71 #: paw/settings.py:136 72 72 msgid "Dutch"
+1 -3842
paw/static/css/paw.css
··· 1 - /* 2 - ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com 3 - */ 4 - 5 - /* 6 - 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 - 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 - */ 9 - 10 - *, 11 - ::before, 12 - ::after { 13 - box-sizing: border-box; 14 - /* 1 */ 15 - border-width: 0; 16 - /* 2 */ 17 - border-style: solid; 18 - /* 2 */ 19 - border-color: #e5e7eb; 20 - /* 2 */ 21 - } 22 - 23 - ::before, 24 - ::after { 25 - --tw-content: ''; 26 - } 27 - 28 - /* 29 - 1. Use a consistent sensible line-height in all browsers. 30 - 2. Prevent adjustments of font size after orientation changes in iOS. 31 - 3. Use a more readable tab size. 32 - 4. Use the user's configured `sans` font-family by default. 33 - 5. Use the user's configured `sans` font-feature-settings by default. 34 - 6. Use the user's configured `sans` font-variation-settings by default. 35 - 7. Disable tap highlights on iOS 36 - */ 37 - 38 - html, 39 - :host { 40 - line-height: 1.5; 41 - /* 1 */ 42 - -webkit-text-size-adjust: 100%; 43 - /* 2 */ 44 - -moz-tab-size: 4; 45 - /* 3 */ 46 - -o-tab-size: 4; 47 - tab-size: 4; 48 - /* 3 */ 49 - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 50 - /* 4 */ 51 - font-feature-settings: normal; 52 - /* 5 */ 53 - font-variation-settings: normal; 54 - /* 6 */ 55 - -webkit-tap-highlight-color: transparent; 56 - /* 7 */ 57 - } 58 - 59 - /* 60 - 1. Remove the margin in all browsers. 61 - 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 62 - */ 63 - 64 - body { 65 - margin: 0; 66 - /* 1 */ 67 - line-height: inherit; 68 - /* 2 */ 69 - } 70 - 71 - /* 72 - 1. Add the correct height in Firefox. 73 - 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 74 - 3. Ensure horizontal rules are visible by default. 75 - */ 76 - 77 - hr { 78 - height: 0; 79 - /* 1 */ 80 - color: inherit; 81 - /* 2 */ 82 - border-top-width: 1px; 83 - /* 3 */ 84 - } 85 - 86 - /* 87 - Add the correct text decoration in Chrome, Edge, and Safari. 88 - */ 89 - 90 - abbr:where([title]) { 91 - -webkit-text-decoration: underline dotted; 92 - text-decoration: underline dotted; 93 - } 94 - 95 - /* 96 - Remove the default font size and weight for headings. 97 - */ 98 - 99 - h1, 100 - h2, 101 - h3, 102 - h4, 103 - h5, 104 - h6 { 105 - font-size: inherit; 106 - font-weight: inherit; 107 - } 108 - 109 - /* 110 - Reset links to optimize for opt-in styling instead of opt-out. 111 - */ 112 - 113 - a { 114 - color: inherit; 115 - text-decoration: inherit; 116 - } 117 - 118 - /* 119 - Add the correct font weight in Edge and Safari. 120 - */ 121 - 122 - b, 123 - strong { 124 - font-weight: bolder; 125 - } 126 - 127 - /* 128 - 1. Use the user's configured `mono` font-family by default. 129 - 2. Use the user's configured `mono` font-feature-settings by default. 130 - 3. Use the user's configured `mono` font-variation-settings by default. 131 - 4. Correct the odd `em` font sizing in all browsers. 132 - */ 133 - 134 - code, 135 - kbd, 136 - samp, 137 - pre { 138 - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 139 - /* 1 */ 140 - font-feature-settings: normal; 141 - /* 2 */ 142 - font-variation-settings: normal; 143 - /* 3 */ 144 - font-size: 1em; 145 - /* 4 */ 146 - } 147 - 148 - /* 149 - Add the correct font size in all browsers. 150 - */ 151 - 152 - small { 153 - font-size: 80%; 154 - } 155 - 156 - /* 157 - Prevent `sub` and `sup` elements from affecting the line height in all browsers. 158 - */ 159 - 160 - sub, 161 - sup { 162 - font-size: 75%; 163 - line-height: 0; 164 - position: relative; 165 - vertical-align: baseline; 166 - } 167 - 168 - sub { 169 - bottom: -0.25em; 170 - } 171 - 172 - sup { 173 - top: -0.5em; 174 - } 175 - 176 - /* 177 - 1. 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) 178 - 2. 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) 179 - 3. Remove gaps between table borders by default. 180 - */ 181 - 182 - table { 183 - text-indent: 0; 184 - /* 1 */ 185 - border-color: inherit; 186 - /* 2 */ 187 - border-collapse: collapse; 188 - /* 3 */ 189 - } 190 - 191 - /* 192 - 1. Change the font styles in all browsers. 193 - 2. Remove the margin in Firefox and Safari. 194 - 3. Remove default padding in all browsers. 195 - */ 196 - 197 - button, 198 - input, 199 - optgroup, 200 - select, 201 - textarea { 202 - font-family: inherit; 203 - /* 1 */ 204 - font-feature-settings: inherit; 205 - /* 1 */ 206 - font-variation-settings: inherit; 207 - /* 1 */ 208 - font-size: 100%; 209 - /* 1 */ 210 - font-weight: inherit; 211 - /* 1 */ 212 - line-height: inherit; 213 - /* 1 */ 214 - color: inherit; 215 - /* 1 */ 216 - margin: 0; 217 - /* 2 */ 218 - padding: 0; 219 - /* 3 */ 220 - } 221 - 222 - /* 223 - Remove the inheritance of text transform in Edge and Firefox. 224 - */ 225 - 226 - button, 227 - select { 228 - text-transform: none; 229 - } 230 - 231 - /* 232 - 1. Correct the inability to style clickable types in iOS and Safari. 233 - 2. Remove default button styles. 234 - */ 235 - 236 - button, 237 - [type='button'], 238 - [type='reset'], 239 - [type='submit'] { 240 - -webkit-appearance: button; 241 - /* 1 */ 242 - background-color: transparent; 243 - /* 2 */ 244 - background-image: none; 245 - /* 2 */ 246 - } 247 - 248 - /* 249 - Use the modern Firefox focus style for all focusable elements. 250 - */ 251 - 252 - :-moz-focusring { 253 - outline: auto; 254 - } 255 - 256 - /* 257 - Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 258 - */ 259 - 260 - :-moz-ui-invalid { 261 - box-shadow: none; 262 - } 263 - 264 - /* 265 - Add the correct vertical alignment in Chrome and Firefox. 266 - */ 267 - 268 - progress { 269 - vertical-align: baseline; 270 - } 271 - 272 - /* 273 - Correct the cursor style of increment and decrement buttons in Safari. 274 - */ 275 - 276 - ::-webkit-inner-spin-button, 277 - ::-webkit-outer-spin-button { 278 - height: auto; 279 - } 280 - 281 - /* 282 - 1. Correct the odd appearance in Chrome and Safari. 283 - 2. Correct the outline style in Safari. 284 - */ 285 - 286 - [type='search'] { 287 - -webkit-appearance: textfield; 288 - /* 1 */ 289 - outline-offset: -2px; 290 - /* 2 */ 291 - } 292 - 293 - /* 294 - Remove the inner padding in Chrome and Safari on macOS. 295 - */ 296 - 297 - ::-webkit-search-decoration { 298 - -webkit-appearance: none; 299 - } 300 - 301 - /* 302 - 1. Correct the inability to style clickable types in iOS and Safari. 303 - 2. Change font properties to `inherit` in Safari. 304 - */ 305 - 306 - ::-webkit-file-upload-button { 307 - -webkit-appearance: button; 308 - /* 1 */ 309 - font: inherit; 310 - /* 2 */ 311 - } 312 - 313 - /* 314 - Add the correct display in Chrome and Safari. 315 - */ 316 - 317 - summary { 318 - display: list-item; 319 - } 320 - 321 - /* 322 - Removes the default spacing and border for appropriate elements. 323 - */ 324 - 325 - blockquote, 326 - dl, 327 - dd, 328 - h1, 329 - h2, 330 - h3, 331 - h4, 332 - h5, 333 - h6, 334 - hr, 335 - figure, 336 - p, 337 - pre { 338 - margin: 0; 339 - } 340 - 341 - fieldset { 342 - margin: 0; 343 - padding: 0; 344 - } 345 - 346 - legend { 347 - padding: 0; 348 - } 349 - 350 - ol, 351 - ul, 352 - menu { 353 - list-style: none; 354 - margin: 0; 355 - padding: 0; 356 - } 357 - 358 - /* 359 - Reset default styling for dialogs. 360 - */ 361 - 362 - dialog { 363 - padding: 0; 364 - } 365 - 366 - /* 367 - Prevent resizing textareas horizontally by default. 368 - */ 369 - 370 - textarea { 371 - resize: vertical; 372 - } 373 - 374 - /* 375 - 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 376 - 2. Set the default placeholder color to the user's configured gray 400 color. 377 - */ 378 - 379 - input::-moz-placeholder, textarea::-moz-placeholder { 380 - opacity: 1; 381 - /* 1 */ 382 - color: #9ca3af; 383 - /* 2 */ 384 - } 385 - 386 - input::placeholder, 387 - textarea::placeholder { 388 - opacity: 1; 389 - /* 1 */ 390 - color: #9ca3af; 391 - /* 2 */ 392 - } 393 - 394 - /* 395 - Set the default cursor for buttons. 396 - */ 397 - 398 - button, 399 - [role="button"] { 400 - cursor: pointer; 401 - } 402 - 403 - /* 404 - Make sure disabled buttons don't get the pointer cursor. 405 - */ 406 - 407 - :disabled { 408 - cursor: default; 409 - } 410 - 411 - /* 412 - 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 413 - 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 414 - This can trigger a poorly considered lint error in some tools but is included by design. 415 - */ 416 - 417 - img, 418 - svg, 419 - video, 420 - canvas, 421 - audio, 422 - iframe, 423 - embed, 424 - object { 425 - display: block; 426 - /* 1 */ 427 - vertical-align: middle; 428 - /* 2 */ 429 - } 430 - 431 - /* 432 - Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 433 - */ 434 - 435 - img, 436 - video { 437 - max-width: 100%; 438 - height: auto; 439 - } 440 - 441 - /* Make elements with the HTML hidden attribute stay hidden by default */ 442 - 443 - [hidden] { 444 - display: none; 445 - } 446 - 447 - :root, 448 - [data-theme] { 449 - background-color: var(--fallback-b1,oklch(var(--b1)/1)); 450 - color: var(--fallback-bc,oklch(var(--bc)/1)); 451 - } 452 - 453 - @supports not (color: oklch(0 0 0)) { 454 - :root { 455 - color-scheme: light; 456 - --fallback-p: #491eff; 457 - --fallback-pc: #d4dbff; 458 - --fallback-s: #ff41c7; 459 - --fallback-sc: #fff9fc; 460 - --fallback-a: #00cfbd; 461 - --fallback-ac: #00100d; 462 - --fallback-n: #2b3440; 463 - --fallback-nc: #d7dde4; 464 - --fallback-b1: #ffffff; 465 - --fallback-b2: #e5e6e6; 466 - --fallback-b3: #e5e6e6; 467 - --fallback-bc: #1f2937; 468 - --fallback-in: #00b3f0; 469 - --fallback-inc: #000000; 470 - --fallback-su: #00ca92; 471 - --fallback-suc: #000000; 472 - --fallback-wa: #ffc22d; 473 - --fallback-wac: #000000; 474 - --fallback-er: #ff6f70; 475 - --fallback-erc: #000000; 476 - } 477 - 478 - @media (prefers-color-scheme: dark) { 479 - :root { 480 - color-scheme: dark; 481 - --fallback-p: #7582ff; 482 - --fallback-pc: #050617; 483 - --fallback-s: #ff71cf; 484 - --fallback-sc: #190211; 485 - --fallback-a: #00c7b5; 486 - --fallback-ac: #000e0c; 487 - --fallback-n: #2a323c; 488 - --fallback-nc: #a6adbb; 489 - --fallback-b1: #1d232a; 490 - --fallback-b2: #191e24; 491 - --fallback-b3: #15191e; 492 - --fallback-bc: #a6adbb; 493 - --fallback-in: #00b3f0; 494 - --fallback-inc: #000000; 495 - --fallback-su: #00ca92; 496 - --fallback-suc: #000000; 497 - --fallback-wa: #ffc22d; 498 - --fallback-wac: #000000; 499 - --fallback-er: #ff6f70; 500 - --fallback-erc: #000000; 501 - } 502 - } 503 - } 504 - 505 - html { 506 - -webkit-tap-highlight-color: transparent; 507 - } 508 - 509 - :root { 510 - color-scheme: light; 511 - --pc: 0.118872 0.015449 254.027774; 512 - --sc: 0.139303 0.011822 248.687186; 513 - --ac: 0.154929 0.01245 217.469017; 514 - --inc: 0.138414 0.012499 332.664922; 515 - --suc: 0.153654 0.01498 131.063061; 516 - --wac: 0.170972 0.017847 84.093335; 517 - --erc: 0.12122 0.024119 15.341883; 518 - --animation-btn: 0.25s; 519 - --animation-input: .2s; 520 - --btn-focus-scale: 0.95; 521 - --border-btn: 1px; 522 - --tab-border: 1px; 523 - --p: 0.594359 0.077246 254.027774; 524 - --s: 0.696516 0.059108 248.687186; 525 - --a: 0.774643 0.062249 217.469017; 526 - --n: 0.45229 0.035214 264.1312; 527 - --nc: 0.899258 0.016374 262.749256; 528 - --b1: 0.951276 0.007445 260.731539; 529 - --b2: 0.932996 0.010389 261.788485; 530 - --b3: 0.899258 0.016374 262.749256; 531 - --bc: 0.324374 0.022945 264.182036; 532 - --in: 0.692072 0.062496 332.664922; 533 - --su: 0.76827 0.074899 131.063061; 534 - --wa: 0.854862 0.089234 84.093335; 535 - --er: 0.6061 0.120594 15.341883; 536 - --rounded-box: 0.4rem; 537 - --rounded-btn: 0.2rem; 538 - --rounded-badge: 0.4rem; 539 - --tab-radius: 0.2rem; 540 - } 541 - 542 - @media (prefers-color-scheme: dark) { 543 - :root { 544 - color-scheme: dark; 545 - --in: 0.7206 0.191 231.6; 546 - --pc: 0.13138 0.0392 275.75; 547 - --sc: 0.139303 0.011822 248.687186; 548 - --ac: 0.154929 0.01245 217.469017; 549 - --inc: 0 0 0; 550 - --suc: 0.153654 0.01498 131.063061; 551 - --wac: 0.170972 0.017847 84.093335; 552 - --erc: 0.12122 0.024119 15.341883; 553 - --animation-btn: 0.25s; 554 - --animation-input: .2s; 555 - --btn-focus-scale: 0.95; 556 - --border-btn: 1px; 557 - --tab-border: 1px; 558 - --p: 0.6569 0.196 275.75; 559 - --s: 0.696516 0.059108 248.687186; 560 - --a: 0.774643 0.062249 217.469017; 561 - --n: 0.313815 0.021108 254.139175; 562 - --nc: 0.746477 0.0216 264.435964; 563 - --b1: 0.253267 0.015896 252.417568; 564 - --b2: 0.232607 0.013807 253.100675; 565 - --b3: 0.211484 0.01165 254.087939; 566 - --bc: 0.746477 0.0216 264.435964; 567 - --su: 0.76827 0.074899 131.063061; 568 - --wa: 0.854862 0.089234 84.093335; 569 - --er: 0.6061 0.120594 15.341883; 570 - --rounded-box: 0.4rem; 571 - --rounded-btn: 0.2rem; 572 - --rounded-badge: 0.4rem; 573 - --tab-radius: 0.2rem; 574 - } 575 - } 576 - 577 - [data-theme=light] { 578 - color-scheme: light; 579 - --pc: 0.118872 0.015449 254.027774; 580 - --sc: 0.139303 0.011822 248.687186; 581 - --ac: 0.154929 0.01245 217.469017; 582 - --inc: 0.138414 0.012499 332.664922; 583 - --suc: 0.153654 0.01498 131.063061; 584 - --wac: 0.170972 0.017847 84.093335; 585 - --erc: 0.12122 0.024119 15.341883; 586 - --animation-btn: 0.25s; 587 - --animation-input: .2s; 588 - --btn-focus-scale: 0.95; 589 - --border-btn: 1px; 590 - --tab-border: 1px; 591 - --p: 0.594359 0.077246 254.027774; 592 - --s: 0.696516 0.059108 248.687186; 593 - --a: 0.774643 0.062249 217.469017; 594 - --n: 0.45229 0.035214 264.1312; 595 - --nc: 0.899258 0.016374 262.749256; 596 - --b1: 0.951276 0.007445 260.731539; 597 - --b2: 0.932996 0.010389 261.788485; 598 - --b3: 0.899258 0.016374 262.749256; 599 - --bc: 0.324374 0.022945 264.182036; 600 - --in: 0.692072 0.062496 332.664922; 601 - --su: 0.76827 0.074899 131.063061; 602 - --wa: 0.854862 0.089234 84.093335; 603 - --er: 0.6061 0.120594 15.341883; 604 - --rounded-box: 0.4rem; 605 - --rounded-btn: 0.2rem; 606 - --rounded-badge: 0.4rem; 607 - --tab-radius: 0.2rem; 608 - } 609 - 610 - [data-theme=dark] { 611 - color-scheme: dark; 612 - --in: 0.7206 0.191 231.6; 613 - --pc: 0.13138 0.0392 275.75; 614 - --sc: 0.139303 0.011822 248.687186; 615 - --ac: 0.154929 0.01245 217.469017; 616 - --inc: 0 0 0; 617 - --suc: 0.153654 0.01498 131.063061; 618 - --wac: 0.170972 0.017847 84.093335; 619 - --erc: 0.12122 0.024119 15.341883; 620 - --animation-btn: 0.25s; 621 - --animation-input: .2s; 622 - --btn-focus-scale: 0.95; 623 - --border-btn: 1px; 624 - --tab-border: 1px; 625 - --p: 0.6569 0.196 275.75; 626 - --s: 0.696516 0.059108 248.687186; 627 - --a: 0.774643 0.062249 217.469017; 628 - --n: 0.313815 0.021108 254.139175; 629 - --nc: 0.746477 0.0216 264.435964; 630 - --b1: 0.253267 0.015896 252.417568; 631 - --b2: 0.232607 0.013807 253.100675; 632 - --b3: 0.211484 0.01165 254.087939; 633 - --bc: 0.746477 0.0216 264.435964; 634 - --su: 0.76827 0.074899 131.063061; 635 - --wa: 0.854862 0.089234 84.093335; 636 - --er: 0.6061 0.120594 15.341883; 637 - --rounded-box: 0.4rem; 638 - --rounded-btn: 0.2rem; 639 - --rounded-badge: 0.4rem; 640 - --tab-radius: 0.2rem; 641 - } 642 - 643 - *, ::before, ::after { 644 - --tw-border-spacing-x: 0; 645 - --tw-border-spacing-y: 0; 646 - --tw-translate-x: 0; 647 - --tw-translate-y: 0; 648 - --tw-rotate: 0; 649 - --tw-skew-x: 0; 650 - --tw-skew-y: 0; 651 - --tw-scale-x: 1; 652 - --tw-scale-y: 1; 653 - --tw-pan-x: ; 654 - --tw-pan-y: ; 655 - --tw-pinch-zoom: ; 656 - --tw-scroll-snap-strictness: proximity; 657 - --tw-gradient-from-position: ; 658 - --tw-gradient-via-position: ; 659 - --tw-gradient-to-position: ; 660 - --tw-ordinal: ; 661 - --tw-slashed-zero: ; 662 - --tw-numeric-figure: ; 663 - --tw-numeric-spacing: ; 664 - --tw-numeric-fraction: ; 665 - --tw-ring-inset: ; 666 - --tw-ring-offset-width: 0px; 667 - --tw-ring-offset-color: #fff; 668 - --tw-ring-color: rgb(59 130 246 / 0.5); 669 - --tw-ring-offset-shadow: 0 0 #0000; 670 - --tw-ring-shadow: 0 0 #0000; 671 - --tw-shadow: 0 0 #0000; 672 - --tw-shadow-colored: 0 0 #0000; 673 - --tw-blur: ; 674 - --tw-brightness: ; 675 - --tw-contrast: ; 676 - --tw-grayscale: ; 677 - --tw-hue-rotate: ; 678 - --tw-invert: ; 679 - --tw-saturate: ; 680 - --tw-sepia: ; 681 - --tw-drop-shadow: ; 682 - --tw-backdrop-blur: ; 683 - --tw-backdrop-brightness: ; 684 - --tw-backdrop-contrast: ; 685 - --tw-backdrop-grayscale: ; 686 - --tw-backdrop-hue-rotate: ; 687 - --tw-backdrop-invert: ; 688 - --tw-backdrop-opacity: ; 689 - --tw-backdrop-saturate: ; 690 - --tw-backdrop-sepia: ; 691 - } 692 - 693 - ::backdrop { 694 - --tw-border-spacing-x: 0; 695 - --tw-border-spacing-y: 0; 696 - --tw-translate-x: 0; 697 - --tw-translate-y: 0; 698 - --tw-rotate: 0; 699 - --tw-skew-x: 0; 700 - --tw-skew-y: 0; 701 - --tw-scale-x: 1; 702 - --tw-scale-y: 1; 703 - --tw-pan-x: ; 704 - --tw-pan-y: ; 705 - --tw-pinch-zoom: ; 706 - --tw-scroll-snap-strictness: proximity; 707 - --tw-gradient-from-position: ; 708 - --tw-gradient-via-position: ; 709 - --tw-gradient-to-position: ; 710 - --tw-ordinal: ; 711 - --tw-slashed-zero: ; 712 - --tw-numeric-figure: ; 713 - --tw-numeric-spacing: ; 714 - --tw-numeric-fraction: ; 715 - --tw-ring-inset: ; 716 - --tw-ring-offset-width: 0px; 717 - --tw-ring-offset-color: #fff; 718 - --tw-ring-color: rgb(59 130 246 / 0.5); 719 - --tw-ring-offset-shadow: 0 0 #0000; 720 - --tw-ring-shadow: 0 0 #0000; 721 - --tw-shadow: 0 0 #0000; 722 - --tw-shadow-colored: 0 0 #0000; 723 - --tw-blur: ; 724 - --tw-brightness: ; 725 - --tw-contrast: ; 726 - --tw-grayscale: ; 727 - --tw-hue-rotate: ; 728 - --tw-invert: ; 729 - --tw-saturate: ; 730 - --tw-sepia: ; 731 - --tw-drop-shadow: ; 732 - --tw-backdrop-blur: ; 733 - --tw-backdrop-brightness: ; 734 - --tw-backdrop-contrast: ; 735 - --tw-backdrop-grayscale: ; 736 - --tw-backdrop-hue-rotate: ; 737 - --tw-backdrop-invert: ; 738 - --tw-backdrop-opacity: ; 739 - --tw-backdrop-saturate: ; 740 - --tw-backdrop-sepia: ; 741 - } 742 - 743 - .container { 744 - width: 100%; 745 - } 746 - 747 - @media (min-width: 640px) { 748 - .container { 749 - max-width: 640px; 750 - } 751 - } 752 - 753 - @media (min-width: 768px) { 754 - .container { 755 - max-width: 768px; 756 - } 757 - } 758 - 759 - @media (min-width: 1024px) { 760 - .container { 761 - max-width: 1024px; 762 - } 763 - } 764 - 765 - @media (min-width: 1280px) { 766 - .container { 767 - max-width: 1280px; 768 - } 769 - } 770 - 771 - @media (min-width: 1536px) { 772 - .container { 773 - max-width: 1536px; 774 - } 775 - } 776 - 777 - .alert { 778 - display: grid; 779 - width: 100%; 780 - grid-auto-flow: row; 781 - align-content: flex-start; 782 - align-items: center; 783 - justify-items: center; 784 - gap: 1rem; 785 - text-align: center; 786 - border-radius: var(--rounded-box, 1rem); 787 - border-width: 1px; 788 - --tw-border-opacity: 1; 789 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 790 - padding: 1rem; 791 - --tw-text-opacity: 1; 792 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 793 - --alert-bg: var(--fallback-b2,oklch(var(--b2)/1)); 794 - --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); 795 - background-color: var(--alert-bg); 796 - } 797 - 798 - @media (min-width: 640px) { 799 - .alert { 800 - grid-auto-flow: column; 801 - grid-template-columns: auto minmax(auto,1fr); 802 - justify-items: start; 803 - text-align: start; 804 - } 805 - } 806 - 807 - .avatar { 808 - position: relative; 809 - display: inline-flex; 810 - } 811 - 812 - .avatar > div { 813 - display: block; 814 - aspect-ratio: 1 / 1; 815 - overflow: hidden; 816 - } 817 - 818 - .avatar img { 819 - height: 100%; 820 - width: 100%; 821 - -o-object-fit: cover; 822 - object-fit: cover; 823 - } 824 - 825 - .avatar.placeholder > div { 826 - display: flex; 827 - align-items: center; 828 - justify-content: center; 829 - } 830 - 831 - .badge { 832 - display: inline-flex; 833 - align-items: center; 834 - justify-content: center; 835 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 836 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 837 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 838 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 839 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 840 - transition-duration: 200ms; 841 - height: 1.25rem; 842 - font-size: 0.875rem; 843 - line-height: 1.25rem; 844 - width: -moz-fit-content; 845 - width: fit-content; 846 - padding-left: 0.563rem; 847 - padding-right: 0.563rem; 848 - border-radius: var(--rounded-badge, 1.9rem); 849 - border-width: 1px; 850 - --tw-border-opacity: 1; 851 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 852 - --tw-bg-opacity: 1; 853 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 854 - --tw-text-opacity: 1; 855 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 856 - } 857 - 858 - @media (hover:hover) { 859 - .checkbox-secondary:hover { 860 - --tw-border-opacity: 1; 861 - border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); 862 - } 863 - 864 - .label a:hover { 865 - --tw-text-opacity: 1; 866 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 867 - } 868 - 869 - .menu li > *:not(ul, .menu-title, details, .btn):active, 870 - .menu li > *:not(ul, .menu-title, details, .btn).active, 871 - .menu li > details > summary:active { 872 - --tw-bg-opacity: 1; 873 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 874 - --tw-text-opacity: 1; 875 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 876 - } 877 - 878 - .table tr.hover:hover, 879 - .table tr.hover:nth-child(even):hover { 880 - --tw-bg-opacity: 1; 881 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 882 - } 883 - } 884 - 885 - .btn { 886 - display: inline-flex; 887 - height: 3rem; 888 - min-height: 3rem; 889 - flex-shrink: 0; 890 - cursor: pointer; 891 - -webkit-user-select: none; 892 - -moz-user-select: none; 893 - user-select: none; 894 - flex-wrap: wrap; 895 - align-items: center; 896 - justify-content: center; 897 - border-radius: var(--rounded-btn, 0.5rem); 898 - border-color: transparent; 899 - border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)); 900 - padding-left: 1rem; 901 - padding-right: 1rem; 902 - text-align: center; 903 - font-size: 0.875rem; 904 - line-height: 1em; 905 - gap: 0.5rem; 906 - font-weight: 600; 907 - text-decoration-line: none; 908 - transition-duration: 200ms; 909 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 910 - border-width: var(--border-btn, 1px); 911 - animation: button-pop var(--animation-btn, 0.25s) ease-out; 912 - transition-property: color, background-color, border-color, opacity, box-shadow, transform; 913 - --tw-text-opacity: 1; 914 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 915 - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 916 - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 917 - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 918 - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); 919 - background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)); 920 - --tw-bg-opacity: 1; 921 - --tw-border-opacity: 1; 922 - } 923 - 924 - .btn-disabled, 925 - .btn[disabled], 926 - .btn:disabled { 927 - pointer-events: none; 928 - } 929 - 930 - .btn-square { 931 - height: 3rem; 932 - width: 3rem; 933 - padding: 0px; 934 - } 935 - 936 - :where(.btn:is(input[type="checkbox"])), 937 - :where(.btn:is(input[type="radio"])) { 938 - width: auto; 939 - -webkit-appearance: none; 940 - -moz-appearance: none; 941 - appearance: none; 942 - } 943 - 944 - .btn:is(input[type="checkbox"]):after, 945 - .btn:is(input[type="radio"]):after { 946 - --tw-content: attr(aria-label); 947 - content: var(--tw-content); 948 - } 949 - 950 - .card { 951 - position: relative; 952 - display: flex; 953 - flex-direction: column; 954 - border-radius: var(--rounded-box, 1rem); 955 - } 956 - 957 - .card:focus { 958 - outline: 2px solid transparent; 959 - outline-offset: 2px; 960 - } 961 - 962 - .card figure { 963 - display: flex; 964 - align-items: center; 965 - justify-content: center; 966 - } 967 - 968 - .card.image-full { 969 - display: grid; 970 - } 971 - 972 - .card.image-full:before { 973 - position: relative; 974 - content: ""; 975 - z-index: 10; 976 - border-radius: var(--rounded-box, 1rem); 977 - --tw-bg-opacity: 1; 978 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 979 - opacity: 0.75; 980 - } 981 - 982 - .card.image-full:before, 983 - .card.image-full > * { 984 - grid-column-start: 1; 985 - grid-row-start: 1; 986 - } 987 - 988 - .card.image-full > figure img { 989 - height: 100%; 990 - -o-object-fit: cover; 991 - object-fit: cover; 992 - } 993 - 994 - .card.image-full > .card-body { 995 - position: relative; 996 - z-index: 20; 997 - --tw-text-opacity: 1; 998 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 999 - } 1000 - 1001 - .chat { 1002 - display: grid; 1003 - grid-template-columns: repeat(2, minmax(0, 1fr)); 1004 - -moz-column-gap: 0.75rem; 1005 - column-gap: 0.75rem; 1006 - padding-top: 0.25rem; 1007 - padding-bottom: 0.25rem; 1008 - } 1009 - 1010 - .chat-image { 1011 - grid-row: span 2 / span 2; 1012 - align-self: flex-end; 1013 - } 1014 - 1015 - .chat-header { 1016 - grid-row-start: 1; 1017 - font-size: 0.875rem; 1018 - line-height: 1.25rem; 1019 - } 1020 - 1021 - .chat-footer { 1022 - grid-row-start: 3; 1023 - font-size: 0.875rem; 1024 - line-height: 1.25rem; 1025 - } 1026 - 1027 - .chat-bubble { 1028 - position: relative; 1029 - display: block; 1030 - width: -moz-fit-content; 1031 - width: fit-content; 1032 - padding-left: 1rem; 1033 - padding-right: 1rem; 1034 - padding-top: 0.5rem; 1035 - padding-bottom: 0.5rem; 1036 - max-width: 90%; 1037 - border-radius: var(--rounded-box, 1rem); 1038 - min-height: 2.75rem; 1039 - min-width: 2.75rem; 1040 - --tw-bg-opacity: 1; 1041 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 1042 - --tw-text-opacity: 1; 1043 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 1044 - } 1045 - 1046 - .chat-bubble:before { 1047 - position: absolute; 1048 - bottom: 0px; 1049 - height: 0.75rem; 1050 - width: 0.75rem; 1051 - background-color: inherit; 1052 - content: ""; 1053 - -webkit-mask-size: contain; 1054 - mask-size: contain; 1055 - -webkit-mask-repeat: no-repeat; 1056 - mask-repeat: no-repeat; 1057 - -webkit-mask-position: center; 1058 - mask-position: center; 1059 - } 1060 - 1061 - .chat-start { 1062 - place-items: start; 1063 - grid-template-columns: auto 1fr; 1064 - } 1065 - 1066 - .chat-start .chat-header { 1067 - grid-column-start: 2; 1068 - } 1069 - 1070 - .chat-start .chat-footer { 1071 - grid-column-start: 2; 1072 - } 1073 - 1074 - .chat-start .chat-image { 1075 - grid-column-start: 1; 1076 - } 1077 - 1078 - .chat-start .chat-bubble { 1079 - grid-column-start: 2; 1080 - border-end-start-radius: 0px; 1081 - } 1082 - 1083 - .chat-start .chat-bubble:before { 1084 - -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); 1085 - mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); 1086 - inset-inline-start: -0.749rem; 1087 - } 1088 - 1089 - [dir="rtl"] .chat-start .chat-bubble:before { 1090 - -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); 1091 - mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); 1092 - } 1093 - 1094 - .chat-end { 1095 - place-items: end; 1096 - grid-template-columns: 1fr auto; 1097 - } 1098 - 1099 - .chat-end .chat-header { 1100 - grid-column-start: 1; 1101 - } 1102 - 1103 - .chat-end .chat-footer { 1104 - grid-column-start: 1; 1105 - } 1106 - 1107 - .chat-end .chat-image { 1108 - grid-column-start: 2; 1109 - } 1110 - 1111 - .chat-end .chat-bubble { 1112 - grid-column-start: 1; 1113 - border-end-end-radius: 0px; 1114 - } 1115 - 1116 - .chat-end .chat-bubble:before { 1117 - -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); 1118 - mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); 1119 - inset-inline-start: 99.9%; 1120 - } 1121 - 1122 - [dir="rtl"] .chat-end .chat-bubble:before { 1123 - -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); 1124 - mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); 1125 - } 1126 - 1127 - .checkbox { 1128 - flex-shrink: 0; 1129 - --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); 1130 - --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); 1131 - height: 1.5rem; 1132 - width: 1.5rem; 1133 - cursor: pointer; 1134 - -webkit-appearance: none; 1135 - -moz-appearance: none; 1136 - appearance: none; 1137 - border-radius: var(--rounded-btn, 0.5rem); 1138 - border-width: 1px; 1139 - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); 1140 - --tw-border-opacity: 0.2; 1141 - } 1142 - 1143 - .divider { 1144 - display: flex; 1145 - flex-direction: row; 1146 - align-items: center; 1147 - align-self: stretch; 1148 - margin-top: 1rem; 1149 - margin-bottom: 1rem; 1150 - height: 1rem; 1151 - white-space: nowrap; 1152 - } 1153 - 1154 - .divider:before, 1155 - .divider:after { 1156 - height: 0.125rem; 1157 - width: 100%; 1158 - flex-grow: 1; 1159 - --tw-content: ''; 1160 - content: var(--tw-content); 1161 - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); 1162 - } 1163 - 1164 - .drawer { 1165 - position: relative; 1166 - display: grid; 1167 - grid-auto-columns: max-content auto; 1168 - width: 100%; 1169 - } 1170 - 1171 - .drawer-content { 1172 - grid-column-start: 2; 1173 - grid-row-start: 1; 1174 - min-width: 0px; 1175 - } 1176 - 1177 - .drawer-side { 1178 - pointer-events: none; 1179 - position: fixed; 1180 - inset-inline-start: 0px; 1181 - top: 0px; 1182 - grid-column-start: 1; 1183 - grid-row-start: 1; 1184 - display: grid; 1185 - width: 100%; 1186 - grid-template-columns: repeat(1, minmax(0, 1fr)); 1187 - grid-template-rows: repeat(1, minmax(0, 1fr)); 1188 - align-items: flex-start; 1189 - justify-items: start; 1190 - overflow-x: hidden; 1191 - overflow-y: hidden; 1192 - overscroll-behavior: contain; 1193 - height: 100vh; 1194 - height: 100dvh; 1195 - } 1196 - 1197 - .drawer-side > .drawer-overlay { 1198 - position: sticky; 1199 - top: 0px; 1200 - place-self: stretch; 1201 - cursor: pointer; 1202 - background-color: transparent; 1203 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 1204 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 1205 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 1206 - transition-duration: 200ms; 1207 - } 1208 - 1209 - .drawer-side > * { 1210 - grid-column-start: 1; 1211 - grid-row-start: 1; 1212 - } 1213 - 1214 - .drawer-side > *:not(.drawer-overlay) { 1215 - transition-property: transform; 1216 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 1217 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 1218 - transition-duration: 300ms; 1219 - will-change: transform; 1220 - transform: translateX(-100%); 1221 - } 1222 - 1223 - [dir="rtl"] .drawer-side > *:not(.drawer-overlay) { 1224 - transform: translateX(100%); 1225 - } 1226 - 1227 - .drawer-toggle { 1228 - position: fixed; 1229 - height: 0px; 1230 - width: 0px; 1231 - -webkit-appearance: none; 1232 - -moz-appearance: none; 1233 - appearance: none; 1234 - opacity: 0; 1235 - } 1236 - 1237 - .drawer-toggle:checked ~ .drawer-side { 1238 - pointer-events: auto; 1239 - visibility: visible; 1240 - overflow-y: auto; 1241 - } 1242 - 1243 - .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) { 1244 - transform: translateX(0%); 1245 - } 1246 - 1247 - .drawer-end .drawer-toggle ~ .drawer-content { 1248 - grid-column-start: 1; 1249 - } 1250 - 1251 - .drawer-end .drawer-toggle ~ .drawer-side { 1252 - grid-column-start: 2; 1253 - justify-items: end; 1254 - } 1255 - 1256 - .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 1257 - transform: translateX(100%); 1258 - } 1259 - 1260 - [dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 1261 - transform: translateX(-100%); 1262 - } 1263 - 1264 - .drawer-end .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) { 1265 - transform: translateX(0%); 1266 - } 1267 - 1268 - @media (hover: hover) { 1269 - .btn:hover { 1270 - --tw-border-opacity: 1; 1271 - border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); 1272 - --tw-bg-opacity: 1; 1273 - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); 1274 - } 1275 - 1276 - @supports (color: color-mix(in oklab, black, black)) { 1277 - .btn:hover { 1278 - background-color: color-mix( 1279 - in oklab, 1280 - oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, 1281 - black 1282 - ); 1283 - border-color: color-mix( 1284 - in oklab, 1285 - oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, 1286 - black 1287 - ); 1288 - } 1289 - } 1290 - 1291 - @supports not (color: oklch(0 0 0)) { 1292 - .btn:hover { 1293 - background-color: var(--btn-color, var(--fallback-b2)); 1294 - border-color: var(--btn-color, var(--fallback-b2)); 1295 - } 1296 - } 1297 - 1298 - .btn.glass:hover { 1299 - --glass-opacity: 25%; 1300 - --glass-border-opacity: 15%; 1301 - } 1302 - 1303 - .btn-ghost:hover { 1304 - border-color: transparent; 1305 - } 1306 - 1307 - @supports (color: oklch(0 0 0)) { 1308 - .btn-ghost:hover { 1309 - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 1310 - } 1311 - } 1312 - 1313 - .btn-outline.btn-accent:hover { 1314 - --tw-text-opacity: 1; 1315 - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); 1316 - } 1317 - 1318 - @supports (color: color-mix(in oklab, black, black)) { 1319 - .btn-outline.btn-accent:hover { 1320 - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); 1321 - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); 1322 - } 1323 - } 1324 - 1325 - .btn-outline.btn-success:hover { 1326 - --tw-text-opacity: 1; 1327 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 1328 - } 1329 - 1330 - @supports (color: color-mix(in oklab, black, black)) { 1331 - .btn-outline.btn-success:hover { 1332 - background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black); 1333 - border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black); 1334 - } 1335 - } 1336 - 1337 - .btn-outline.btn-warning:hover { 1338 - --tw-text-opacity: 1; 1339 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 1340 - } 1341 - 1342 - @supports (color: color-mix(in oklab, black, black)) { 1343 - .btn-outline.btn-warning:hover { 1344 - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); 1345 - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); 1346 - } 1347 - } 1348 - 1349 - .btn-outline.btn-error:hover { 1350 - --tw-text-opacity: 1; 1351 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 1352 - } 1353 - 1354 - @supports (color: color-mix(in oklab, black, black)) { 1355 - .btn-outline.btn-error:hover { 1356 - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); 1357 - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); 1358 - } 1359 - } 1360 - 1361 - .btn-disabled:hover, 1362 - .btn[disabled]:hover, 1363 - .btn:disabled:hover { 1364 - --tw-border-opacity: 0; 1365 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 1366 - --tw-bg-opacity: 0.2; 1367 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 1368 - --tw-text-opacity: 0.2; 1369 - } 1370 - 1371 - @supports (color: color-mix(in oklab, black, black)) { 1372 - .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover { 1373 - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); 1374 - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); 1375 - } 1376 - } 1377 - 1378 - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { 1379 - cursor: pointer; 1380 - outline: 2px solid transparent; 1381 - outline-offset: 2px; 1382 - } 1383 - 1384 - @supports (color: oklch(0 0 0)) { 1385 - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { 1386 - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); 1387 - } 1388 - } 1389 - } 1390 - 1391 - .file-input { 1392 - height: 3rem; 1393 - flex-shrink: 1; 1394 - padding-inline-end: 1rem; 1395 - font-size: 1rem; 1396 - line-height: 2; 1397 - line-height: 1.5rem; 1398 - overflow: hidden; 1399 - border-radius: var(--rounded-btn, 0.5rem); 1400 - border-width: 1px; 1401 - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); 1402 - --tw-border-opacity: 0; 1403 - --tw-bg-opacity: 1; 1404 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1405 - } 1406 - 1407 - .file-input::file-selector-button { 1408 - margin-inline-end: 1rem; 1409 - display: inline-flex; 1410 - height: 100%; 1411 - flex-shrink: 0; 1412 - cursor: pointer; 1413 - -webkit-user-select: none; 1414 - -moz-user-select: none; 1415 - user-select: none; 1416 - flex-wrap: wrap; 1417 - align-items: center; 1418 - justify-content: center; 1419 - padding-left: 1rem; 1420 - padding-right: 1rem; 1421 - text-align: center; 1422 - font-size: 0.875rem; 1423 - line-height: 1.25rem; 1424 - line-height: 1em; 1425 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 1426 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 1427 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 1428 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 1429 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 1430 - transition-duration: 200ms; 1431 - border-style: solid; 1432 - --tw-border-opacity: 1; 1433 - border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); 1434 - --tw-bg-opacity: 1; 1435 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 1436 - font-weight: 600; 1437 - text-transform: uppercase; 1438 - --tw-text-opacity: 1; 1439 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 1440 - text-decoration-line: none; 1441 - border-width: var(--border-btn, 1px); 1442 - animation: button-pop var(--animation-btn, 0.25s) ease-out; 1443 - } 1444 - 1445 - .footer { 1446 - display: grid; 1447 - width: 100%; 1448 - grid-auto-flow: row; 1449 - place-items: start; 1450 - -moz-column-gap: 1rem; 1451 - column-gap: 1rem; 1452 - row-gap: 2.5rem; 1453 - font-size: 0.875rem; 1454 - line-height: 1.25rem; 1455 - } 1456 - 1457 - .footer > * { 1458 - display: grid; 1459 - place-items: start; 1460 - gap: 0.5rem; 1461 - } 1462 - 1463 - @media (min-width: 48rem) { 1464 - .footer { 1465 - grid-auto-flow: column; 1466 - } 1467 - 1468 - .footer-center { 1469 - grid-auto-flow: row dense; 1470 - } 1471 - } 1472 - 1473 - .form-control { 1474 - display: flex; 1475 - flex-direction: column; 1476 - } 1477 - 1478 - .label { 1479 - display: flex; 1480 - -webkit-user-select: none; 1481 - -moz-user-select: none; 1482 - user-select: none; 1483 - align-items: center; 1484 - justify-content: space-between; 1485 - padding-left: 0.25rem; 1486 - padding-right: 0.25rem; 1487 - padding-top: 0.5rem; 1488 - padding-bottom: 0.5rem; 1489 - } 1490 - 1491 - .input { 1492 - flex-shrink: 1; 1493 - -webkit-appearance: none; 1494 - -moz-appearance: none; 1495 - appearance: none; 1496 - height: 3rem; 1497 - padding-left: 1rem; 1498 - padding-right: 1rem; 1499 - font-size: 1rem; 1500 - line-height: 2; 1501 - line-height: 1.5rem; 1502 - border-radius: var(--rounded-btn, 0.5rem); 1503 - border-width: 1px; 1504 - border-color: transparent; 1505 - --tw-bg-opacity: 1; 1506 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1507 - } 1508 - 1509 - .input[type="number"]::-webkit-inner-spin-button, 1510 - .input-md[type="number"]::-webkit-inner-spin-button { 1511 - margin-top: -1rem; 1512 - margin-bottom: -1rem; 1513 - margin-inline-end: -1rem; 1514 - } 1515 - 1516 - .join { 1517 - display: inline-flex; 1518 - align-items: stretch; 1519 - border-radius: var(--rounded-btn, 0.5rem); 1520 - } 1521 - 1522 - .join :where(.join-item) { 1523 - border-start-end-radius: 0; 1524 - border-end-end-radius: 0; 1525 - border-end-start-radius: 0; 1526 - border-start-start-radius: 0; 1527 - } 1528 - 1529 - .join .join-item:not(:first-child):not(:last-child), 1530 - .join *:not(:first-child):not(:last-child) .join-item { 1531 - border-start-end-radius: 0; 1532 - border-end-end-radius: 0; 1533 - border-end-start-radius: 0; 1534 - border-start-start-radius: 0; 1535 - } 1536 - 1537 - .join .join-item:first-child:not(:last-child), 1538 - .join *:first-child:not(:last-child) .join-item { 1539 - border-start-end-radius: 0; 1540 - border-end-end-radius: 0; 1541 - } 1542 - 1543 - .join .dropdown .join-item:first-child:not(:last-child), 1544 - .join *:first-child:not(:last-child) .dropdown .join-item { 1545 - border-start-end-radius: inherit; 1546 - border-end-end-radius: inherit; 1547 - } 1548 - 1549 - .join :where(.join-item:first-child:not(:last-child)), 1550 - .join :where(*:first-child:not(:last-child) .join-item) { 1551 - border-end-start-radius: inherit; 1552 - border-start-start-radius: inherit; 1553 - } 1554 - 1555 - .join .join-item:last-child:not(:first-child), 1556 - .join *:last-child:not(:first-child) .join-item { 1557 - border-end-start-radius: 0; 1558 - border-start-start-radius: 0; 1559 - } 1560 - 1561 - .join :where(.join-item:last-child:not(:first-child)), 1562 - .join :where(*:last-child:not(:first-child) .join-item) { 1563 - border-start-end-radius: inherit; 1564 - border-end-end-radius: inherit; 1565 - } 1566 - 1567 - @supports not selector(:has(*)) { 1568 - :where(.join *) { 1569 - border-radius: inherit; 1570 - } 1571 - } 1572 - 1573 - @supports selector(:has(*)) { 1574 - :where(.join *:has(.join-item)) { 1575 - border-radius: inherit; 1576 - } 1577 - } 1578 - 1579 - .link { 1580 - cursor: pointer; 1581 - text-decoration-line: underline; 1582 - } 1583 - 1584 - .menu { 1585 - display: flex; 1586 - flex-direction: column; 1587 - flex-wrap: wrap; 1588 - font-size: 0.875rem; 1589 - line-height: 1.25rem; 1590 - padding: 0.5rem; 1591 - } 1592 - 1593 - .menu :where(li ul) { 1594 - position: relative; 1595 - white-space: nowrap; 1596 - margin-inline-start: 1rem; 1597 - padding-inline-start: 0.5rem; 1598 - } 1599 - 1600 - .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { 1601 - display: grid; 1602 - grid-auto-flow: column; 1603 - align-content: flex-start; 1604 - align-items: center; 1605 - gap: 0.5rem; 1606 - grid-auto-columns: minmax(auto, max-content) auto max-content; 1607 - -webkit-user-select: none; 1608 - -moz-user-select: none; 1609 - user-select: none; 1610 - } 1611 - 1612 - .menu li.disabled { 1613 - cursor: not-allowed; 1614 - -webkit-user-select: none; 1615 - -moz-user-select: none; 1616 - user-select: none; 1617 - color: var(--fallback-bc,oklch(var(--bc)/0.3)); 1618 - } 1619 - 1620 - .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { 1621 - display: none; 1622 - } 1623 - 1624 - :where(.menu li) { 1625 - position: relative; 1626 - display: flex; 1627 - flex-shrink: 0; 1628 - flex-direction: column; 1629 - flex-wrap: wrap; 1630 - align-items: stretch; 1631 - } 1632 - 1633 - :where(.menu li) .badge { 1634 - justify-self: end; 1635 - } 1636 - 1637 - .navbar { 1638 - display: flex; 1639 - align-items: center; 1640 - padding: var(--navbar-padding, 0.5rem); 1641 - min-height: 4rem; 1642 - width: 100%; 1643 - } 1644 - 1645 - :where(.navbar > *:not(script, style)) { 1646 - display: inline-flex; 1647 - align-items: center; 1648 - } 1649 - 1650 - .navbar-start { 1651 - width: 50%; 1652 - justify-content: flex-start; 1653 - } 1654 - 1655 - .navbar-center { 1656 - flex-shrink: 0; 1657 - } 1658 - 1659 - .navbar-end { 1660 - width: 50%; 1661 - justify-content: flex-end; 1662 - } 1663 - 1664 - .select { 1665 - display: inline-flex; 1666 - cursor: pointer; 1667 - -webkit-user-select: none; 1668 - -moz-user-select: none; 1669 - user-select: none; 1670 - -webkit-appearance: none; 1671 - -moz-appearance: none; 1672 - appearance: none; 1673 - height: 3rem; 1674 - min-height: 3rem; 1675 - padding-left: 1rem; 1676 - padding-right: 2.5rem; 1677 - font-size: 0.875rem; 1678 - line-height: 1.25rem; 1679 - line-height: 2; 1680 - border-radius: var(--rounded-btn, 0.5rem); 1681 - border-width: 1px; 1682 - border-color: transparent; 1683 - --tw-bg-opacity: 1; 1684 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1685 - background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), 1686 - linear-gradient(135deg, currentColor 50%, transparent 50%); 1687 - background-position: calc(100% - 20px) calc(1px + 50%), 1688 - calc(100% - 16.1px) calc(1px + 50%); 1689 - background-size: 4px 4px, 1690 - 4px 4px; 1691 - background-repeat: no-repeat; 1692 - } 1693 - 1694 - .select[multiple] { 1695 - height: auto; 1696 - } 1697 - 1698 - .steps { 1699 - display: inline-grid; 1700 - grid-auto-flow: column; 1701 - overflow: hidden; 1702 - overflow-x: auto; 1703 - counter-reset: step; 1704 - grid-auto-columns: 1fr; 1705 - } 1706 - 1707 - .steps .step { 1708 - display: grid; 1709 - grid-template-columns: repeat(1, minmax(0, 1fr)); 1710 - grid-template-columns: auto; 1711 - grid-template-rows: repeat(2, minmax(0, 1fr)); 1712 - grid-template-rows: 40px 1fr; 1713 - place-items: center; 1714 - text-align: center; 1715 - min-width: 4rem; 1716 - } 1717 - 1718 - .swap { 1719 - position: relative; 1720 - display: inline-grid; 1721 - -webkit-user-select: none; 1722 - -moz-user-select: none; 1723 - user-select: none; 1724 - place-content: center; 1725 - cursor: pointer; 1726 - } 1727 - 1728 - .swap > * { 1729 - grid-column-start: 1; 1730 - grid-row-start: 1; 1731 - transition-duration: 300ms; 1732 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 1733 - transition-property: transform, opacity; 1734 - } 1735 - 1736 - .swap input { 1737 - -webkit-appearance: none; 1738 - -moz-appearance: none; 1739 - appearance: none; 1740 - } 1741 - 1742 - .swap .swap-on, 1743 - .swap .swap-indeterminate, 1744 - .swap input:indeterminate ~ .swap-on { 1745 - opacity: 0; 1746 - } 1747 - 1748 - .swap input:checked ~ .swap-off, 1749 - .swap-active .swap-off, 1750 - .swap input:indeterminate ~ .swap-off { 1751 - opacity: 0; 1752 - } 1753 - 1754 - .swap input:checked ~ .swap-on, 1755 - .swap-active .swap-on, 1756 - .swap input:indeterminate ~ .swap-indeterminate { 1757 - opacity: 1; 1758 - } 1759 - 1760 - .table { 1761 - position: relative; 1762 - width: 100%; 1763 - border-radius: var(--rounded-box, 1rem); 1764 - text-align: left; 1765 - font-size: 0.875rem; 1766 - line-height: 1.25rem; 1767 - } 1768 - 1769 - .table :where(.table-pin-rows thead tr) { 1770 - position: sticky; 1771 - top: 0px; 1772 - z-index: 1; 1773 - --tw-bg-opacity: 1; 1774 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1775 - } 1776 - 1777 - .table :where(.table-pin-rows tfoot tr) { 1778 - position: sticky; 1779 - bottom: 0px; 1780 - z-index: 1; 1781 - --tw-bg-opacity: 1; 1782 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1783 - } 1784 - 1785 - .table :where(.table-pin-cols tr th) { 1786 - position: sticky; 1787 - left: 0px; 1788 - right: 0px; 1789 - --tw-bg-opacity: 1; 1790 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1791 - } 1792 - 1793 - .textarea { 1794 - min-height: 3rem; 1795 - flex-shrink: 1; 1796 - padding-left: 1rem; 1797 - padding-right: 1rem; 1798 - padding-top: 0.5rem; 1799 - padding-bottom: 0.5rem; 1800 - font-size: 0.875rem; 1801 - line-height: 1.25rem; 1802 - line-height: 2; 1803 - border-radius: var(--rounded-btn, 0.5rem); 1804 - border-width: 1px; 1805 - border-color: transparent; 1806 - --tw-bg-opacity: 1; 1807 - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); 1808 - } 1809 - 1810 - .toggle { 1811 - flex-shrink: 0; 1812 - --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); 1813 - --handleoffset: 1.5rem; 1814 - --handleoffsetcalculator: calc(var(--handleoffset) * -1); 1815 - --togglehandleborder: 0 0; 1816 - height: 1.5rem; 1817 - width: 3rem; 1818 - cursor: pointer; 1819 - -webkit-appearance: none; 1820 - -moz-appearance: none; 1821 - appearance: none; 1822 - border-radius: var(--rounded-badge, 1.9rem); 1823 - border-width: 1px; 1824 - border-color: currentColor; 1825 - background-color: currentColor; 1826 - color: var(--fallback-bc,oklch(var(--bc)/0.5)); 1827 - transition: background, 1828 - box-shadow var(--animation-input, 0.2s) ease-out; 1829 - box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 1830 - 0 0 0 2px var(--tglbg) inset, 1831 - var(--togglehandleborder); 1832 - } 1833 - 1834 - .alert-info { 1835 - border-color: var(--fallback-in,oklch(var(--in)/0.2)); 1836 - --tw-text-opacity: 1; 1837 - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); 1838 - --alert-bg: var(--fallback-in,oklch(var(--in)/1)); 1839 - --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); 1840 - } 1841 - 1842 - .alert-success { 1843 - border-color: var(--fallback-su,oklch(var(--su)/0.2)); 1844 - --tw-text-opacity: 1; 1845 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 1846 - --alert-bg: var(--fallback-su,oklch(var(--su)/1)); 1847 - --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); 1848 - } 1849 - 1850 - .alert-warning { 1851 - border-color: var(--fallback-wa,oklch(var(--wa)/0.2)); 1852 - --tw-text-opacity: 1; 1853 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 1854 - --alert-bg: var(--fallback-wa,oklch(var(--wa)/1)); 1855 - --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); 1856 - } 1857 - 1858 - .alert-error { 1859 - border-color: var(--fallback-er,oklch(var(--er)/0.2)); 1860 - --tw-text-opacity: 1; 1861 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 1862 - --alert-bg: var(--fallback-er,oklch(var(--er)/1)); 1863 - --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); 1864 - } 1865 - 1866 - .avatar-group :where(.avatar) { 1867 - overflow: hidden; 1868 - border-radius: 9999px; 1869 - border-width: 4px; 1870 - --tw-border-opacity: 1; 1871 - border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity))); 1872 - } 1873 - 1874 - .badge-neutral { 1875 - --tw-border-opacity: 1; 1876 - border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); 1877 - --tw-bg-opacity: 1; 1878 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 1879 - --tw-text-opacity: 1; 1880 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 1881 - } 1882 - 1883 - .badge-accent { 1884 - --tw-border-opacity: 1; 1885 - border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); 1886 - --tw-bg-opacity: 1; 1887 - background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); 1888 - --tw-text-opacity: 1; 1889 - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); 1890 - } 1891 - 1892 - .badge-info { 1893 - border-color: transparent; 1894 - --tw-bg-opacity: 1; 1895 - background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); 1896 - --tw-text-opacity: 1; 1897 - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); 1898 - } 1899 - 1900 - .badge-success { 1901 - border-color: transparent; 1902 - --tw-bg-opacity: 1; 1903 - background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); 1904 - --tw-text-opacity: 1; 1905 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 1906 - } 1907 - 1908 - .badge-warning { 1909 - border-color: transparent; 1910 - --tw-bg-opacity: 1; 1911 - background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); 1912 - --tw-text-opacity: 1; 1913 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 1914 - } 1915 - 1916 - .badge-error { 1917 - border-color: transparent; 1918 - --tw-bg-opacity: 1; 1919 - background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); 1920 - --tw-text-opacity: 1; 1921 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 1922 - } 1923 - 1924 - .badge-outline { 1925 - border-color: currentColor; 1926 - --tw-border-opacity: 0.5; 1927 - background-color: transparent; 1928 - color: currentColor; 1929 - } 1930 - 1931 - .badge-outline.badge-neutral { 1932 - --tw-text-opacity: 1; 1933 - color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity))); 1934 - } 1935 - 1936 - .badge-outline.badge-primary { 1937 - --tw-text-opacity: 1; 1938 - color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); 1939 - } 1940 - 1941 - .badge-outline.badge-secondary { 1942 - --tw-text-opacity: 1; 1943 - color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); 1944 - } 1945 - 1946 - .badge-outline.badge-accent { 1947 - --tw-text-opacity: 1; 1948 - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); 1949 - } 1950 - 1951 - .badge-outline.badge-info { 1952 - --tw-text-opacity: 1; 1953 - color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); 1954 - } 1955 - 1956 - .badge-outline.badge-success { 1957 - --tw-text-opacity: 1; 1958 - color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); 1959 - } 1960 - 1961 - .badge-outline.badge-warning { 1962 - --tw-text-opacity: 1; 1963 - color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); 1964 - } 1965 - 1966 - .badge-outline.badge-error { 1967 - --tw-text-opacity: 1; 1968 - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); 1969 - } 1970 - 1971 - .btm-nav > * .label { 1972 - font-size: 1rem; 1973 - line-height: 1.5rem; 1974 - } 1975 - 1976 - .btn:active:hover, 1977 - .btn:active:focus { 1978 - animation: button-pop 0s ease-out; 1979 - transform: scale(var(--btn-focus-scale, 0.97)); 1980 - } 1981 - 1982 - @supports not (color: oklch(0 0 0)) { 1983 - .btn { 1984 - background-color: var(--btn-color, var(--fallback-b2)); 1985 - border-color: var(--btn-color, var(--fallback-b2)); 1986 - } 1987 - 1988 - .btn-accent { 1989 - --btn-color: var(--fallback-a); 1990 - } 1991 - 1992 - .btn-neutral { 1993 - --btn-color: var(--fallback-n); 1994 - } 1995 - 1996 - .btn-success { 1997 - --btn-color: var(--fallback-su); 1998 - } 1999 - 2000 - .btn-warning { 2001 - --btn-color: var(--fallback-wa); 2002 - } 2003 - 2004 - .btn-error { 2005 - --btn-color: var(--fallback-er); 2006 - } 2007 - } 2008 - 2009 - @supports (color: color-mix(in oklab, black, black)) { 2010 - .btn-outline.btn-accent.btn-active { 2011 - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); 2012 - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); 2013 - } 2014 - 2015 - .btn-outline.btn-success.btn-active { 2016 - background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black); 2017 - border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black); 2018 - } 2019 - 2020 - .btn-outline.btn-warning.btn-active { 2021 - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); 2022 - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); 2023 - } 2024 - 2025 - .btn-outline.btn-error.btn-active { 2026 - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); 2027 - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); 2028 - } 2029 - } 2030 - 2031 - .btn:focus-visible { 2032 - outline-style: solid; 2033 - outline-width: 2px; 2034 - outline-offset: 2px; 2035 - } 2036 - 2037 - @supports (color: oklch(0 0 0)) { 2038 - .btn-accent { 2039 - --btn-color: var(--a); 2040 - } 2041 - 2042 - .btn-neutral { 2043 - --btn-color: var(--n); 2044 - } 2045 - 2046 - .btn-success { 2047 - --btn-color: var(--su); 2048 - } 2049 - 2050 - .btn-warning { 2051 - --btn-color: var(--wa); 2052 - } 2053 - 2054 - .btn-error { 2055 - --btn-color: var(--er); 2056 - } 2057 - } 2058 - 2059 - .btn-accent { 2060 - --tw-text-opacity: 1; 2061 - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); 2062 - outline-color: var(--fallback-a,oklch(var(--a)/1)); 2063 - } 2064 - 2065 - .btn-neutral { 2066 - --tw-text-opacity: 1; 2067 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 2068 - outline-color: var(--fallback-n,oklch(var(--n)/1)); 2069 - } 2070 - 2071 - .btn-success { 2072 - --tw-text-opacity: 1; 2073 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 2074 - outline-color: var(--fallback-su,oklch(var(--su)/1)); 2075 - } 2076 - 2077 - .btn-warning { 2078 - --tw-text-opacity: 1; 2079 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 2080 - outline-color: var(--fallback-wa,oklch(var(--wa)/1)); 2081 - } 2082 - 2083 - .btn-error { 2084 - --tw-text-opacity: 1; 2085 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 2086 - outline-color: var(--fallback-er,oklch(var(--er)/1)); 2087 - } 2088 - 2089 - .btn.glass { 2090 - --tw-shadow: 0 0 #0000; 2091 - --tw-shadow-colored: 0 0 #0000; 2092 - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2093 - outline-color: currentColor; 2094 - } 2095 - 2096 - .btn.glass.btn-active { 2097 - --glass-opacity: 25%; 2098 - --glass-border-opacity: 15%; 2099 - } 2100 - 2101 - .btn-ghost { 2102 - border-width: 1px; 2103 - border-color: transparent; 2104 - background-color: transparent; 2105 - color: currentColor; 2106 - --tw-shadow: 0 0 #0000; 2107 - --tw-shadow-colored: 0 0 #0000; 2108 - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2109 - outline-color: currentColor; 2110 - } 2111 - 2112 - .btn-ghost.btn-active { 2113 - border-color: transparent; 2114 - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2115 - } 2116 - 2117 - .btn-outline.btn-accent { 2118 - --tw-text-opacity: 1; 2119 - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); 2120 - } 2121 - 2122 - .btn-outline.btn-accent.btn-active { 2123 - --tw-text-opacity: 1; 2124 - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); 2125 - } 2126 - 2127 - .btn-outline.btn-success { 2128 - --tw-text-opacity: 1; 2129 - color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); 2130 - } 2131 - 2132 - .btn-outline.btn-success.btn-active { 2133 - --tw-text-opacity: 1; 2134 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 2135 - } 2136 - 2137 - .btn-outline.btn-warning { 2138 - --tw-text-opacity: 1; 2139 - color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); 2140 - } 2141 - 2142 - .btn-outline.btn-warning.btn-active { 2143 - --tw-text-opacity: 1; 2144 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 2145 - } 2146 - 2147 - .btn-outline.btn-error { 2148 - --tw-text-opacity: 1; 2149 - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); 2150 - } 2151 - 2152 - .btn-outline.btn-error.btn-active { 2153 - --tw-text-opacity: 1; 2154 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 2155 - } 2156 - 2157 - .btn.btn-disabled, 2158 - .btn[disabled], 2159 - .btn:disabled { 2160 - --tw-border-opacity: 0; 2161 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 2162 - --tw-bg-opacity: 0.2; 2163 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2164 - --tw-text-opacity: 0.2; 2165 - } 2166 - 2167 - .btn:is(input[type="checkbox"]:checked), 2168 - .btn:is(input[type="radio"]:checked) { 2169 - --tw-border-opacity: 1; 2170 - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); 2171 - --tw-bg-opacity: 1; 2172 - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); 2173 - --tw-text-opacity: 1; 2174 - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); 2175 - } 2176 - 2177 - .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible { 2178 - outline-color: var(--fallback-p,oklch(var(--p)/1)); 2179 - } 2180 - 2181 - @keyframes button-pop { 2182 - 0% { 2183 - transform: scale(var(--btn-focus-scale, 0.98)); 2184 - } 2185 - 2186 - 40% { 2187 - transform: scale(1.02); 2188 - } 2189 - 2190 - 100% { 2191 - transform: scale(1); 2192 - } 2193 - } 2194 - 2195 - .card :where(figure:first-child) { 2196 - overflow: hidden; 2197 - border-start-start-radius: inherit; 2198 - border-start-end-radius: inherit; 2199 - border-end-start-radius: unset; 2200 - border-end-end-radius: unset; 2201 - } 2202 - 2203 - .card :where(figure:last-child) { 2204 - overflow: hidden; 2205 - border-start-start-radius: unset; 2206 - border-start-end-radius: unset; 2207 - border-end-start-radius: inherit; 2208 - border-end-end-radius: inherit; 2209 - } 2210 - 2211 - .card:focus-visible { 2212 - outline: 2px solid currentColor; 2213 - outline-offset: 2px; 2214 - } 2215 - 2216 - .card.bordered { 2217 - border-width: 1px; 2218 - --tw-border-opacity: 1; 2219 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2220 - } 2221 - 2222 - .card.compact .card-body { 2223 - padding: 1rem; 2224 - font-size: 0.875rem; 2225 - line-height: 1.25rem; 2226 - } 2227 - 2228 - .card.image-full :where(figure) { 2229 - overflow: hidden; 2230 - border-radius: inherit; 2231 - } 2232 - 2233 - .checkbox:focus { 2234 - box-shadow: none; 2235 - } 2236 - 2237 - .checkbox:focus-visible { 2238 - outline-style: solid; 2239 - outline-width: 2px; 2240 - outline-offset: 2px; 2241 - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); 2242 - } 2243 - 2244 - .checkbox:checked, 2245 - .checkbox[checked="true"], 2246 - .checkbox[aria-checked="true"] { 2247 - background-repeat: no-repeat; 2248 - animation: checkmark var(--animation-input, 0.2s) ease-out; 2249 - background-color: var(--chkbg); 2250 - background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), 2251 - linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), 2252 - linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), 2253 - linear-gradient( 2254 - 45deg, 2255 - var(--chkbg) 30%, 2256 - var(--chkfg) 30.99%, 2257 - var(--chkfg) 40%, 2258 - transparent 40.99% 2259 - ), 2260 - linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%); 2261 - } 2262 - 2263 - .checkbox:indeterminate { 2264 - --tw-bg-opacity: 1; 2265 - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); 2266 - background-repeat: no-repeat; 2267 - animation: checkmark var(--animation-input, 0.2s) ease-out; 2268 - background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), 2269 - linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), 2270 - linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%); 2271 - } 2272 - 2273 - .checkbox-secondary { 2274 - --chkbg: var(--fallback-s,oklch(var(--s)/1)); 2275 - --chkfg: var(--fallback-sc,oklch(var(--sc)/1)); 2276 - --tw-border-opacity: 1; 2277 - border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); 2278 - } 2279 - 2280 - .checkbox-secondary:focus-visible { 2281 - outline-color: var(--fallback-s,oklch(var(--s)/1)); 2282 - } 2283 - 2284 - .checkbox-secondary:checked, 2285 - .checkbox-secondary[checked="true"], 2286 - .checkbox-secondary[aria-checked="true"] { 2287 - --tw-border-opacity: 1; 2288 - border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); 2289 - --tw-bg-opacity: 1; 2290 - background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); 2291 - --tw-text-opacity: 1; 2292 - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); 2293 - } 2294 - 2295 - .checkbox:disabled { 2296 - cursor: not-allowed; 2297 - border-color: transparent; 2298 - --tw-bg-opacity: 1; 2299 - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); 2300 - opacity: 0.2; 2301 - } 2302 - 2303 - @keyframes checkmark { 2304 - 0% { 2305 - background-position-y: 5px; 2306 - } 2307 - 2308 - 50% { 2309 - background-position-y: -2px; 2310 - } 2311 - 2312 - 100% { 2313 - background-position-y: 0; 2314 - } 2315 - } 2316 - 2317 - .divider:not(:empty) { 2318 - gap: 1rem; 2319 - } 2320 - 2321 - .drawer-toggle:checked ~ .drawer-side > .drawer-overlay { 2322 - background-color: #0006; 2323 - } 2324 - 2325 - .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button { 2326 - outline-style: solid; 2327 - outline-width: 2px; 2328 - outline-offset: 2px; 2329 - } 2330 - 2331 - .file-input-bordered { 2332 - --tw-border-opacity: 0.2; 2333 - } 2334 - 2335 - .file-input:focus { 2336 - outline-style: solid; 2337 - outline-width: 2px; 2338 - outline-offset: 2px; 2339 - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2340 - } 2341 - 2342 - .file-input-disabled, 2343 - .file-input[disabled] { 2344 - cursor: not-allowed; 2345 - --tw-border-opacity: 1; 2346 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2347 - --tw-bg-opacity: 1; 2348 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2349 - --tw-text-opacity: 0.2; 2350 - } 2351 - 2352 - .file-input-disabled::-moz-placeholder, .file-input[disabled]::-moz-placeholder { 2353 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2354 - --tw-placeholder-opacity: 0.2; 2355 - } 2356 - 2357 - .file-input-disabled::placeholder, 2358 - .file-input[disabled]::placeholder { 2359 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2360 - --tw-placeholder-opacity: 0.2; 2361 - } 2362 - 2363 - .file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button { 2364 - --tw-border-opacity: 0; 2365 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 2366 - --tw-bg-opacity: 0.2; 2367 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2368 - --tw-text-opacity: 0.2; 2369 - } 2370 - 2371 - .label-text { 2372 - font-size: 0.875rem; 2373 - line-height: 1.25rem; 2374 - --tw-text-opacity: 1; 2375 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2376 - } 2377 - 2378 - .label-text-alt { 2379 - font-size: 0.75rem; 2380 - line-height: 1rem; 2381 - --tw-text-opacity: 1; 2382 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2383 - } 2384 - 2385 - .input input { 2386 - --tw-bg-opacity: 1; 2387 - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); 2388 - background-color: transparent; 2389 - } 2390 - 2391 - .input input:focus { 2392 - outline: 2px solid transparent; 2393 - outline-offset: 2px; 2394 - } 2395 - 2396 - .input[list]::-webkit-calendar-picker-indicator { 2397 - line-height: 1em; 2398 - } 2399 - 2400 - .input-bordered { 2401 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2402 - } 2403 - 2404 - .input:focus, 2405 - .input:focus-within { 2406 - box-shadow: none; 2407 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2408 - outline-style: solid; 2409 - outline-width: 2px; 2410 - outline-offset: 2px; 2411 - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2412 - } 2413 - 2414 - .input-disabled, 2415 - .input:disabled, 2416 - .input[disabled] { 2417 - cursor: not-allowed; 2418 - --tw-border-opacity: 1; 2419 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2420 - --tw-bg-opacity: 1; 2421 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2422 - color: var(--fallback-bc,oklch(var(--bc)/0.4)); 2423 - } 2424 - 2425 - .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { 2426 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2427 - --tw-placeholder-opacity: 0.2; 2428 - } 2429 - 2430 - .input-disabled::placeholder, 2431 - .input:disabled::placeholder, 2432 - .input[disabled]::placeholder { 2433 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2434 - --tw-placeholder-opacity: 0.2; 2435 - } 2436 - 2437 - .input::-webkit-date-and-time-value { 2438 - text-align: inherit; 2439 - } 2440 - 2441 - .join > :where(*:not(:first-child)) { 2442 - margin-top: 0px; 2443 - margin-bottom: 0px; 2444 - margin-inline-start: -1px; 2445 - } 2446 - 2447 - .join-item:focus { 2448 - isolation: isolate; 2449 - } 2450 - 2451 - .link:focus { 2452 - outline: 2px solid transparent; 2453 - outline-offset: 2px; 2454 - } 2455 - 2456 - .link:focus-visible { 2457 - outline: 2px solid currentColor; 2458 - outline-offset: 2px; 2459 - } 2460 - 2461 - :where(.menu li:empty) { 2462 - --tw-bg-opacity: 1; 2463 - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); 2464 - opacity: 0.1; 2465 - margin: 0.5rem 1rem; 2466 - height: 1px; 2467 - } 2468 - 2469 - .menu :where(li ul):before { 2470 - position: absolute; 2471 - bottom: 0.75rem; 2472 - inset-inline-start: 0px; 2473 - top: 0.75rem; 2474 - width: 1px; 2475 - --tw-bg-opacity: 1; 2476 - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); 2477 - opacity: 0.1; 2478 - content: ""; 2479 - } 2480 - 2481 - .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), 2482 - .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { 2483 - border-radius: var(--rounded-btn, 0.5rem); 2484 - padding-left: 1rem; 2485 - padding-right: 1rem; 2486 - padding-top: 0.5rem; 2487 - padding-bottom: 0.5rem; 2488 - text-align: start; 2489 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 2490 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 2491 - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 2492 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2493 - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 2494 - transition-duration: 200ms; 2495 - text-wrap: balance; 2496 - } 2497 - 2498 - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible { 2499 - cursor: pointer; 2500 - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); 2501 - --tw-text-opacity: 1; 2502 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2503 - outline: 2px solid transparent; 2504 - outline-offset: 2px; 2505 - } 2506 - 2507 - .menu li > *:not(ul, .menu-title, details, .btn):active, 2508 - .menu li > *:not(ul, .menu-title, details, .btn).active, 2509 - .menu li > details > summary:active { 2510 - --tw-bg-opacity: 1; 2511 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 2512 - --tw-text-opacity: 1; 2513 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 2514 - } 2515 - 2516 - .menu :where(li > details > summary)::-webkit-details-marker { 2517 - display: none; 2518 - } 2519 - 2520 - .menu :where(li > details > summary):after, 2521 - .menu :where(li > .menu-dropdown-toggle):after { 2522 - justify-self: end; 2523 - display: block; 2524 - margin-top: -0.5rem; 2525 - height: 0.5rem; 2526 - width: 0.5rem; 2527 - transform: rotate(45deg); 2528 - transition-property: transform, margin-top; 2529 - transition-duration: 0.3s; 2530 - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2531 - content: ""; 2532 - transform-origin: 75% 75%; 2533 - box-shadow: 2px 2px; 2534 - pointer-events: none; 2535 - } 2536 - 2537 - .menu :where(li > details[open] > summary):after, 2538 - .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { 2539 - transform: rotate(225deg); 2540 - margin-top: 0; 2541 - } 2542 - 2543 - .mockup-browser .mockup-browser-toolbar .input { 2544 - position: relative; 2545 - margin-left: auto; 2546 - margin-right: auto; 2547 - display: block; 2548 - height: 1.75rem; 2549 - width: 24rem; 2550 - overflow: hidden; 2551 - text-overflow: ellipsis; 2552 - white-space: nowrap; 2553 - --tw-bg-opacity: 1; 2554 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2555 - padding-left: 2rem; 2556 - direction: ltr; 2557 - } 2558 - 2559 - .mockup-browser .mockup-browser-toolbar .input:before { 2560 - content: ""; 2561 - position: absolute; 2562 - left: 0.5rem; 2563 - top: 50%; 2564 - aspect-ratio: 1 / 1; 2565 - height: 0.75rem; 2566 - --tw-translate-y: -50%; 2567 - 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)); 2568 - border-radius: 9999px; 2569 - border-width: 2px; 2570 - border-color: currentColor; 2571 - opacity: 0.6; 2572 - } 2573 - 2574 - .mockup-browser .mockup-browser-toolbar .input:after { 2575 - content: ""; 2576 - position: absolute; 2577 - left: 1.25rem; 2578 - top: 50%; 2579 - height: 0.5rem; 2580 - --tw-translate-y: 25%; 2581 - --tw-rotate: -45deg; 2582 - 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)); 2583 - border-radius: 9999px; 2584 - border-width: 1px; 2585 - border-color: currentColor; 2586 - opacity: 0.6; 2587 - } 2588 - 2589 - @keyframes modal-pop { 2590 - 0% { 2591 - opacity: 0; 2592 - } 2593 - } 2594 - 2595 - @keyframes progress-loading { 2596 - 50% { 2597 - background-position-x: -115%; 2598 - } 2599 - } 2600 - 2601 - @keyframes radiomark { 2602 - 0% { 2603 - box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, 2604 - 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; 2605 - } 2606 - 2607 - 50% { 2608 - box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, 2609 - 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; 2610 - } 2611 - 2612 - 100% { 2613 - box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, 2614 - 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; 2615 - } 2616 - } 2617 - 2618 - @keyframes rating-pop { 2619 - 0% { 2620 - transform: translateY(-0.125em); 2621 - } 2622 - 2623 - 40% { 2624 - transform: translateY(-0.125em); 2625 - } 2626 - 2627 - 100% { 2628 - transform: translateY(0); 2629 - } 2630 - } 2631 - 2632 - .select-bordered { 2633 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2634 - } 2635 - 2636 - .select:focus { 2637 - box-shadow: none; 2638 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2639 - outline-style: solid; 2640 - outline-width: 2px; 2641 - outline-offset: 2px; 2642 - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2643 - } 2644 - 2645 - .select-disabled, 2646 - .select:disabled, 2647 - .select[disabled] { 2648 - cursor: not-allowed; 2649 - --tw-border-opacity: 1; 2650 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2651 - --tw-bg-opacity: 1; 2652 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2653 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2654 - --tw-text-opacity: 0.2; 2655 - } 2656 - 2657 - .select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder { 2658 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2659 - --tw-placeholder-opacity: 0.2; 2660 - } 2661 - 2662 - .select-disabled::placeholder, 2663 - .select:disabled::placeholder, 2664 - .select[disabled]::placeholder { 2665 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2666 - --tw-placeholder-opacity: 0.2; 2667 - } 2668 - 2669 - .select-multiple, 2670 - .select[multiple], 2671 - .select[size].select:not([size="1"]) { 2672 - background-image: none; 2673 - padding-right: 1rem; 2674 - } 2675 - 2676 - [dir="rtl"] .select { 2677 - background-position: calc(0% + 12px) calc(1px + 50%), 2678 - calc(0% + 16px) calc(1px + 50%); 2679 - } 2680 - 2681 - @keyframes skeleton { 2682 - from { 2683 - background-position: 150%; 2684 - } 2685 - 2686 - to { 2687 - background-position: -50%; 2688 - } 2689 - } 2690 - 2691 - .steps .step:before { 2692 - top: 0px; 2693 - grid-column-start: 1; 2694 - grid-row-start: 1; 2695 - height: 0.5rem; 2696 - width: 100%; 2697 - 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)); 2698 - --tw-bg-opacity: 1; 2699 - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); 2700 - --tw-text-opacity: 1; 2701 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2702 - content: ""; 2703 - margin-inline-start: -100%; 2704 - } 2705 - 2706 - .steps .step:after { 2707 - content: counter(step); 2708 - counter-increment: step; 2709 - z-index: 1; 2710 - position: relative; 2711 - grid-column-start: 1; 2712 - grid-row-start: 1; 2713 - display: grid; 2714 - height: 2rem; 2715 - width: 2rem; 2716 - place-items: center; 2717 - place-self: center; 2718 - border-radius: 9999px; 2719 - --tw-bg-opacity: 1; 2720 - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); 2721 - --tw-text-opacity: 1; 2722 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2723 - } 2724 - 2725 - .steps .step:first-child:before { 2726 - content: none; 2727 - } 2728 - 2729 - .steps .step[data-content]:after { 2730 - content: attr(data-content); 2731 - } 2732 - 2733 - .steps .step-neutral + .step-neutral:before, 2734 - .steps .step-neutral:after { 2735 - --tw-bg-opacity: 1; 2736 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 2737 - --tw-text-opacity: 1; 2738 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 2739 - } 2740 - 2741 - .steps .step-primary + .step-primary:before, 2742 - .steps .step-primary:after { 2743 - --tw-bg-opacity: 1; 2744 - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); 2745 - --tw-text-opacity: 1; 2746 - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); 2747 - } 2748 - 2749 - .steps .step-secondary + .step-secondary:before, 2750 - .steps .step-secondary:after { 2751 - --tw-bg-opacity: 1; 2752 - background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); 2753 - --tw-text-opacity: 1; 2754 - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); 2755 - } 2756 - 2757 - .steps .step-accent + .step-accent:before, 2758 - .steps .step-accent:after { 2759 - --tw-bg-opacity: 1; 2760 - background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); 2761 - --tw-text-opacity: 1; 2762 - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); 2763 - } 2764 - 2765 - .steps .step-info + .step-info:before { 2766 - --tw-bg-opacity: 1; 2767 - background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); 2768 - } 2769 - 2770 - .steps .step-info:after { 2771 - --tw-bg-opacity: 1; 2772 - background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); 2773 - --tw-text-opacity: 1; 2774 - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); 2775 - } 2776 - 2777 - .steps .step-success + .step-success:before { 2778 - --tw-bg-opacity: 1; 2779 - background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); 2780 - } 2781 - 2782 - .steps .step-success:after { 2783 - --tw-bg-opacity: 1; 2784 - background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); 2785 - --tw-text-opacity: 1; 2786 - color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); 2787 - } 2788 - 2789 - .steps .step-warning + .step-warning:before { 2790 - --tw-bg-opacity: 1; 2791 - background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); 2792 - } 2793 - 2794 - .steps .step-warning:after { 2795 - --tw-bg-opacity: 1; 2796 - background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); 2797 - --tw-text-opacity: 1; 2798 - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); 2799 - } 2800 - 2801 - .steps .step-error + .step-error:before { 2802 - --tw-bg-opacity: 1; 2803 - background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); 2804 - } 2805 - 2806 - .steps .step-error:after { 2807 - --tw-bg-opacity: 1; 2808 - background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); 2809 - --tw-text-opacity: 1; 2810 - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); 2811 - } 2812 - 2813 - .swap-rotate .swap-on, 2814 - .swap-rotate .swap-indeterminate, 2815 - .swap-rotate input:indeterminate ~ .swap-on { 2816 - --tw-rotate: 45deg; 2817 - 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)); 2818 - } 2819 - 2820 - .swap-rotate input:checked ~ .swap-off, 2821 - .swap-active:where(.swap-rotate) .swap-off, 2822 - .swap-rotate input:indeterminate ~ .swap-off { 2823 - --tw-rotate: -45deg; 2824 - 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)); 2825 - } 2826 - 2827 - .swap-rotate input:checked ~ .swap-on, 2828 - .swap-active:where(.swap-rotate) .swap-on, 2829 - .swap-rotate input:indeterminate ~ .swap-indeterminate { 2830 - --tw-rotate: 0deg; 2831 - 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)); 2832 - } 2833 - 2834 - .swap-flip .swap-on, 2835 - .swap-flip .swap-indeterminate, 2836 - .swap-flip input:indeterminate ~ .swap-on { 2837 - transform: rotateY(180deg); 2838 - backface-visibility: hidden; 2839 - opacity: 1; 2840 - } 2841 - 2842 - .swap-flip input:checked ~ .swap-off, 2843 - .swap-active:where(.swap-flip) .swap-off, 2844 - .swap-flip input:indeterminate ~ .swap-off { 2845 - transform: rotateY(-180deg); 2846 - backface-visibility: hidden; 2847 - opacity: 1; 2848 - } 2849 - 2850 - .swap-flip input:checked ~ .swap-on, 2851 - .swap-active:where(.swap-flip) .swap-on, 2852 - .swap-flip input:indeterminate ~ .swap-indeterminate { 2853 - transform: rotateY(0deg); 2854 - } 2855 - 2856 - :is([dir="rtl"] .table) { 2857 - text-align: right; 2858 - } 2859 - 2860 - .table :where(th, td) { 2861 - padding-left: 1rem; 2862 - padding-right: 1rem; 2863 - padding-top: 0.75rem; 2864 - padding-bottom: 0.75rem; 2865 - vertical-align: middle; 2866 - } 2867 - 2868 - .table tr.active, 2869 - .table tr.active:nth-child(even), 2870 - .table-zebra tbody tr:nth-child(even) { 2871 - --tw-bg-opacity: 1; 2872 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2873 - } 2874 - 2875 - .table :where(thead, tbody) :where(tr:not(:last-child)), 2876 - .table :where(thead, tbody) :where(tr:first-child:last-child) { 2877 - border-bottom-width: 1px; 2878 - --tw-border-opacity: 1; 2879 - border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2880 - } 2881 - 2882 - .table :where(thead, tfoot) { 2883 - white-space: nowrap; 2884 - font-size: 0.75rem; 2885 - line-height: 1rem; 2886 - font-weight: 700; 2887 - color: var(--fallback-bc,oklch(var(--bc)/0.6)); 2888 - } 2889 - 2890 - .textarea-bordered { 2891 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2892 - } 2893 - 2894 - .textarea:focus { 2895 - box-shadow: none; 2896 - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2897 - outline-style: solid; 2898 - outline-width: 2px; 2899 - outline-offset: 2px; 2900 - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2901 - } 2902 - 2903 - .textarea-disabled, 2904 - .textarea:disabled, 2905 - .textarea[disabled] { 2906 - cursor: not-allowed; 2907 - --tw-border-opacity: 1; 2908 - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); 2909 - --tw-bg-opacity: 1; 2910 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 2911 - --tw-text-opacity: 0.2; 2912 - } 2913 - 2914 - .textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder { 2915 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2916 - --tw-placeholder-opacity: 0.2; 2917 - } 2918 - 2919 - .textarea-disabled::placeholder, 2920 - .textarea:disabled::placeholder, 2921 - .textarea[disabled]::placeholder { 2922 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); 2923 - --tw-placeholder-opacity: 0.2; 2924 - } 2925 - 2926 - @keyframes toast-pop { 2927 - 0% { 2928 - transform: scale(0.9); 2929 - opacity: 0; 2930 - } 2931 - 2932 - 100% { 2933 - transform: scale(1); 2934 - opacity: 1; 2935 - } 2936 - } 2937 - 2938 - [dir="rtl"] .toggle { 2939 - --handleoffsetcalculator: calc(var(--handleoffset) * 1); 2940 - } 2941 - 2942 - .toggle:focus-visible { 2943 - outline-style: solid; 2944 - outline-width: 2px; 2945 - outline-offset: 2px; 2946 - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); 2947 - } 2948 - 2949 - .toggle:hover { 2950 - background-color: currentColor; 2951 - } 2952 - 2953 - .toggle:checked, 2954 - .toggle[checked="true"], 2955 - .toggle[aria-checked="true"] { 2956 - background-image: none; 2957 - --handleoffsetcalculator: var(--handleoffset); 2958 - --tw-text-opacity: 1; 2959 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2960 - } 2961 - 2962 - [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] { 2963 - --handleoffsetcalculator: calc(var(--handleoffset) * -1); 2964 - } 2965 - 2966 - .toggle:indeterminate { 2967 - --tw-text-opacity: 1; 2968 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 2969 - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, 2970 - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 2971 - 0 0 0 2px var(--tglbg) inset; 2972 - } 2973 - 2974 - [dir="rtl"] .toggle:indeterminate { 2975 - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, 2976 - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 2977 - 0 0 0 2px var(--tglbg) inset; 2978 - } 2979 - 2980 - .toggle-secondary:focus-visible { 2981 - outline-color: var(--fallback-s,oklch(var(--s)/1)); 2982 - } 2983 - 2984 - .toggle-secondary:checked, 2985 - .toggle-secondary[checked="true"], 2986 - .toggle-secondary[aria-checked="true"] { 2987 - border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); 2988 - --tw-border-opacity: 0.1; 2989 - --tw-bg-opacity: 1; 2990 - background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); 2991 - --tw-text-opacity: 1; 2992 - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); 2993 - } 2994 - 2995 - .toggle:disabled { 2996 - cursor: not-allowed; 2997 - --tw-border-opacity: 1; 2998 - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); 2999 - background-color: transparent; 3000 - opacity: 0.3; 3001 - --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, 3002 - var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; 3003 - } 3004 - 3005 - .badge-sm { 3006 - height: 1rem; 3007 - font-size: 0.75rem; 3008 - line-height: 1rem; 3009 - padding-left: 0.438rem; 3010 - padding-right: 0.438rem; 3011 - } 3012 - 3013 - .badge-lg { 3014 - height: 1.5rem; 3015 - font-size: 1rem; 3016 - line-height: 1.5rem; 3017 - padding-left: 0.688rem; 3018 - padding-right: 0.688rem; 3019 - } 3020 - 3021 - .btn-xs { 3022 - height: 1.5rem; 3023 - min-height: 1.5rem; 3024 - padding-left: 0.5rem; 3025 - padding-right: 0.5rem; 3026 - font-size: 0.75rem; 3027 - } 3028 - 3029 - .btn-sm { 3030 - height: 2rem; 3031 - min-height: 2rem; 3032 - padding-left: 0.75rem; 3033 - padding-right: 0.75rem; 3034 - font-size: 0.875rem; 3035 - } 3036 - 3037 - .btn-lg { 3038 - height: 4rem; 3039 - min-height: 4rem; 3040 - padding-left: 1.5rem; 3041 - padding-right: 1.5rem; 3042 - font-size: 1.125rem; 3043 - } 3044 - 3045 - .btn-square:where(.btn-xs) { 3046 - height: 1.5rem; 3047 - width: 1.5rem; 3048 - padding: 0px; 3049 - } 3050 - 3051 - .btn-square:where(.btn-sm) { 3052 - height: 2rem; 3053 - width: 2rem; 3054 - padding: 0px; 3055 - } 3056 - 3057 - .btn-square:where(.btn-md) { 3058 - height: 3rem; 3059 - width: 3rem; 3060 - padding: 0px; 3061 - } 3062 - 3063 - .btn-square:where(.btn-lg) { 3064 - height: 4rem; 3065 - width: 4rem; 3066 - padding: 0px; 3067 - } 3068 - 3069 - .btn-circle:where(.btn-xs) { 3070 - height: 1.5rem; 3071 - width: 1.5rem; 3072 - border-radius: 9999px; 3073 - padding: 0px; 3074 - } 3075 - 3076 - .btn-circle:where(.btn-sm) { 3077 - height: 2rem; 3078 - width: 2rem; 3079 - border-radius: 9999px; 3080 - padding: 0px; 3081 - } 3082 - 3083 - .btn-circle:where(.btn-lg) { 3084 - height: 4rem; 3085 - width: 4rem; 3086 - border-radius: 9999px; 3087 - padding: 0px; 3088 - } 3089 - 3090 - .drawer-open > .drawer-toggle { 3091 - display: none; 3092 - } 3093 - 3094 - .drawer-open > .drawer-toggle ~ .drawer-side { 3095 - pointer-events: auto; 3096 - visibility: visible; 3097 - position: sticky; 3098 - display: block; 3099 - width: auto; 3100 - overscroll-behavior: auto; 3101 - } 3102 - 3103 - .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 3104 - transform: translateX(0%); 3105 - } 3106 - 3107 - [dir="rtl"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 3108 - transform: translateX(0%); 3109 - } 3110 - 3111 - .drawer-open > .drawer-toggle:checked ~ .drawer-side { 3112 - pointer-events: auto; 3113 - visibility: visible; 3114 - } 3115 - 3116 - .drawer-open > .drawer-side { 3117 - overflow-y: auto; 3118 - } 3119 - 3120 - html:has(.drawer-toggle:checked) { 3121 - overflow-y: hidden; 3122 - scrollbar-gutter: stable; 3123 - } 3124 - 3125 - .join.join-vertical { 3126 - flex-direction: column; 3127 - } 3128 - 3129 - .join.join-vertical .join-item:first-child:not(:last-child), 3130 - .join.join-vertical *:first-child:not(:last-child) .join-item { 3131 - border-end-start-radius: 0; 3132 - border-end-end-radius: 0; 3133 - border-start-start-radius: inherit; 3134 - border-start-end-radius: inherit; 3135 - } 3136 - 3137 - .join.join-vertical .join-item:last-child:not(:first-child), 3138 - .join.join-vertical *:last-child:not(:first-child) .join-item { 3139 - border-start-start-radius: 0; 3140 - border-start-end-radius: 0; 3141 - border-end-start-radius: inherit; 3142 - border-end-end-radius: inherit; 3143 - } 3144 - 3145 - .join.join-horizontal { 3146 - flex-direction: row; 3147 - } 3148 - 3149 - .join.join-horizontal .join-item:first-child:not(:last-child), 3150 - .join.join-horizontal *:first-child:not(:last-child) .join-item { 3151 - border-end-end-radius: 0; 3152 - border-start-end-radius: 0; 3153 - border-end-start-radius: inherit; 3154 - border-start-start-radius: inherit; 3155 - } 3156 - 3157 - .join.join-horizontal .join-item:last-child:not(:first-child), 3158 - .join.join-horizontal *:last-child:not(:first-child) .join-item { 3159 - border-end-start-radius: 0; 3160 - border-start-start-radius: 0; 3161 - border-end-end-radius: inherit; 3162 - border-start-end-radius: inherit; 3163 - } 3164 - 3165 - .select-sm { 3166 - height: 2rem; 3167 - min-height: 2rem; 3168 - padding-left: 0.75rem; 3169 - padding-right: 2rem; 3170 - font-size: 0.875rem; 3171 - line-height: 2rem; 3172 - } 3173 - 3174 - [dir="rtl"] .select-sm { 3175 - padding-left: 2rem; 3176 - padding-right: 0.75rem; 3177 - } 3178 - 3179 - .steps-horizontal .step { 3180 - display: grid; 3181 - grid-template-columns: repeat(1, minmax(0, 1fr)); 3182 - grid-template-rows: repeat(2, minmax(0, 1fr)); 3183 - place-items: center; 3184 - text-align: center; 3185 - } 3186 - 3187 - .steps-vertical .step { 3188 - display: grid; 3189 - grid-template-columns: repeat(2, minmax(0, 1fr)); 3190 - grid-template-rows: repeat(1, minmax(0, 1fr)); 3191 - } 3192 - 3193 - .avatar.online:before { 3194 - content: ""; 3195 - position: absolute; 3196 - z-index: 10; 3197 - display: block; 3198 - border-radius: 9999px; 3199 - --tw-bg-opacity: 1; 3200 - background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); 3201 - outline-style: solid; 3202 - outline-width: 2px; 3203 - outline-color: var(--fallback-b1,oklch(var(--b1)/1)); 3204 - width: 15%; 3205 - height: 15%; 3206 - top: 7%; 3207 - right: 7%; 3208 - } 3209 - 3210 - .avatar.offline:before { 3211 - content: ""; 3212 - position: absolute; 3213 - z-index: 10; 3214 - display: block; 3215 - border-radius: 9999px; 3216 - --tw-bg-opacity: 1; 3217 - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); 3218 - outline-style: solid; 3219 - outline-width: 2px; 3220 - outline-color: var(--fallback-b1,oklch(var(--b1)/1)); 3221 - width: 15%; 3222 - height: 15%; 3223 - top: 7%; 3224 - right: 7%; 3225 - } 3226 - 3227 - .drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { 3228 - cursor: default; 3229 - background-color: transparent; 3230 - } 3231 - 3232 - .join.join-vertical > :where(*:not(:first-child)) { 3233 - margin-left: 0px; 3234 - margin-right: 0px; 3235 - margin-top: -1px; 3236 - } 3237 - 3238 - .join.join-horizontal > :where(*:not(:first-child)) { 3239 - margin-top: 0px; 3240 - margin-bottom: 0px; 3241 - margin-inline-start: -1px; 3242 - } 3243 - 3244 - .steps-horizontal .step { 3245 - grid-template-rows: 40px 1fr; 3246 - grid-template-columns: auto; 3247 - min-width: 4rem; 3248 - } 3249 - 3250 - .steps-horizontal .step:before { 3251 - height: 0.5rem; 3252 - width: 100%; 3253 - --tw-translate-x: 0px; 3254 - --tw-translate-y: 0px; 3255 - 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)); 3256 - content: ""; 3257 - margin-inline-start: -100%; 3258 - } 3259 - 3260 - :is([dir="rtl"] .steps-horizontal .step):before { 3261 - --tw-translate-x: 0px; 3262 - 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)); 3263 - } 3264 - 3265 - .steps-vertical .step { 3266 - gap: 0.5rem; 3267 - grid-template-columns: 40px 1fr; 3268 - grid-template-rows: auto; 3269 - min-height: 4rem; 3270 - justify-items: start; 3271 - } 3272 - 3273 - .steps-vertical .step:before { 3274 - height: 100%; 3275 - width: 0.5rem; 3276 - --tw-translate-x: -50%; 3277 - --tw-translate-y: -50%; 3278 - 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)); 3279 - margin-inline-start: 50%; 3280 - } 3281 - 3282 - :is([dir="rtl"] .steps-vertical .step):before { 3283 - --tw-translate-x: 50%; 3284 - 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)); 3285 - } 3286 - 3287 - .static { 3288 - position: static; 3289 - } 3290 - 3291 - .fixed { 3292 - position: fixed; 3293 - } 3294 - 3295 - .left-0 { 3296 - left: 0px; 3297 - } 3298 - 3299 - .top-0 { 3300 - top: 0px; 3301 - } 3302 - 3303 - .z-10 { 3304 - z-index: 10; 3305 - } 3306 - 3307 - .z-20 { 3308 - z-index: 20; 3309 - } 3310 - 3311 - .order-first { 3312 - order: -9999; 3313 - } 3314 - 3315 - .mx-auto { 3316 - margin-left: auto; 3317 - margin-right: auto; 3318 - } 3319 - 3320 - .my-4 { 3321 - margin-top: 1rem; 3322 - margin-bottom: 1rem; 3323 - } 3324 - 3325 - .my-1 { 3326 - margin-top: 0.25rem; 3327 - margin-bottom: 0.25rem; 3328 - } 3329 - 3330 - .my-2 { 3331 - margin-top: 0.5rem; 3332 - margin-bottom: 0.5rem; 3333 - } 3334 - 3335 - .mb-1 { 3336 - margin-bottom: 0.25rem; 3337 - } 3338 - 3339 - .mb-10 { 3340 - margin-bottom: 2.5rem; 3341 - } 3342 - 3343 - .mb-2 { 3344 - margin-bottom: 0.5rem; 3345 - } 3346 - 3347 - .mb-4 { 3348 - margin-bottom: 1rem; 3349 - } 3350 - 3351 - .mb-6 { 3352 - margin-bottom: 1.5rem; 3353 - } 3354 - 3355 - .ml-2 { 3356 - margin-left: 0.5rem; 3357 - } 3358 - 3359 - .ml-4 { 3360 - margin-left: 1rem; 3361 - } 3362 - 3363 - .mr-1 { 3364 - margin-right: 0.25rem; 3365 - } 3366 - 3367 - .mr-2 { 3368 - margin-right: 0.5rem; 3369 - } 3370 - 3371 - .mr-4 { 3372 - margin-right: 1rem; 3373 - } 3374 - 3375 - .mt-10 { 3376 - margin-top: 2.5rem; 3377 - } 3378 - 3379 - .mt-2 { 3380 - margin-top: 0.5rem; 3381 - } 3382 - 3383 - .mt-4 { 3384 - margin-top: 1rem; 3385 - } 3386 - 3387 - .mt-6 { 3388 - margin-top: 1.5rem; 3389 - } 3390 - 3391 - .mt-8 { 3392 - margin-top: 2rem; 3393 - } 3394 - 3395 - .block { 3396 - display: block; 3397 - } 3398 - 3399 - .inline-block { 3400 - display: inline-block; 3401 - } 3402 - 3403 - .flex { 3404 - display: flex; 3405 - } 3406 - 3407 - .table { 3408 - display: table; 3409 - } 3410 - 3411 - .hidden { 3412 - display: none; 3413 - } 3414 - 3415 - .h-12 { 3416 - height: 3rem; 3417 - } 3418 - 3419 - .h-32 { 3420 - height: 8rem; 3421 - } 3422 - 3423 - .h-4 { 3424 - height: 1rem; 3425 - } 3426 - 3427 - .h-5 { 3428 - height: 1.25rem; 3429 - } 3430 - 3431 - .h-6 { 3432 - height: 1.5rem; 3433 - } 3434 - 3435 - .h-full { 3436 - height: 100%; 3437 - } 3438 - 3439 - .min-h-full { 3440 - min-height: 100%; 3441 - } 3442 - 3443 - .min-h-screen { 3444 - min-height: 100vh; 3445 - } 3446 - 3447 - .w-10 { 3448 - width: 2.5rem; 3449 - } 3450 - 3451 - .w-12 { 3452 - width: 3rem; 3453 - } 3454 - 3455 - .w-4 { 3456 - width: 1rem; 3457 - } 3458 - 3459 - .w-48 { 3460 - width: 12rem; 3461 - } 3462 - 3463 - .w-5 { 3464 - width: 1.25rem; 3465 - } 3466 - 3467 - .w-6 { 3468 - width: 1.5rem; 3469 - } 3470 - 3471 - .w-72 { 3472 - width: 18rem; 3473 - } 3474 - 3475 - .w-full { 3476 - width: 100%; 3477 - } 3478 - 3479 - .max-w-3xl { 3480 - max-width: 48rem; 3481 - } 3482 - 3483 - .max-w-4xl { 3484 - max-width: 56rem; 3485 - } 3486 - 3487 - .max-w-lg { 3488 - max-width: 32rem; 3489 - } 3490 - 3491 - .max-w-xl { 3492 - max-width: 36rem; 3493 - } 3494 - 3495 - .max-w-xs { 3496 - max-width: 20rem; 3497 - } 3498 - 3499 - .flex-none { 3500 - flex: none; 3501 - } 3502 - 3503 - .shrink-0 { 3504 - flex-shrink: 0; 3505 - } 3506 - 3507 - .flex-grow { 3508 - flex-grow: 1; 3509 - } 3510 - 3511 - .grow { 3512 - flex-grow: 1; 3513 - } 3514 - 3515 - .transform { 3516 - 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)); 3517 - } 3518 - 3519 - .cursor-pointer { 3520 - cursor: pointer; 3521 - } 3522 - 3523 - .flex-row { 3524 - flex-direction: row; 3525 - } 3526 - 3527 - .flex-col { 3528 - flex-direction: column; 3529 - } 3530 - 3531 - .flex-wrap { 3532 - flex-wrap: wrap; 3533 - } 3534 - 3535 - .items-center { 3536 - align-items: center; 3537 - } 3538 - 3539 - .justify-start { 3540 - justify-content: flex-start; 3541 - } 3542 - 3543 - .justify-end { 3544 - justify-content: flex-end; 3545 - } 3546 - 3547 - .justify-center { 3548 - justify-content: center; 3549 - } 3550 - 3551 - .gap-2 { 3552 - gap: 0.5rem; 3553 - } 3554 - 3555 - .self-end { 3556 - align-self: flex-end; 3557 - } 3558 - 3559 - .self-center { 3560 - align-self: center; 3561 - } 3562 - 3563 - .whitespace-pre-line { 3564 - white-space: pre-line; 3565 - } 3566 - 3567 - .rounded { 3568 - border-radius: 0.25rem; 3569 - } 3570 - 3571 - .rounded-box { 3572 - border-radius: var(--rounded-box, 1rem); 3573 - } 3574 - 3575 - .rounded-full { 3576 - border-radius: 9999px; 3577 - } 3578 - 3579 - .border { 3580 - border-width: 1px; 3581 - } 3582 - 3583 - .border-l-2 { 3584 - border-left-width: 2px; 3585 - } 3586 - 3587 - .border-l-8 { 3588 - border-left-width: 8px; 3589 - } 3590 - 3591 - .border-\[\#4285F4\] { 3592 - --tw-border-opacity: 1; 3593 - border-color: rgb(66 133 244 / var(--tw-border-opacity)); 3594 - } 3595 - 3596 - .border-base-300 { 3597 - --tw-border-opacity: 1; 3598 - border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); 3599 - } 3600 - 3601 - .border-error { 3602 - --tw-border-opacity: 1; 3603 - border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); 3604 - } 3605 - 3606 - .border-success { 3607 - --tw-border-opacity: 1; 3608 - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); 3609 - } 3610 - 3611 - .bg-\[\#4285F4\] { 3612 - --tw-bg-opacity: 1; 3613 - background-color: rgb(66 133 244 / var(--tw-bg-opacity)); 3614 - } 3615 - 3616 - .bg-base-200 { 3617 - --tw-bg-opacity: 1; 3618 - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); 3619 - } 3620 - 3621 - .bg-base-300 { 3622 - --tw-bg-opacity: 1; 3623 - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); 3624 - } 3625 - 3626 - .bg-neutral { 3627 - --tw-bg-opacity: 1; 3628 - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); 3629 - } 3630 - 3631 - .stroke-current { 3632 - stroke: currentColor; 3633 - } 3634 - 3635 - .p-1 { 3636 - padding: 0.25rem; 3637 - } 3638 - 3639 - .p-10 { 3640 - padding: 2.5rem; 3641 - } 3642 - 3643 - .p-2 { 3644 - padding: 0.5rem; 3645 - } 3646 - 3647 - .p-4 { 3648 - padding: 1rem; 3649 - } 3650 - 3651 - .p-8 { 3652 - padding: 2rem; 3653 - } 3654 - 3655 - .px-2 { 3656 - padding-left: 0.5rem; 3657 - padding-right: 0.5rem; 3658 - } 3659 - 3660 - .px-3 { 3661 - padding-left: 0.75rem; 3662 - padding-right: 0.75rem; 3663 - } 3664 - 3665 - .py-1 { 3666 - padding-top: 0.25rem; 3667 - padding-bottom: 0.25rem; 3668 - } 3669 - 3670 - .py-2 { 3671 - padding-top: 0.5rem; 3672 - padding-bottom: 0.5rem; 3673 - } 3674 - 3675 - .text-center { 3676 - text-align: center; 3677 - } 3678 - 3679 - .font-mono { 3680 - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 3681 - } 3682 - 3683 - .text-2xl { 3684 - font-size: 1.5rem; 3685 - line-height: 2rem; 3686 - } 3687 - 3688 - .text-3xl { 3689 - font-size: 1.875rem; 3690 - line-height: 2.25rem; 3691 - } 3692 - 3693 - .text-4xl { 3694 - font-size: 2.25rem; 3695 - line-height: 2.5rem; 3696 - } 3697 - 3698 - .text-base { 3699 - font-size: 1rem; 3700 - line-height: 1.5rem; 3701 - } 3702 - 3703 - .text-sm { 3704 - font-size: 0.875rem; 3705 - line-height: 1.25rem; 3706 - } 3707 - 3708 - .text-xl { 3709 - font-size: 1.25rem; 3710 - line-height: 1.75rem; 3711 - } 3712 - 3713 - .text-xs { 3714 - font-size: 0.75rem; 3715 - line-height: 1rem; 3716 - } 3717 - 3718 - .font-bold { 3719 - font-weight: 700; 3720 - } 3721 - 3722 - .font-semibold { 3723 - font-weight: 600; 3724 - } 3725 - 3726 - .italic { 3727 - font-style: italic; 3728 - } 3729 - 3730 - .text-accent { 3731 - --tw-text-opacity: 1; 3732 - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); 3733 - } 3734 - 3735 - .text-base-content { 3736 - --tw-text-opacity: 1; 3737 - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 3738 - } 3739 - 3740 - .text-base-content\/85 { 3741 - color: var(--fallback-bc,oklch(var(--bc)/0.85)); 3742 - } 3743 - 3744 - .text-neutral-content { 3745 - --tw-text-opacity: 1; 3746 - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); 3747 - } 3748 - 3749 - .text-white { 3750 - --tw-text-opacity: 1; 3751 - color: rgb(255 255 255 / var(--tw-text-opacity)); 3752 - } 3753 - 3754 - .underline { 3755 - text-decoration-line: underline; 3756 - } 3757 - 3758 - .opacity-50 { 3759 - opacity: 0.5; 3760 - } 3761 - 3762 - .opacity-60 { 3763 - opacity: 0.6; 3764 - } 3765 - 3766 - .opacity-70 { 3767 - opacity: 0.7; 3768 - } 3769 - 3770 - @media (min-width: 1024px) { 3771 - .lg\:drawer-open > .drawer-toggle { 3772 - display: none; 3773 - } 3774 - 3775 - .lg\:drawer-open > .drawer-toggle ~ .drawer-side { 3776 - pointer-events: auto; 3777 - visibility: visible; 3778 - position: sticky; 3779 - display: block; 3780 - width: auto; 3781 - overscroll-behavior: auto; 3782 - } 3783 - 3784 - .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 3785 - transform: translateX(0%); 3786 - } 3787 - 3788 - [dir="rtl"] .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) { 3789 - transform: translateX(0%); 3790 - } 3791 - 3792 - .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side { 3793 - pointer-events: auto; 3794 - visibility: visible; 3795 - } 3796 - 3797 - .lg\:drawer-open > .drawer-side { 3798 - overflow-y: auto; 3799 - } 3800 - 3801 - html:has(.lg\:drawer-open.lg\:drawer-open) { 3802 - overflow-y: auto; 3803 - scrollbar-gutter: auto; 3804 - } 3805 - 3806 - .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { 3807 - cursor: default; 3808 - background-color: transparent; 3809 - } 3810 - } 3811 - 3812 - .hover\:bg-\[\#4285F4\]\/90:hover { 3813 - background-color: rgb(66 133 244 / 0.9); 3814 - } 3815 - 3816 - @media (min-width: 640px) { 3817 - .sm\:block { 3818 - display: block; 3819 - } 3820 - } 3821 - 3822 - @media (min-width: 1024px) { 3823 - .lg\:order-none { 3824 - order: 0; 3825 - } 3826 - 3827 - .lg\:block { 3828 - display: block; 3829 - } 3830 - 3831 - .lg\:hidden { 3832 - display: none; 3833 - } 3834 - 3835 - .lg\:max-w-sm { 3836 - max-width: 24rem; 3837 - } 3838 - 3839 - .lg\:flex-row { 3840 - flex-direction: row; 3841 - } 3842 - } 1 + /*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color:oklch(0 0 0)){:root{color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#fff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}}}html{-webkit-tap-highlight-color:transparent}:root{color-scheme:light;--pc:0.118872 0.015449 254.027774;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0.138414 0.012499 332.664922;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.594359 0.077246 254.027774;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.45229 0.035214 264.1312;--nc:0.899258 0.016374 262.749256;--b1:0.951276 0.007445 260.731539;--b2:0.932996 0.010389 261.788485;--b3:0.899258 0.016374 262.749256;--bc:0.324374 0.022945 264.182036;--in:0.692072 0.062496 332.664922;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--in:0.7206 0.191 231.6;--pc:0.13138 0.0392 275.75;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0 0 0;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.6569 0.196 275.75;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem}}[data-theme=light]{color-scheme:light;--pc:0.118872 0.015449 254.027774;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0.138414 0.012499 332.664922;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.594359 0.077246 254.027774;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.45229 0.035214 264.1312;--nc:0.899258 0.016374 262.749256;--b1:0.951276 0.007445 260.731539;--b2:0.932996 0.010389 261.788485;--b3:0.899258 0.016374 262.749256;--bc:0.324374 0.022945 264.182036;--in:0.692072 0.062496 332.664922;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem}[data-theme=dark]{color-scheme:dark;--in:0.7206 0.191 231.6;--pc:0.13138 0.0392 275.75;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0 0 0;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.6569 0.196 275.75;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.alert{display:grid;width:100%;grid-auto-flow:row;align-content:flex-start;align-items:center;justify-items:center;gap:1rem;text-align:center;border-radius:var(--rounded-box,1rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));padding:1rem;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-b2,oklch(var(--b2)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));background-color:var(--alert-bg)}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:start}}.avatar{position:relative;display:inline-flex}.avatar>div{display:block;aspect-ratio:1/1;overflow:hidden}.avatar img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;height:1.25rem;font-size:.875rem;line-height:1.25rem;width:-moz-fit-content;width:fit-content;padding-left:.563rem;padding-right:.563rem;border-radius:var(--rounded-badge,1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}@media (hover:hover){.checkbox-secondary:hover{--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}.label a:hover{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}}.btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn,.5rem);border-color:#0000;border-color:oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn,1px);animation:button-pop var(--animation-btn,.25s) ease-out;transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1}.btn-disabled,.btn:disabled,.btn[disabled]{pointer-events:none}.btn-square{height:3rem;width:3rem;padding:0}:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box,1rem)}.card:focus{outline:2px solid #0000;outline-offset:2px}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:.75}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.chat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:.75rem;column-gap:.75rem;padding-top:.25rem;padding-bottom:.25rem}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1}.chat-footer,.chat-header{font-size:.875rem;line-height:1.25rem}.chat-footer{grid-row-start:3}.chat-bubble{position:relative;display:block;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;max-width:90%;border-radius:var(--rounded-box,1rem);min-height:2.75rem;min-width:2.75rem;--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.chat-bubble:before{position:absolute;bottom:0;height:.75rem;width:.75rem;background-color:inherit;content:"";-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.chat-start{place-items:start;grid-template-columns:auto 1fr}.chat-start .chat-footer,.chat-start .chat-header{grid-column-start:2}.chat-start .chat-image{grid-column-start:1}.chat-start .chat-bubble{grid-column-start:2;border-end-start-radius:0}.chat-start .chat-bubble:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E");inset-inline-start:-.749rem}[dir=rtl] .chat-start .chat-bubble:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E")}.chat-end{place-items:end;grid-template-columns:1fr auto}.chat-end .chat-footer,.chat-end .chat-header{grid-column-start:1}.chat-end .chat-image{grid-column-start:2}.chat-end .chat-bubble{grid-column-start:1;border-end-end-radius:0}.chat-end .chat-bubble:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E");inset-inline-start:99.9%}[dir=rtl] .chat-end .chat-bubble:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E")}.checkbox{flex-shrink:0;--chkbg:var(--fallback-bc,oklch(var(--bc)/1));--chkfg:var(--fallback-b1,oklch(var(--b1)/1));height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-btn,.5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.2}.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}.divider:after,.divider:before{height:.125rem;width:100%;flex-grow:1;--tw-content:"";content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/.1))}.drawer{position:relative;display:grid;grid-auto-columns:max-content auto;width:100%}.drawer-content{grid-column-start:2;grid-row-start:1;min-width:0}.drawer-side{pointer-events:none;position:fixed;inset-inline-start:0;top:0;grid-column-start:1;grid-row-start:1;display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));align-items:flex-start;justify-items:start;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;height:100vh;height:100dvh}.drawer-side>.drawer-overlay{position:sticky;top:0;place-self:stretch;cursor:pointer;background-color:initial;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.drawer-side>*{grid-column-start:1;grid-row-start:1}.drawer-side>:not(.drawer-overlay){transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s;will-change:transform;transform:translateX(-100%)}[dir=rtl] .drawer-side>:not(.drawer-overlay){transform:translateX(100%)}.drawer-toggle{position:fixed;height:0;width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.drawer-toggle:checked~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto}.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay){transform:translateX(0)}.drawer-end .drawer-toggle~.drawer-content{grid-column-start:1}.drawer-end .drawer-toggle~.drawer-side{grid-column-start:2;justify-items:end}.drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay){transform:translateX(100%)}[dir=rtl] .drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay){transform:translateX(-100%)}.drawer-end .drawer-toggle:checked~.drawer-side>:not(.drawer-overlay){transform:translateX(0)}@media (hover:hover){.btn:hover{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity,1)) 90%,#000)}}@supports not (color:oklch(0 0 0)){.btn:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost:hover{border-color:#0000}@supports (color:oklch(0 0 0)){.btn-ghost:hover{background-color:var(--fallback-bc,oklch(var(--bc)/.2))}}.btn-outline.btn-accent:hover{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-accent:hover{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000)}}.btn-outline.btn-success:hover{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-success:hover{background-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000)}}.btn-outline.btn-warning:hover{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-warning:hover{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000)}}.btn-outline.btn-error:hover{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-error:hover{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000)}}.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}@supports (color:color-mix(in oklab,black,black)){.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{cursor:pointer;outline:2px solid #0000;outline-offset:2px}@supports (color:oklch(0 0 0)){:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{background-color:var(--fallback-bc,oklch(var(--bc)/.1))}}}.file-input{height:3rem;flex-shrink:1;padding-inline-end:1rem;font-size:1rem;line-height:2;line-height:1.5rem;overflow:hidden;border-radius:var(--rounded-btn,.5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.file-input::file-selector-button{margin-inline-end:1rem;display:inline-flex;height:100%;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;line-height:1em;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;border-style:solid;--tw-border-opacity:1;border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));font-weight:600;text-transform:uppercase;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));text-decoration-line:none;border-width:var(--border-btn,1px);animation:button-pop var(--animation-btn,.25s) ease-out}.footer{width:100%;grid-auto-flow:row;-moz-column-gap:1rem;column-gap:1rem;row-gap:2.5rem;font-size:.875rem;line-height:1.25rem}.footer,.footer>*{display:grid;place-items:start}.footer>*{gap:.5rem}@media (min-width:48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.form-control{flex-direction:column}.form-control,.label{display:flex}.label{-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.input{flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-radius:var(--rounded-btn,.5rem);border-width:1px;border-color:#0000;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.input-md[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-inner-spin-button{margin-top:-1rem;margin-bottom:-1rem;margin-inline-end:-1rem}.join{display:inline-flex;align-items:stretch;border-radius:var(--rounded-btn,.5rem)}.join :where(.join-item){border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0}.join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item{border-start-end-radius:inherit;border-end-end-radius:inherit}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-end-start-radius:inherit;border-start-start-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-start-end-radius:inherit;border-end-end-radius:inherit}@supports not selector(:has(*)){:where(.join *){border-radius:inherit}}@supports selector(:has(*)){:where(.join :has(.join-item)){border-radius:inherit}}.link{cursor:pointer;text-decoration-line:underline}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc)/.3))}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}:where(.menu li) .badge{justify-self:end}.navbar{display:flex;align-items:center;padding:var(--navbar-padding,.5rem);min-height:4rem;width:100%}:where(.navbar>:not(script,style)){display:inline-flex;align-items:center}.navbar-start{width:50%;justify-content:flex-start}.navbar-center{flex-shrink:0}.navbar-end{width:50%;justify-content:flex-end}.select{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;min-height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn,.5rem);border-width:1px;border-color:#0000;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.select[multiple]{height:auto}.steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;counter-reset:step;grid-auto-columns:1fr}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem}.swap{position:relative;display:inline-grid;-webkit-user-select:none;-moz-user-select:none;user-select:none;place-content:center;cursor:pointer}.swap>*{grid-column-start:1;grid-row-start:1;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transition-property:transform,opacity}.swap input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.swap .swap-indeterminate,.swap .swap-on,.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap input:indeterminate~.swap-on,.swap-active .swap-off{opacity:0}.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on{opacity:1}.table{position:relative;width:100%;border-radius:var(--rounded-box,1rem);text-align:left;font-size:.875rem;line-height:1.25rem}.table :where(.table-pin-rows thead tr){position:sticky;top:0;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.table :where(.table-pin-rows tfoot tr){position:sticky;bottom:0;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.table :where(.table-pin-cols tr th){position:sticky;left:0;right:0;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.textarea{min-height:3rem;flex-shrink:1;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn,.5rem);border-width:1px;border-color:#0000;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.toggle{flex-shrink:0;--tglbg:var(--fallback-b1,oklch(var(--b1)/1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;height:1.5rem;width:3rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-badge,1.9rem);border-width:1px;border-color:currentColor;background-color:currentColor;color:var(--fallback-bc,oklch(var(--bc)/.5));transition:background,box-shadow var(--animation-input,.2s) ease-out;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder)}.alert-success{border-color:var(--fallback-su,oklch(var(--su)/.2));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-su,oklch(var(--su)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))}.alert-warning{border-color:var(--fallback-wa,oklch(var(--wa)/.2));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));--alert-bg:var(--fallback-wa,oklch(var(--wa)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))}.alert-error{border-color:var(--fallback-er,oklch(var(--er)/.2));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-er,oklch(var(--er)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))}.avatar-group :where(.avatar){overflow:hidden;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))}.badge-neutral{border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.badge-accent,.badge-neutral{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.badge-accent{border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}.badge-success{background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.badge-success,.badge-warning{border-color:#0000;--tw-bg-opacity:1;--tw-text-opacity:1}.badge-warning{background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.badge-error{border-color:#0000;--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.badge-outline.badge-neutral{--tw-text-opacity:1;color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))}.badge-outline.badge-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}.badge-outline.badge-success{--tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}.badge-outline.badge-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}.badge-outline.badge-error{--tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:focus,.btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}@supports not (color:oklch(0 0 0)){.btn{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}.btn-accent{--btn-color:var(--fallback-a)}.btn-neutral{--btn-color:var(--fallback-n)}.btn-success{--btn-color:var(--fallback-su)}.btn-warning{--btn-color:var(--fallback-wa)}.btn-error{--btn-color:var(--fallback-er)}}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-accent.btn-active{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000)}.btn-outline.btn-success.btn-active{background-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000)}.btn-outline.btn-warning.btn-active{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000)}.btn-outline.btn-error.btn-active{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000)}}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}@supports (color:oklch(0 0 0)){.btn-accent{--btn-color:var(--a)}.btn-neutral{--btn-color:var(--n)}.btn-success{--btn-color:var(--su)}.btn-warning{--btn-color:var(--wa)}.btn-error{--btn-color:var(--er)}}.btn-accent{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));outline-color:var(--fallback-a,oklch(var(--a)/1))}.btn-neutral{--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));outline-color:var(--fallback-n,oklch(var(--n)/1))}.btn-success{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));outline-color:var(--fallback-su,oklch(var(--su)/1))}.btn-warning{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))}.btn-error{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost{border-width:1px;border-color:#0000;background-color:initial;color:currentColor;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn-ghost.btn-active{border-color:#0000;background-color:var(--fallback-bc,oklch(var(--bc)/.2))}.btn-outline.btn-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}.btn-outline.btn-accent.btn-active{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}.btn-outline.btn-success{--tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}.btn-outline.btn-success.btn-active{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.btn-outline.btn-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}.btn-outline.btn-warning.btn-active{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.btn-outline.btn-error{--tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}.btn-outline.btn-error.btn-active{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.btn.btn-disabled,.btn:disabled,.btn[disabled]{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card.image-full :where(figure){overflow:hidden;border-radius:inherit}.checkbox:focus{box-shadow:none}.checkbox:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{background-repeat:no-repeat;animation:checkmark var(--animation-input,.2s) ease-out;background-color:var(--chkbg);background-image:linear-gradient(-45deg,#0000 65%,var(--chkbg) 65.99%),linear-gradient(45deg,#0000 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,#0000 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,#0000 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%)}.checkbox:indeterminate{--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-repeat:no-repeat;animation:checkmark var(--animation-input,.2s) ease-out;background-image:linear-gradient(90deg,#0000 80%,var(--chkbg) 80%),linear-gradient(-90deg,#0000 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%)}.checkbox-secondary{--chkbg:var(--fallback-s,oklch(var(--s)/1));--chkfg:var(--fallback-sc,oklch(var(--sc)/1));--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}.checkbox-secondary:focus-visible{outline-color:var(--fallback-s,oklch(var(--s)/1))}.checkbox-secondary:checked,.checkbox-secondary[aria-checked=true],.checkbox-secondary[checked=true]{--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.checkbox:disabled{cursor:not-allowed;border-color:#0000;--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.divider:not(:empty){gap:1rem}.drawer-toggle:checked~.drawer-side>.drawer-overlay{background-color:#0006}.drawer-toggle:focus-visible~.drawer-content label.drawer-button{outline-style:solid;outline-width:2px;outline-offset:2px}.file-input-bordered{--tw-border-opacity:0.2}.file-input:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.file-input-disabled,.file-input[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));--tw-text-opacity:0.2}.file-input-disabled::-moz-placeholder,.file-input[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.file-input-disabled::placeholder,.file-input[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.file-input-disabled::file-selector-button,.file-input[disabled]::file-selector-button{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}.label-text{font-size:.875rem;line-height:1.25rem}.label-text,.label-text-alt{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.label-text-alt{font-size:.75rem;line-height:1rem}.input input{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));background-color:initial}.input input:focus{outline:2px solid #0000;outline-offset:2px}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input-bordered,.input:focus,.input:focus-within{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input:focus,.input:focus-within{box-shadow:none;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input-disabled,.input:disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.input::-webkit-date-and-time-value{text-align:inherit}.join>:where(:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join-item:focus{isolation:isolate}@supports (color:color-mix(in oklab,black,black)){@media (hover:hover){.link-accent:hover{color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,#000)}}}.link-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}.link:focus{outline:2px solid #0000;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}:where(.menu li:empty){--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;margin:.5rem 1rem;height:1px}.menu :where(li ul):before{position:absolute;bottom:.75rem;inset-inline-start:0;top:.75rem;width:1px;--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;content:""}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--rounded-btn,.5rem);padding:.5rem 1rem;text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;text-wrap:balance}:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus{cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid #0000;outline-offset:2px}.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{justify-self:end;display:block;margin-top:-.5rem;height:.5rem;width:.5rem;transform:rotate(45deg);transition-property:transform,margin-top;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{transform:rotate(225deg);margin-top:0}.mockup-browser .mockup-browser-toolbar .input{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:2rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{left:.5rem;aspect-ratio:1/1;height:.75rem;--tw-translate-y:-50%;border-radius:9999px;border-width:2px;border-color:currentColor}.mockup-browser .mockup-browser-toolbar .input:after,.mockup-browser .mockup-browser-toolbar .input:before{content:"";position:absolute;top:50%;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));opacity:.6}.mockup-browser .mockup-browser-toolbar .input:after{left:1.25rem;height:.5rem;--tw-translate-y:25%;--tw-rotate:-45deg;border-radius:9999px;border-width:1px;border-color:currentColor}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered,.select:focus{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.select:focus{box-shadow:none;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.select-disabled,.select:disabled,.select[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.steps .step:before{top:0;height:.5rem;width:100%;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));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));content:"";margin-inline-start:-100%}.steps .step:after,.steps .step:before{grid-column-start:1;grid-row-start:1;--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity:1}.steps .step:after{content:counter(step);counter-increment:step;z-index:1;position:relative;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:9999px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.steps .step:first-child:before{content:none}.steps .step[data-content]:after{content:attr(data-content)}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)))}.steps .step-info:after{--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))}.steps .step-success:after{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)))}.steps .step-warning:after{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}.steps .step-error:after{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.swap-rotate .swap-indeterminate,.swap-rotate .swap-on,.swap-rotate input:indeterminate~.swap-on{--tw-rotate:45deg;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))}.swap-active:where(.swap-rotate) .swap-off,.swap-rotate input:checked~.swap-off,.swap-rotate input:indeterminate~.swap-off{--tw-rotate:-45deg;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))}.swap-active:where(.swap-rotate) .swap-on,.swap-rotate input:checked~.swap-on,.swap-rotate input:indeterminate~.swap-indeterminate{--tw-rotate:0deg;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))}.swap-flip .swap-indeterminate,.swap-flip .swap-on,.swap-flip input:indeterminate~.swap-on{transform:rotateY(180deg);backface-visibility:hidden;opacity:1}.swap-active:where(.swap-flip) .swap-off,.swap-flip input:checked~.swap-off,.swap-flip input:indeterminate~.swap-off{transform:rotateY(-180deg);backface-visibility:hidden;opacity:1}.swap-active:where(.swap-flip) .swap-on,.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate{transform:rotateY(0deg)}:is([dir=rtl] .table){text-align:right}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.table :where(thead,tfoot){white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:700;color:var(--fallback-bc,oklch(var(--bc)/.6))}.textarea-bordered,.textarea:focus{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.textarea:focus{box-shadow:none;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.textarea-disabled,.textarea:disabled,.textarea[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));--tw-text-opacity:0.2}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.toggle:hover{background-color:currentColor}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{background-image:none;--handleoffsetcalculator:var(--handleoffset);--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.toggle:indeterminate,[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle-secondary:focus-visible{outline-color:var(--fallback-s,oklch(var(--s)/1))}.toggle-secondary:checked,.toggle-secondary[aria-checked=true],.toggle-secondary[checked=true]{border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.toggle:disabled{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));background-color:initial;opacity:.3;--togglehandleborder:0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset}.badge-sm{height:1rem;font-size:.75rem;line-height:1rem;padding-left:.438rem;padding-right:.438rem}.badge-lg{height:1.5rem;font-size:1rem;line-height:1.5rem;padding-left:.688rem;padding-right:.688rem}.btn-xs{height:1.5rem;min-height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}.btn-sm{height:2rem;min-height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}.btn-lg{height:4rem;min-height:4rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}.btn-square:where(.btn-xs){height:1.5rem;width:1.5rem;padding:0}.btn-square:where(.btn-sm){height:2rem;width:2rem;padding:0}.btn-square:where(.btn-md){height:3rem;width:3rem;padding:0}.btn-square:where(.btn-lg){height:4rem;width:4rem;padding:0}.btn-circle:where(.btn-xs){height:1.5rem;width:1.5rem;border-radius:9999px;padding:0}.btn-circle:where(.btn-sm){height:2rem;width:2rem;border-radius:9999px;padding:0}.btn-circle:where(.btn-lg){height:4rem;width:4rem;border-radius:9999px;padding:0}.drawer-open>.drawer-toggle{display:none}.drawer-open>.drawer-toggle~.drawer-side{pointer-events:auto;visibility:visible;position:sticky;display:block;width:auto;overscroll-behavior:auto}.drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),[dir=rtl] .drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay){transform:translateX(0)}.drawer-open>.drawer-toggle:checked~.drawer-side{pointer-events:auto;visibility:visible}.drawer-open>.drawer-side{overflow-y:auto}html:has(.drawer-toggle:checked){overflow-y:hidden;scrollbar-gutter:stable}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit}.select-sm{height:2rem;min-height:2rem;padding-left:.75rem;padding-right:2rem;font-size:.875rem;line-height:2rem}[dir=rtl] .select-sm{padding-left:2rem;padding-right:.75rem}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.avatar.online:before{background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))}.avatar.offline:before,.avatar.online:before{content:"";position:absolute;z-index:10;display:block;border-radius:9999px;--tw-bg-opacity:1;outline-style:solid;outline-width:2px;outline-color:var(--fallback-b1,oklch(var(--b1)/1));width:15%;height:15%;top:7%;right:7%}.avatar.offline:before{background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay{cursor:default;background-color:initial}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.steps-horizontal .step{grid-template-rows:40px 1fr;grid-template-columns:auto;min-width:4rem}.steps-horizontal .step:before{height:.5rem;width:100%;--tw-translate-x:0px;--tw-translate-y:0px;content:"";margin-inline-start:-100%}.steps-horizontal .step:before,:is([dir=rtl] .steps-horizontal .step):before{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))}:is([dir=rtl] .steps-horizontal .step):before{--tw-translate-x:0px}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;min-height:4rem;justify-items:start}.steps-vertical .step:before{height:100%;width:.5rem;--tw-translate-x:-50%;--tw-translate-y:-50%;margin-inline-start:50%}.steps-vertical .step:before,:is([dir=rtl] .steps-vertical .step):before{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))}:is([dir=rtl] .steps-vertical .step):before{--tw-translate-x:50%}.static{position:static}.fixed{position:fixed}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.order-first{order:-9999}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-12{height:3rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.self-end{align-self:flex-end}.self-center{align-self:center}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-box{border-radius:var(--rounded-box,1rem)}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-l-2{border-left-width:2px}.border-l-8{border-left-width:8px}.border-\[\#4285F4\]{--tw-border-opacity:1;border-color:rgb(66 133 244/var(--tw-border-opacity))}.border-base-300{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)))}.border-error{--tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}.border-success{--tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}.bg-\[\#4285F4\]{--tw-bg-opacity:1;background-color:rgb(66 133 244/var(--tw-bg-opacity))}.bg-base-200{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.bg-base-300{--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.bg-neutral{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.text-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}.text-base-content{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.text-base-content\/85{color:var(--fallback-bc,oklch(var(--bc)/.85))}.text-neutral-content{--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}@media (min-width:1024px){.lg\:drawer-open>.drawer-toggle{display:none}.lg\:drawer-open>.drawer-toggle~.drawer-side{pointer-events:auto;visibility:visible;position:sticky;display:block;width:auto;overscroll-behavior:auto}.lg\:drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),[dir=rtl] .lg\:drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay){transform:translateX(0)}.lg\:drawer-open>.drawer-toggle:checked~.drawer-side{pointer-events:auto;visibility:visible}.lg\:drawer-open>.drawer-side{overflow-y:auto}html:has(.lg\:drawer-open.lg\:drawer-open){overflow-y:auto;scrollbar-gutter:auto}.lg\:drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay{cursor:default;background-color:initial}}.hover\:bg-\[\#4285F4\]\/90:hover{background-color:#4285f4e6}@media (min-width:640px){.sm\:block{display:block}}@media (min-width:1024px){.lg\:order-none{order:0}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:max-w-sm{max-width:24rem}.lg\:flex-row{flex-direction:row}}
+10 -2
paw/templates/base.html
··· 33 33 {% block content %} 34 34 {% endblock %} 35 35 </div> 36 - <div class="footer w-full flex justify-end p-2"> 37 - <p class="text-sm text-base-content">v{{ app_version }}</p> 36 + <div class="w-full flex flex-row p-4 items-center"> 37 + <a href="https://github.com/aottr/paw" target="_blank" class="btn btn-xs"><svg xmlns="http://www.w3.org/2000/svg" class="stroke-current w-5 h-5" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> 38 + <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 39 + <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /> 40 + </svg> paw on github 41 + </a> 42 + <div class="flex-grow"></div> 43 + <div class="text-sm text-base-content"> 44 + paw v{{ app_version }} by <a class="link link-accent" target="_blank" href="https://alex.otter.foo">AlexOttr</a> 45 + </div> 38 46 </div> 39 47 </div> 40 48 </body>
+1 -1
paw/templates/core/login.html
··· 2 2 {% extends 'base.html' %} 3 3 {% block content %} 4 4 {% load i18n %} 5 - <div class="self-center w-full max-w-xl mx-auto"> 5 + <div class="self-center w-full max-w-xl mx-auto p-4"> 6 6 <div class="flex items-center"> 7 7 <h1 class="text-3xl font-bold p-2">{% trans 'Log In' %}</h1> 8 8 <div class="flex-grow"></div>
+12 -14
ticketing/models.py
··· 115 115 return True 116 116 assigned_and_write_access = self.assigned_team in user.team_set.filter(readonly_access=False) or self.assigned_to == user 117 117 unassigned_and_write_access = self.assigned_team is None and user.team_set.filter(access_non_category_tickets=True, readonly_access=False).exists() 118 - print(assigned_and_write_access, unassigned_and_write_access) 119 118 return self.can_open(user) and (assigned_and_write_access or unassigned_and_write_access) 120 119 121 120 ··· 149 148 return None 150 149 151 150 if not instance.category or not instance.category.team: 152 - mail_template = MailTemplate.get_template('ticket_assigned') 153 - if not mail_template: 154 - return None 155 - #TODO send mail to all supporters 156 - return None 157 - 158 - # assign team to ticket 159 - instance.assigned_team = instance.category.team 160 - instance.save() 151 + team_addresses = list(Team.objects.filter(access_non_category_tickets=True).values_list('members__email', flat=True)) 152 + 153 + else: 154 + # assign team to ticket 155 + instance.assigned_team = instance.category.team 156 + instance.save() 157 + team_addresses = list(instance.category.team.members.values_list('email', flat=True)) 161 158 162 159 mail_template = MailTemplate.get_template('ticket_assigned') 163 160 if not mail_template: 164 161 return None 165 - mail_template.send_mail(instance.category.team.members.values_list('email', flat=True), { 162 + 163 + mail_template.send_mail(team_addresses, { 166 164 'ticket_id': instance.id, 'ticket_title': instance.title, 'ticket_description': instance.description, 167 165 'ticket_priority': instance.get_priority(), 'ticket_category': instance.category.name if instance.category else _('General'), 168 166 'ticket_creator_username': instance.user.username}) ··· 175 173 mail_template = MailTemplate.get_template('new_ticket', instance.user.language) 176 174 if not mail_template: 177 175 return None 178 - mail_template.send_mail(instance.user.email, { 176 + mail_template.send_mail([instance.user.email], { 179 177 'ticket_id': instance.id, 'ticket_creator_username': instance.user.username, 'ticket_title': instance.title, 180 178 'ticket_description': instance.description, 'ticket_category': instance.category.name if instance.category else _('General')}) 181 179 ··· 192 190 mail_template = MailTemplate.get_template('ticket_status_change', instance.user.language) 193 191 if not mail_template: 194 192 return None 195 - mail_template.send_mail(instance.user.email, { 193 + mail_template.send_mail([instance.user.email], { 196 194 'ticket_id': instance.id, 'ticket_creator_username': instance.user.username, 'ticket_status': instance.get_status(), 197 195 'ticket_status_old': old_instance.get_status(), 'ticket_title': instance.title 198 196 }) ··· 220 218 mail_template = MailTemplate.get_template('new_comment', instance.user.language) 221 219 if not mail_template: 222 220 return None 223 - mail_template.send_mail(instance.ticket.user.email, { 221 + mail_template.send_mail([instance.ticket.user.email], { 224 222 'ticket_id': instance.ticket.id, 'ticket_title': instance.ticket.title, 'ticket_creator_username': instance.user.username, 225 223 'comment_text': instance.text}) 226 224