moduler 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/moduler/tailwind.css +2103 -1
  3. data/app/assets/javascripts/moduler/application.js +1 -0
  4. data/app/assets/javascripts/moduler/controllers/flash_controller.js +19 -0
  5. data/app/assets/javascripts/moduler/controllers/wysiwyg_controller.js +126 -0
  6. data/app/assets/javascripts/moduler/vendor/marked.esm.js +77 -0
  7. data/app/assets/stylesheets/moduler/tailwind.css +3 -0
  8. data/app/components/moduler/administration/page_component.html.erb +7 -0
  9. data/app/components/moduler/administration/page_component.rb +6 -0
  10. data/app/components/moduler/badge_component.html.erb +8 -0
  11. data/app/components/moduler/badge_component.rb +10 -0
  12. data/app/components/moduler/button_component.html.erb +7 -0
  13. data/app/components/moduler/button_component.rb +19 -0
  14. data/app/components/moduler/button_link_component.html.erb +5 -0
  15. data/app/components/moduler/button_link_component.rb +15 -0
  16. data/app/components/moduler/filter_component.html.erb +12 -0
  17. data/app/components/moduler/filter_component.rb +15 -0
  18. data/app/components/moduler/form/base_error_component.html.erb +1 -0
  19. data/app/components/moduler/form/base_error_component.rb +9 -0
  20. data/app/components/moduler/form/email_component.html.erb +14 -0
  21. data/app/components/moduler/form/email_component.rb +11 -0
  22. data/app/components/moduler/form/password_component.html.erb +14 -0
  23. data/app/components/moduler/form/password_component.rb +11 -0
  24. data/app/components/moduler/form/section_component.html.erb +5 -0
  25. data/app/components/moduler/form/section_component.rb +14 -0
  26. data/app/components/moduler/form/select_component.html.erb +14 -0
  27. data/app/components/moduler/form/select_component.rb +12 -0
  28. data/app/components/moduler/form/submit_component.html.erb +3 -0
  29. data/app/components/moduler/form/submit_component.rb +10 -0
  30. data/app/components/moduler/form/text_component.html.erb +14 -0
  31. data/app/components/moduler/form/text_component.rb +11 -0
  32. data/app/components/moduler/form/textarea_component.html.erb +14 -0
  33. data/app/components/moduler/form/textarea_component.rb +11 -0
  34. data/app/components/moduler/form/wysiwyg_component.html.erb +30 -0
  35. data/app/components/moduler/form/wysiwyg_component.rb +62 -0
  36. data/app/components/moduler/list_component.html.erb +15 -0
  37. data/app/components/moduler/list_component.rb +18 -0
  38. data/app/components/moduler/list_item_component.html.erb +23 -0
  39. data/app/components/moduler/list_item_component.rb +14 -0
  40. data/app/components/moduler/page_header_component.html.erb +16 -0
  41. data/app/components/moduler/page_header_component.rb +12 -0
  42. data/app/components/moduler/sidebar_action_component.html.erb +5 -0
  43. data/app/components/moduler/sidebar_action_component.rb +15 -0
  44. data/app/controllers/concerns/moduler/authentication.rb +10 -2
  45. data/app/controllers/moduler/administration/application_controller.rb +7 -0
  46. data/app/controllers/moduler/administration/articles_controller.rb +57 -0
  47. data/app/controllers/moduler/administration/home_controller.rb +9 -0
  48. data/app/controllers/moduler/administration/sessions_controller.rb +34 -0
  49. data/app/controllers/moduler/administration/users_controller.rb +56 -0
  50. data/app/controllers/moduler/application_controller.rb +15 -0
  51. data/app/controllers/moduler/articles_controller.rb +15 -0
  52. data/app/controllers/moduler/profile/sessions/revocation_controller.rb +14 -0
  53. data/app/controllers/moduler/profile/sessions_controller.rb +21 -0
  54. data/app/controllers/moduler/profile_controller.rb +27 -0
  55. data/app/controllers/moduler/sessions_controller.rb +8 -1
  56. data/app/controllers/moduler/users_controller.rb +7 -0
  57. data/app/filters/application_filter.rb +41 -0
  58. data/app/filters/query_filter.rb +18 -0
  59. data/app/lib/moduler/form_builder.rb +2 -2
  60. data/app/models/moduler/article.rb +25 -0
  61. data/app/models/moduler/session.rb +12 -0
  62. data/app/models/moduler/user.rb +9 -0
  63. data/app/policies/moduler/administration/article_policy.rb +29 -0
  64. data/app/policies/moduler/administration/base_policy.rb +11 -0
  65. data/app/policies/moduler/administration/home_policy.rb +9 -0
  66. data/app/policies/moduler/administration/session_policy.rb +13 -0
  67. data/app/policies/moduler/administration/user_policy.rb +25 -0
  68. data/app/policies/moduler/application_policy.rb +38 -0
  69. data/app/views/kaminari/_gap.html.erb +1 -0
  70. data/app/views/kaminari/_next_page.html.erb +1 -0
  71. data/app/views/kaminari/_page.html.erb +3 -0
  72. data/app/views/kaminari/_paginator.html.erb +13 -0
  73. data/app/views/kaminari/_prev_page.html.erb +1 -0
  74. data/app/views/layouts/moduler/application.html.erb +5 -6
  75. data/app/views/layouts/moduler/articles.html.erb +18 -0
  76. data/app/views/moduler/administration/articles/_article.html.erb +13 -0
  77. data/app/views/moduler/administration/articles/_form.html.erb +18 -0
  78. data/app/views/moduler/administration/articles/edit.html.erb +1 -0
  79. data/app/views/moduler/administration/articles/index.html.erb +13 -0
  80. data/app/views/moduler/administration/articles/new.html.erb +1 -0
  81. data/app/views/moduler/administration/home/index.html.erb +6 -0
  82. data/app/views/moduler/administration/sessions/_session.html.erb +30 -0
  83. data/app/views/moduler/administration/sessions/index.html.erb +9 -0
  84. data/app/views/moduler/administration/users/_user.html.erb +13 -0
  85. data/app/views/moduler/administration/users/edit.html.erb +14 -0
  86. data/app/views/moduler/administration/users/index.html.erb +13 -0
  87. data/app/views/moduler/administration/users/new.html.erb +18 -0
  88. data/app/views/moduler/articles/_article.html.erb +16 -0
  89. data/app/views/moduler/articles/index.html.erb +15 -0
  90. data/app/views/moduler/articles/show.html.erb +21 -0
  91. data/app/views/moduler/common/_flash.html.erb +16 -0
  92. data/app/views/moduler/common/_header.html.erb +12 -3
  93. data/app/views/moduler/common/_sidebar.html.erb +7 -0
  94. data/app/views/moduler/common/administration/_sidebar.html.erb +12 -0
  95. data/app/views/moduler/common/profile/_sidebar.html.erb +6 -0
  96. data/app/views/moduler/home/index.html.erb +6 -0
  97. data/app/views/moduler/profile/edit.html.erb +28 -0
  98. data/app/views/moduler/profile/sessions/_session.html.erb +52 -0
  99. data/app/views/moduler/profile/sessions/index.html.erb +26 -0
  100. data/app/views/moduler/sessions/new.html.erb +4 -18
  101. data/app/views/moduler/users/new.html.erb +5 -32
  102. data/config/importmap.rb +3 -0
  103. data/config/locales/moduler/administration/articles/en.yml +37 -0
  104. data/config/locales/moduler/administration/sessions/en.yml +24 -0
  105. data/config/locales/moduler/administration/users/en.yml +43 -0
  106. data/config/locales/moduler/articles/en.yml +13 -0
  107. data/config/locales/moduler/common/en.yml +12 -0
  108. data/config/locales/moduler/components/en.yml +27 -0
  109. data/config/locales/moduler/en.yml +4 -0
  110. data/config/locales/moduler/profile/en.yml +26 -0
  111. data/config/locales/moduler/profile/sessions/en.yml +25 -0
  112. data/config/locales/moduler/sessions/en.yml +1 -0
  113. data/config/locales/moduler/users/en.yml +7 -1
  114. data/config/routes.rb +18 -1
  115. data/db/migrate/20261015171504_add_role_to_moduler_users.rb +5 -0
  116. data/db/migrate/20261020191709_enable_pg_trgm.rb +5 -0
  117. data/db/migrate/20261026203827_create_moduler_articles.rb +15 -0
  118. data/lib/moduler/engine.rb +2 -0
  119. data/lib/moduler/version.rb +1 -1
  120. data/lib/moduler.rb +7 -0
  121. data/lib/tasks/moduler_tasks.rake +2 -4
  122. metadata +202 -5
  123. data/app/assets/javascripts/moduler/controllers/hello_controller.js +0 -6
  124. data/app/controllers/moduler/hello_controller.rb +0 -5
  125. data/app/views/moduler/hello/index.html.erb +0 -5
@@ -1,2 +1,2104 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-100:oklch(97.3% .071 103.193);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-custom:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.inline{display:inline}.h-16{height:calc(var(--spacing) * 16)}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.rounded-md{border-radius:var(--radius-md)}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-custom{background-color:var(--color-custom)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-24{padding-block:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-2xl\/9{font-size:var(--text-2xl);line-height:calc(var(--spacing) * 9)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-custom{color:var(--color-custom)}.text-gray-500{color:var(--color-gray-500)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-gray-300{outline-color:var(--color-gray-300)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.hover\:bg-custom:hover{background-color:var(--color-custom)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:text-custom:hover{color:var(--color-custom)}}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:calc(2px * -1)}.focus\:outline-custom:focus{outline-color:var(--color-custom)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-custom:focus-visible{outline-color:var(--color-custom)}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:w-96{width:calc(var(--spacing) * 96)}.lg\:flex-none{flex:none}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-20{padding-inline:calc(var(--spacing) * 20)}}@media (min-width:80rem){.xl\:px-24{padding-inline:calc(var(--spacing) * 24)}}}.prose-100{max-width:100%}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
7
+ 'Noto Color Emoji';
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
9
+ monospace;
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-100: oklch(93.6% 0.032 17.717);
12
+ --color-red-200: oklch(88.5% 0.062 18.334);
13
+ --color-red-500: oklch(63.7% 0.237 25.331);
14
+ --color-red-600: oklch(57.7% 0.245 27.325);
15
+ --color-red-700: oklch(50.5% 0.213 27.518);
16
+ --color-amber-50: oklch(98.7% 0.022 95.277);
17
+ --color-amber-200: oklch(92.4% 0.12 95.746);
18
+ --color-amber-700: oklch(55.5% 0.163 48.998);
19
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
20
+ --color-green-100: oklch(96.2% 0.044 156.743);
21
+ --color-green-600: oklch(62.7% 0.194 149.214);
22
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
23
+ --color-emerald-200: oklch(90.5% 0.093 164.15);
24
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
25
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
26
+ --color-slate-50: oklch(98.4% 0.003 247.858);
27
+ --color-slate-100: oklch(96.8% 0.007 247.896);
28
+ --color-slate-200: oklch(92.9% 0.013 255.508);
29
+ --color-slate-300: oklch(86.9% 0.022 252.894);
30
+ --color-slate-400: oklch(70.4% 0.04 256.788);
31
+ --color-slate-500: oklch(55.4% 0.046 257.417);
32
+ --color-slate-600: oklch(44.6% 0.043 257.281);
33
+ --color-slate-700: oklch(37.2% 0.044 257.287);
34
+ --color-slate-900: oklch(20.8% 0.042 265.755);
35
+ --color-gray-200: oklch(92.8% 0.006 264.531);
36
+ --color-gray-300: oklch(87.2% 0.01 258.338);
37
+ --color-gray-400: oklch(70.7% 0.022 261.325);
38
+ --color-gray-500: oklch(55.1% 0.027 264.364);
39
+ --color-gray-900: oklch(21% 0.034 264.665);
40
+ --color-white: #fff;
41
+ --spacing: 0.25rem;
42
+ --container-sm: 24rem;
43
+ --container-lg: 32rem;
44
+ --container-3xl: 48rem;
45
+ --container-5xl: 64rem;
46
+ --text-xs: 0.75rem;
47
+ --text-xs--line-height: calc(1 / 0.75);
48
+ --text-sm: 0.875rem;
49
+ --text-sm--line-height: calc(1.25 / 0.875);
50
+ --text-base: 1rem;
51
+ --text-base--line-height: calc(1.5 / 1);
52
+ --text-xl: 1.25rem;
53
+ --text-xl--line-height: calc(1.75 / 1.25);
54
+ --text-2xl: 1.5rem;
55
+ --text-2xl--line-height: calc(2 / 1.5);
56
+ --font-weight-medium: 500;
57
+ --font-weight-semibold: 600;
58
+ --font-weight-bold: 700;
59
+ --tracking-tight: -0.025em;
60
+ --tracking-wide: 0.025em;
61
+ --radius-md: 0.375rem;
62
+ --radius-lg: 0.5rem;
63
+ --default-transition-duration: 150ms;
64
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
65
+ --default-font-family: var(--font-sans);
66
+ --default-mono-font-family: var(--font-mono);
67
+ --color-custom: #000;
68
+ }
69
+ }
70
+ @layer base {
71
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
72
+ box-sizing: border-box;
73
+ margin: 0;
74
+ padding: 0;
75
+ border: 0 solid;
76
+ }
77
+ html, :host {
78
+ line-height: 1.5;
79
+ -webkit-text-size-adjust: 100%;
80
+ tab-size: 4;
81
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
82
+ font-feature-settings: var(--default-font-feature-settings, normal);
83
+ font-variation-settings: var(--default-font-variation-settings, normal);
84
+ -webkit-tap-highlight-color: transparent;
85
+ }
86
+ hr {
87
+ height: 0;
88
+ color: inherit;
89
+ border-top-width: 1px;
90
+ }
91
+ abbr:where([title]) {
92
+ -webkit-text-decoration: underline dotted;
93
+ text-decoration: underline dotted;
94
+ }
95
+ h1, h2, h3, h4, h5, h6 {
96
+ font-size: inherit;
97
+ font-weight: inherit;
98
+ }
99
+ a {
100
+ color: inherit;
101
+ -webkit-text-decoration: inherit;
102
+ text-decoration: inherit;
103
+ }
104
+ b, strong {
105
+ font-weight: bolder;
106
+ }
107
+ code, kbd, samp, pre {
108
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
109
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
110
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
111
+ font-size: 1em;
112
+ }
113
+ small {
114
+ font-size: 80%;
115
+ }
116
+ sub, sup {
117
+ font-size: 75%;
118
+ line-height: 0;
119
+ position: relative;
120
+ vertical-align: baseline;
121
+ }
122
+ sub {
123
+ bottom: -0.25em;
124
+ }
125
+ sup {
126
+ top: -0.5em;
127
+ }
128
+ table {
129
+ text-indent: 0;
130
+ border-color: inherit;
131
+ border-collapse: collapse;
132
+ }
133
+ :-moz-focusring {
134
+ outline: auto;
135
+ }
136
+ progress {
137
+ vertical-align: baseline;
138
+ }
139
+ summary {
140
+ display: list-item;
141
+ }
142
+ ol, ul, menu {
143
+ list-style: none;
144
+ }
145
+ img, svg, video, canvas, audio, iframe, embed, object {
146
+ display: block;
147
+ vertical-align: middle;
148
+ }
149
+ img, video {
150
+ max-width: 100%;
151
+ height: auto;
152
+ }
153
+ button, input, select, optgroup, textarea, ::file-selector-button {
154
+ font: inherit;
155
+ font-feature-settings: inherit;
156
+ font-variation-settings: inherit;
157
+ letter-spacing: inherit;
158
+ color: inherit;
159
+ border-radius: 0;
160
+ background-color: transparent;
161
+ opacity: 1;
162
+ }
163
+ :where(select:is([multiple], [size])) optgroup {
164
+ font-weight: bolder;
165
+ }
166
+ :where(select:is([multiple], [size])) optgroup option {
167
+ padding-inline-start: 20px;
168
+ }
169
+ ::file-selector-button {
170
+ margin-inline-end: 4px;
171
+ }
172
+ ::placeholder {
173
+ opacity: 1;
174
+ }
175
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
176
+ ::placeholder {
177
+ color: currentcolor;
178
+ @supports (color: color-mix(in lab, red, red)) {
179
+ color: color-mix(in oklab, currentcolor 50%, transparent);
180
+ }
181
+ }
182
+ }
183
+ textarea {
184
+ resize: vertical;
185
+ }
186
+ ::-webkit-search-decoration {
187
+ -webkit-appearance: none;
188
+ }
189
+ ::-webkit-date-and-time-value {
190
+ min-height: 1lh;
191
+ text-align: inherit;
192
+ }
193
+ ::-webkit-datetime-edit {
194
+ display: inline-flex;
195
+ }
196
+ ::-webkit-datetime-edit-fields-wrapper {
197
+ padding: 0;
198
+ }
199
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
200
+ padding-block: 0;
201
+ }
202
+ ::-webkit-calendar-picker-indicator {
203
+ line-height: 1;
204
+ }
205
+ :-moz-ui-invalid {
206
+ box-shadow: none;
207
+ }
208
+ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
209
+ appearance: button;
210
+ }
211
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
212
+ height: auto;
213
+ }
214
+ [hidden]:where(:not([hidden='until-found'])) {
215
+ display: none !important;
216
+ }
217
+ }
218
+ @layer utilities {
219
+ .absolute {
220
+ position: absolute;
221
+ }
222
+ .fixed {
223
+ position: fixed;
224
+ }
225
+ .relative {
226
+ position: relative;
227
+ }
228
+ .static {
229
+ position: static;
230
+ }
231
+ .inset-0 {
232
+ inset: calc(var(--spacing) * 0);
233
+ }
234
+ .start {
235
+ inset-inline-start: var(--spacing);
236
+ }
237
+ .end {
238
+ inset-inline-end: var(--spacing);
239
+ }
240
+ .top-4 {
241
+ top: calc(var(--spacing) * 4);
242
+ }
243
+ .right-4 {
244
+ right: calc(var(--spacing) * 4);
245
+ }
246
+ .z-50 {
247
+ z-index: 50;
248
+ }
249
+ .float-right {
250
+ float: right;
251
+ }
252
+ .-mx-4 {
253
+ margin-inline: calc(var(--spacing) * -4);
254
+ }
255
+ .mx-auto {
256
+ margin-inline: auto;
257
+ }
258
+ .my-2 {
259
+ margin-block: calc(var(--spacing) * 2);
260
+ }
261
+ .prose {
262
+ color: var(--tw-prose-body);
263
+ max-width: 65ch;
264
+ :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
265
+ margin-top: 1.25em;
266
+ margin-bottom: 1.25em;
267
+ }
268
+ :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
269
+ color: var(--tw-prose-lead);
270
+ font-size: 1.25em;
271
+ line-height: 1.6;
272
+ margin-top: 1.2em;
273
+ margin-bottom: 1.2em;
274
+ }
275
+ :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
276
+ color: var(--tw-prose-links);
277
+ text-decoration: underline;
278
+ font-weight: 500;
279
+ }
280
+ :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
281
+ color: var(--tw-prose-bold);
282
+ font-weight: 600;
283
+ }
284
+ :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
285
+ color: inherit;
286
+ }
287
+ :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
288
+ color: inherit;
289
+ }
290
+ :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
291
+ color: inherit;
292
+ }
293
+ :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
294
+ list-style-type: decimal;
295
+ margin-top: 1.25em;
296
+ margin-bottom: 1.25em;
297
+ padding-inline-start: 1.625em;
298
+ }
299
+ :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
300
+ list-style-type: upper-alpha;
301
+ }
302
+ :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
303
+ list-style-type: lower-alpha;
304
+ }
305
+ :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
306
+ list-style-type: upper-alpha;
307
+ }
308
+ :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
309
+ list-style-type: lower-alpha;
310
+ }
311
+ :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
312
+ list-style-type: upper-roman;
313
+ }
314
+ :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
315
+ list-style-type: lower-roman;
316
+ }
317
+ :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
318
+ list-style-type: upper-roman;
319
+ }
320
+ :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
321
+ list-style-type: lower-roman;
322
+ }
323
+ :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
324
+ list-style-type: decimal;
325
+ }
326
+ :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
327
+ list-style-type: disc;
328
+ margin-top: 1.25em;
329
+ margin-bottom: 1.25em;
330
+ padding-inline-start: 1.625em;
331
+ }
332
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
333
+ font-weight: 400;
334
+ color: var(--tw-prose-counters);
335
+ }
336
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
337
+ color: var(--tw-prose-bullets);
338
+ }
339
+ :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
340
+ color: var(--tw-prose-headings);
341
+ font-weight: 600;
342
+ margin-top: 1.25em;
343
+ }
344
+ :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
345
+ border-color: var(--tw-prose-hr);
346
+ border-top-width: 1px;
347
+ margin-top: 3em;
348
+ margin-bottom: 3em;
349
+ }
350
+ :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
351
+ font-weight: 500;
352
+ font-style: italic;
353
+ color: var(--tw-prose-quotes);
354
+ border-inline-start-width: 0.25rem;
355
+ border-inline-start-color: var(--tw-prose-quote-borders);
356
+ quotes: "\201C""\201D""\2018""\2019";
357
+ margin-top: 1.6em;
358
+ margin-bottom: 1.6em;
359
+ padding-inline-start: 1em;
360
+ }
361
+ :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
362
+ content: open-quote;
363
+ }
364
+ :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
365
+ content: close-quote;
366
+ }
367
+ :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
368
+ color: var(--tw-prose-headings);
369
+ font-weight: 800;
370
+ font-size: 2.25em;
371
+ margin-top: 0;
372
+ margin-bottom: 0.8888889em;
373
+ line-height: 1.1111111;
374
+ }
375
+ :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
376
+ font-weight: 900;
377
+ color: inherit;
378
+ }
379
+ :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
380
+ color: var(--tw-prose-headings);
381
+ font-weight: 700;
382
+ font-size: 1.5em;
383
+ margin-top: 2em;
384
+ margin-bottom: 1em;
385
+ line-height: 1.3333333;
386
+ }
387
+ :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
388
+ font-weight: 800;
389
+ color: inherit;
390
+ }
391
+ :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
392
+ color: var(--tw-prose-headings);
393
+ font-weight: 600;
394
+ font-size: 1.25em;
395
+ margin-top: 1.6em;
396
+ margin-bottom: 0.6em;
397
+ line-height: 1.6;
398
+ }
399
+ :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
400
+ font-weight: 700;
401
+ color: inherit;
402
+ }
403
+ :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
404
+ color: var(--tw-prose-headings);
405
+ font-weight: 600;
406
+ margin-top: 1.5em;
407
+ margin-bottom: 0.5em;
408
+ line-height: 1.5;
409
+ }
410
+ :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
411
+ font-weight: 700;
412
+ color: inherit;
413
+ }
414
+ :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
415
+ margin-top: 2em;
416
+ margin-bottom: 2em;
417
+ }
418
+ :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
419
+ display: block;
420
+ margin-top: 2em;
421
+ margin-bottom: 2em;
422
+ }
423
+ :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
424
+ margin-top: 2em;
425
+ margin-bottom: 2em;
426
+ }
427
+ :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
428
+ font-weight: 500;
429
+ font-family: inherit;
430
+ color: var(--tw-prose-kbd);
431
+ box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
432
+ font-size: 0.875em;
433
+ border-radius: 0.3125rem;
434
+ padding-top: 0.1875em;
435
+ padding-inline-end: 0.375em;
436
+ padding-bottom: 0.1875em;
437
+ padding-inline-start: 0.375em;
438
+ }
439
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
440
+ color: var(--tw-prose-code);
441
+ font-weight: 600;
442
+ font-size: 0.875em;
443
+ }
444
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
445
+ content: "`";
446
+ }
447
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
448
+ content: "`";
449
+ }
450
+ :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
451
+ color: inherit;
452
+ }
453
+ :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
454
+ color: inherit;
455
+ }
456
+ :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
457
+ color: inherit;
458
+ font-size: 0.875em;
459
+ }
460
+ :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
461
+ color: inherit;
462
+ font-size: 0.9em;
463
+ }
464
+ :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
465
+ color: inherit;
466
+ }
467
+ :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
468
+ color: inherit;
469
+ }
470
+ :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
471
+ color: inherit;
472
+ }
473
+ :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
474
+ color: var(--tw-prose-pre-code);
475
+ background-color: var(--tw-prose-pre-bg);
476
+ overflow-x: auto;
477
+ font-weight: 400;
478
+ font-size: 0.875em;
479
+ line-height: 1.7142857;
480
+ margin-top: 1.7142857em;
481
+ margin-bottom: 1.7142857em;
482
+ border-radius: 0.375rem;
483
+ padding-top: 0.8571429em;
484
+ padding-inline-end: 1.1428571em;
485
+ padding-bottom: 0.8571429em;
486
+ padding-inline-start: 1.1428571em;
487
+ }
488
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
489
+ background-color: transparent;
490
+ border-width: 0;
491
+ border-radius: 0;
492
+ padding: 0;
493
+ font-weight: inherit;
494
+ color: inherit;
495
+ font-size: inherit;
496
+ font-family: inherit;
497
+ line-height: inherit;
498
+ }
499
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
500
+ content: none;
501
+ }
502
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
503
+ content: none;
504
+ }
505
+ :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
506
+ width: 100%;
507
+ table-layout: auto;
508
+ margin-top: 2em;
509
+ margin-bottom: 2em;
510
+ font-size: 0.875em;
511
+ line-height: 1.7142857;
512
+ }
513
+ :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
514
+ border-bottom-width: 1px;
515
+ border-bottom-color: var(--tw-prose-th-borders);
516
+ }
517
+ :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
518
+ color: var(--tw-prose-headings);
519
+ font-weight: 600;
520
+ vertical-align: bottom;
521
+ padding-inline-end: 0.5714286em;
522
+ padding-bottom: 0.5714286em;
523
+ padding-inline-start: 0.5714286em;
524
+ }
525
+ :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
526
+ border-bottom-width: 1px;
527
+ border-bottom-color: var(--tw-prose-td-borders);
528
+ }
529
+ :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
530
+ border-bottom-width: 0;
531
+ }
532
+ :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
533
+ vertical-align: baseline;
534
+ }
535
+ :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
536
+ border-top-width: 1px;
537
+ border-top-color: var(--tw-prose-th-borders);
538
+ }
539
+ :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
540
+ vertical-align: top;
541
+ }
542
+ :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
543
+ text-align: start;
544
+ }
545
+ :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
546
+ margin-top: 0;
547
+ margin-bottom: 0;
548
+ }
549
+ :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
550
+ color: var(--tw-prose-captions);
551
+ font-size: 0.875em;
552
+ line-height: 1.4285714;
553
+ margin-top: 0.8571429em;
554
+ }
555
+ --tw-prose-body: oklch(37.3% 0.034 259.733);
556
+ --tw-prose-headings: oklch(21% 0.034 264.665);
557
+ --tw-prose-lead: oklch(44.6% 0.03 256.802);
558
+ --tw-prose-links: oklch(21% 0.034 264.665);
559
+ --tw-prose-bold: oklch(21% 0.034 264.665);
560
+ --tw-prose-counters: oklch(55.1% 0.027 264.364);
561
+ --tw-prose-bullets: oklch(87.2% 0.01 258.338);
562
+ --tw-prose-hr: oklch(92.8% 0.006 264.531);
563
+ --tw-prose-quotes: oklch(21% 0.034 264.665);
564
+ --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
565
+ --tw-prose-captions: oklch(55.1% 0.027 264.364);
566
+ --tw-prose-kbd: oklch(21% 0.034 264.665);
567
+ --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
568
+ --tw-prose-code: oklch(21% 0.034 264.665);
569
+ --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
570
+ --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
571
+ --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
572
+ --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
573
+ --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
574
+ --tw-prose-invert-headings: #fff;
575
+ --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
576
+ --tw-prose-invert-links: #fff;
577
+ --tw-prose-invert-bold: #fff;
578
+ --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
579
+ --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
580
+ --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
581
+ --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
582
+ --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
583
+ --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
584
+ --tw-prose-invert-kbd: #fff;
585
+ --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
586
+ --tw-prose-invert-code: #fff;
587
+ --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
588
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
589
+ --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
590
+ --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
591
+ font-size: 1rem;
592
+ line-height: 1.75;
593
+ :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
594
+ margin-top: 0;
595
+ margin-bottom: 0;
596
+ }
597
+ :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
598
+ margin-top: 0.5em;
599
+ margin-bottom: 0.5em;
600
+ }
601
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
602
+ padding-inline-start: 0.375em;
603
+ }
604
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
605
+ padding-inline-start: 0.375em;
606
+ }
607
+ :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
608
+ margin-top: 0.75em;
609
+ margin-bottom: 0.75em;
610
+ }
611
+ :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
612
+ margin-top: 1.25em;
613
+ }
614
+ :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
615
+ margin-bottom: 1.25em;
616
+ }
617
+ :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
618
+ margin-top: 1.25em;
619
+ }
620
+ :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
621
+ margin-bottom: 1.25em;
622
+ }
623
+ :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
624
+ margin-top: 0.75em;
625
+ margin-bottom: 0.75em;
626
+ }
627
+ :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
628
+ margin-top: 1.25em;
629
+ margin-bottom: 1.25em;
630
+ }
631
+ :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
632
+ margin-top: 0.5em;
633
+ padding-inline-start: 1.625em;
634
+ }
635
+ :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
636
+ margin-top: 0;
637
+ }
638
+ :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
639
+ margin-top: 0;
640
+ }
641
+ :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
642
+ margin-top: 0;
643
+ }
644
+ :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
645
+ margin-top: 0;
646
+ }
647
+ :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
648
+ padding-inline-start: 0;
649
+ }
650
+ :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
651
+ padding-inline-end: 0;
652
+ }
653
+ :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
654
+ padding-top: 0.5714286em;
655
+ padding-inline-end: 0.5714286em;
656
+ padding-bottom: 0.5714286em;
657
+ padding-inline-start: 0.5714286em;
658
+ }
659
+ :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
660
+ padding-inline-start: 0;
661
+ }
662
+ :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
663
+ padding-inline-end: 0;
664
+ }
665
+ :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
666
+ margin-top: 2em;
667
+ margin-bottom: 2em;
668
+ }
669
+ :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
670
+ margin-top: 0;
671
+ }
672
+ :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
673
+ margin-bottom: 0;
674
+ }
675
+ }
676
+ .prose-sm {
677
+ font-size: 0.875rem;
678
+ line-height: 1.7142857;
679
+ :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
680
+ margin-top: 1.1428571em;
681
+ margin-bottom: 1.1428571em;
682
+ }
683
+ :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
684
+ font-size: 1.2857143em;
685
+ line-height: 1.5555556;
686
+ margin-top: 0.8888889em;
687
+ margin-bottom: 0.8888889em;
688
+ }
689
+ :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
690
+ margin-top: 1.3333333em;
691
+ margin-bottom: 1.3333333em;
692
+ padding-inline-start: 1.1111111em;
693
+ }
694
+ :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
695
+ font-size: 2.1428571em;
696
+ margin-top: 0;
697
+ margin-bottom: 0.8em;
698
+ line-height: 1.2;
699
+ }
700
+ :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
701
+ font-size: 1.4285714em;
702
+ margin-top: 1.6em;
703
+ margin-bottom: 0.8em;
704
+ line-height: 1.4;
705
+ }
706
+ :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
707
+ font-size: 1.2857143em;
708
+ margin-top: 1.5555556em;
709
+ margin-bottom: 0.4444444em;
710
+ line-height: 1.5555556;
711
+ }
712
+ :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
713
+ margin-top: 1.4285714em;
714
+ margin-bottom: 0.5714286em;
715
+ line-height: 1.4285714;
716
+ }
717
+ :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
718
+ margin-top: 1.7142857em;
719
+ margin-bottom: 1.7142857em;
720
+ }
721
+ :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
722
+ margin-top: 1.7142857em;
723
+ margin-bottom: 1.7142857em;
724
+ }
725
+ :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
726
+ margin-top: 0;
727
+ margin-bottom: 0;
728
+ }
729
+ :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
730
+ margin-top: 1.7142857em;
731
+ margin-bottom: 1.7142857em;
732
+ }
733
+ :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
734
+ font-size: 0.8571429em;
735
+ border-radius: 0.3125rem;
736
+ padding-top: 0.1428571em;
737
+ padding-inline-end: 0.3571429em;
738
+ padding-bottom: 0.1428571em;
739
+ padding-inline-start: 0.3571429em;
740
+ }
741
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
742
+ font-size: 0.8571429em;
743
+ }
744
+ :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
745
+ font-size: 0.9em;
746
+ }
747
+ :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
748
+ font-size: 0.8888889em;
749
+ }
750
+ :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
751
+ font-size: 0.8571429em;
752
+ line-height: 1.6666667;
753
+ margin-top: 1.6666667em;
754
+ margin-bottom: 1.6666667em;
755
+ border-radius: 0.25rem;
756
+ padding-top: 0.6666667em;
757
+ padding-inline-end: 1em;
758
+ padding-bottom: 0.6666667em;
759
+ padding-inline-start: 1em;
760
+ }
761
+ :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
762
+ margin-top: 1.1428571em;
763
+ margin-bottom: 1.1428571em;
764
+ padding-inline-start: 1.5714286em;
765
+ }
766
+ :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
767
+ margin-top: 1.1428571em;
768
+ margin-bottom: 1.1428571em;
769
+ padding-inline-start: 1.5714286em;
770
+ }
771
+ :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
772
+ margin-top: 0.2857143em;
773
+ margin-bottom: 0.2857143em;
774
+ }
775
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
776
+ padding-inline-start: 0.4285714em;
777
+ }
778
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
779
+ padding-inline-start: 0.4285714em;
780
+ }
781
+ :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
782
+ margin-top: 0.5714286em;
783
+ margin-bottom: 0.5714286em;
784
+ }
785
+ :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
786
+ margin-top: 1.1428571em;
787
+ }
788
+ :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
789
+ margin-bottom: 1.1428571em;
790
+ }
791
+ :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
792
+ margin-top: 1.1428571em;
793
+ }
794
+ :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
795
+ margin-bottom: 1.1428571em;
796
+ }
797
+ :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
798
+ margin-top: 0.5714286em;
799
+ margin-bottom: 0.5714286em;
800
+ }
801
+ :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
802
+ margin-top: 1.1428571em;
803
+ margin-bottom: 1.1428571em;
804
+ }
805
+ :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
806
+ margin-top: 1.1428571em;
807
+ }
808
+ :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
809
+ margin-top: 0.2857143em;
810
+ padding-inline-start: 1.5714286em;
811
+ }
812
+ :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
813
+ margin-top: 2.8571429em;
814
+ margin-bottom: 2.8571429em;
815
+ }
816
+ :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
817
+ margin-top: 0;
818
+ }
819
+ :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
820
+ margin-top: 0;
821
+ }
822
+ :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
823
+ margin-top: 0;
824
+ }
825
+ :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
826
+ margin-top: 0;
827
+ }
828
+ :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
829
+ font-size: 0.8571429em;
830
+ line-height: 1.5;
831
+ }
832
+ :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
833
+ padding-inline-end: 1em;
834
+ padding-bottom: 0.6666667em;
835
+ padding-inline-start: 1em;
836
+ }
837
+ :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
838
+ padding-inline-start: 0;
839
+ }
840
+ :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
841
+ padding-inline-end: 0;
842
+ }
843
+ :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
844
+ padding-top: 0.6666667em;
845
+ padding-inline-end: 1em;
846
+ padding-bottom: 0.6666667em;
847
+ padding-inline-start: 1em;
848
+ }
849
+ :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
850
+ padding-inline-start: 0;
851
+ }
852
+ :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
853
+ padding-inline-end: 0;
854
+ }
855
+ :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
856
+ margin-top: 1.7142857em;
857
+ margin-bottom: 1.7142857em;
858
+ }
859
+ :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
860
+ margin-top: 0;
861
+ margin-bottom: 0;
862
+ }
863
+ :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
864
+ font-size: 0.8571429em;
865
+ line-height: 1.3333333;
866
+ margin-top: 0.6666667em;
867
+ }
868
+ :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
869
+ margin-top: 0;
870
+ }
871
+ :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
872
+ margin-bottom: 0;
873
+ }
874
+ }
875
+ .mt-1 {
876
+ margin-top: calc(var(--spacing) * 1);
877
+ }
878
+ .mt-2 {
879
+ margin-top: calc(var(--spacing) * 2);
880
+ }
881
+ .mt-3 {
882
+ margin-top: calc(var(--spacing) * 3);
883
+ }
884
+ .mt-4 {
885
+ margin-top: calc(var(--spacing) * 4);
886
+ }
887
+ .mt-6 {
888
+ margin-top: calc(var(--spacing) * 6);
889
+ }
890
+ .mt-8 {
891
+ margin-top: calc(var(--spacing) * 8);
892
+ }
893
+ .mt-10 {
894
+ margin-top: calc(var(--spacing) * 10);
895
+ }
896
+ .mt-12 {
897
+ margin-top: calc(var(--spacing) * 12);
898
+ }
899
+ .mb-4 {
900
+ margin-bottom: calc(var(--spacing) * 4);
901
+ }
902
+ .mb-6 {
903
+ margin-bottom: calc(var(--spacing) * 6);
904
+ }
905
+ .mb-8 {
906
+ margin-bottom: calc(var(--spacing) * 8);
907
+ }
908
+ .block {
909
+ display: block;
910
+ }
911
+ .flex {
912
+ display: flex;
913
+ }
914
+ .hidden {
915
+ display: none;
916
+ }
917
+ .inline {
918
+ display: inline;
919
+ }
920
+ .inline-flex {
921
+ display: inline-flex;
922
+ }
923
+ .table {
924
+ display: table;
925
+ }
926
+ .size-5 {
927
+ width: calc(var(--spacing) * 5);
928
+ height: calc(var(--spacing) * 5);
929
+ }
930
+ .size-10 {
931
+ width: calc(var(--spacing) * 10);
932
+ height: calc(var(--spacing) * 10);
933
+ }
934
+ .h-4 {
935
+ height: calc(var(--spacing) * 4);
936
+ }
937
+ .h-10 {
938
+ height: calc(var(--spacing) * 10);
939
+ }
940
+ .h-16 {
941
+ height: calc(var(--spacing) * 16);
942
+ }
943
+ .min-h-9 {
944
+ min-height: calc(var(--spacing) * 9);
945
+ }
946
+ .min-h-full {
947
+ min-height: 100%;
948
+ }
949
+ .min-h-screen {
950
+ min-height: 100vh;
951
+ }
952
+ .w-4 {
953
+ width: calc(var(--spacing) * 4);
954
+ }
955
+ .w-full {
956
+ width: 100%;
957
+ }
958
+ .max-w-3xl {
959
+ max-width: var(--container-3xl);
960
+ }
961
+ .max-w-\[120rem\] {
962
+ max-width: 120rem;
963
+ }
964
+ .max-w-lg {
965
+ max-width: var(--container-lg);
966
+ }
967
+ .max-w-sm {
968
+ max-width: var(--container-sm);
969
+ }
970
+ .min-w-0 {
971
+ min-width: calc(var(--spacing) * 0);
972
+ }
973
+ .min-w-48 {
974
+ min-width: calc(var(--spacing) * 48);
975
+ }
976
+ .flex-1 {
977
+ flex: 1;
978
+ }
979
+ .shrink-0 {
980
+ flex-shrink: 0;
981
+ }
982
+ .translate-x-2 {
983
+ --tw-translate-x: calc(var(--spacing) * 2);
984
+ translate: var(--tw-translate-x) var(--tw-translate-y);
985
+ }
986
+ .cursor-pointer {
987
+ cursor: pointer;
988
+ }
989
+ .flex-col {
990
+ flex-direction: column;
991
+ }
992
+ .flex-wrap {
993
+ flex-wrap: wrap;
994
+ }
995
+ .items-center {
996
+ align-items: center;
997
+ }
998
+ .items-end {
999
+ align-items: flex-end;
1000
+ }
1001
+ .items-start {
1002
+ align-items: flex-start;
1003
+ }
1004
+ .justify-between {
1005
+ justify-content: space-between;
1006
+ }
1007
+ .justify-center {
1008
+ justify-content: center;
1009
+ }
1010
+ .justify-end {
1011
+ justify-content: flex-end;
1012
+ }
1013
+ .gap-1 {
1014
+ gap: calc(var(--spacing) * 1);
1015
+ }
1016
+ .gap-2 {
1017
+ gap: calc(var(--spacing) * 2);
1018
+ }
1019
+ .gap-3 {
1020
+ gap: calc(var(--spacing) * 3);
1021
+ }
1022
+ .gap-4 {
1023
+ gap: calc(var(--spacing) * 4);
1024
+ }
1025
+ .space-y-4 {
1026
+ :where(& > :not(:last-child)) {
1027
+ --tw-space-y-reverse: 0;
1028
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1029
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1030
+ }
1031
+ }
1032
+ .space-y-6 {
1033
+ :where(& > :not(:last-child)) {
1034
+ --tw-space-y-reverse: 0;
1035
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1036
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1037
+ }
1038
+ }
1039
+ .space-y-12 {
1040
+ :where(& > :not(:last-child)) {
1041
+ --tw-space-y-reverse: 0;
1042
+ margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
1043
+ margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
1044
+ }
1045
+ }
1046
+ .divide-y {
1047
+ :where(& > :not(:last-child)) {
1048
+ --tw-divide-y-reverse: 0;
1049
+ border-bottom-style: var(--tw-border-style);
1050
+ border-top-style: var(--tw-border-style);
1051
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1052
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1053
+ }
1054
+ }
1055
+ .divide-slate-100 {
1056
+ :where(& > :not(:last-child)) {
1057
+ border-color: var(--color-slate-100);
1058
+ }
1059
+ }
1060
+ .truncate {
1061
+ overflow: hidden;
1062
+ text-overflow: ellipsis;
1063
+ white-space: nowrap;
1064
+ }
1065
+ .overflow-x-auto {
1066
+ overflow-x: auto;
1067
+ }
1068
+ .rounded {
1069
+ border-radius: 0.25rem;
1070
+ }
1071
+ .rounded-full {
1072
+ border-radius: calc(infinity * 1px);
1073
+ }
1074
+ .rounded-lg {
1075
+ border-radius: var(--radius-lg);
1076
+ }
1077
+ .rounded-md {
1078
+ border-radius: var(--radius-md);
1079
+ }
1080
+ .rounded-t-md {
1081
+ border-top-left-radius: var(--radius-md);
1082
+ border-top-right-radius: var(--radius-md);
1083
+ }
1084
+ .rounded-b-md {
1085
+ border-bottom-right-radius: var(--radius-md);
1086
+ border-bottom-left-radius: var(--radius-md);
1087
+ }
1088
+ .border {
1089
+ border-style: var(--tw-border-style);
1090
+ border-width: 1px;
1091
+ }
1092
+ .border-t {
1093
+ border-top-style: var(--tw-border-style);
1094
+ border-top-width: 1px;
1095
+ }
1096
+ .border-t-0 {
1097
+ border-top-style: var(--tw-border-style);
1098
+ border-top-width: 0px;
1099
+ }
1100
+ .border-b {
1101
+ border-bottom-style: var(--tw-border-style);
1102
+ border-bottom-width: 1px;
1103
+ }
1104
+ .border-b-0 {
1105
+ border-bottom-style: var(--tw-border-style);
1106
+ border-bottom-width: 0px;
1107
+ }
1108
+ .border-dashed {
1109
+ --tw-border-style: dashed;
1110
+ border-style: dashed;
1111
+ }
1112
+ .border-amber-200 {
1113
+ border-color: var(--color-amber-200);
1114
+ }
1115
+ .border-emerald-200 {
1116
+ border-color: var(--color-emerald-200);
1117
+ }
1118
+ .border-gray-200 {
1119
+ border-color: var(--color-gray-200);
1120
+ }
1121
+ .border-red-200 {
1122
+ border-color: var(--color-red-200);
1123
+ }
1124
+ .border-slate-100 {
1125
+ border-color: var(--color-slate-100);
1126
+ }
1127
+ .border-slate-200 {
1128
+ border-color: var(--color-slate-200);
1129
+ }
1130
+ .border-slate-300 {
1131
+ border-color: var(--color-slate-300);
1132
+ }
1133
+ .bg-amber-50 {
1134
+ background-color: var(--color-amber-50);
1135
+ }
1136
+ .bg-custom {
1137
+ background-color: var(--color-custom);
1138
+ }
1139
+ .bg-emerald-50 {
1140
+ background-color: var(--color-emerald-50);
1141
+ }
1142
+ .bg-green-100 {
1143
+ background-color: var(--color-green-100);
1144
+ }
1145
+ .bg-red-50 {
1146
+ background-color: var(--color-red-50);
1147
+ }
1148
+ .bg-red-100 {
1149
+ background-color: var(--color-red-100);
1150
+ }
1151
+ .bg-slate-50 {
1152
+ background-color: var(--color-slate-50);
1153
+ }
1154
+ .bg-slate-50\/60 {
1155
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
1156
+ @supports (color: color-mix(in lab, red, red)) {
1157
+ background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
1158
+ }
1159
+ }
1160
+ .bg-slate-100 {
1161
+ background-color: var(--color-slate-100);
1162
+ }
1163
+ .bg-slate-100\/60 {
1164
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);
1165
+ @supports (color: color-mix(in lab, red, red)) {
1166
+ background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
1167
+ }
1168
+ }
1169
+ .bg-slate-900 {
1170
+ background-color: var(--color-slate-900);
1171
+ }
1172
+ .bg-white {
1173
+ background-color: var(--color-white);
1174
+ }
1175
+ .bg-yellow-100 {
1176
+ background-color: var(--color-yellow-100);
1177
+ }
1178
+ .p-2 {
1179
+ padding: calc(var(--spacing) * 2);
1180
+ }
1181
+ .px-2 {
1182
+ padding-inline: calc(var(--spacing) * 2);
1183
+ }
1184
+ .px-2\.5 {
1185
+ padding-inline: calc(var(--spacing) * 2.5);
1186
+ }
1187
+ .px-3 {
1188
+ padding-inline: calc(var(--spacing) * 3);
1189
+ }
1190
+ .px-4 {
1191
+ padding-inline: calc(var(--spacing) * 4);
1192
+ }
1193
+ .py-0\.5 {
1194
+ padding-block: calc(var(--spacing) * 0.5);
1195
+ }
1196
+ .py-1 {
1197
+ padding-block: calc(var(--spacing) * 1);
1198
+ }
1199
+ .py-1\.5 {
1200
+ padding-block: calc(var(--spacing) * 1.5);
1201
+ }
1202
+ .py-2 {
1203
+ padding-block: calc(var(--spacing) * 2);
1204
+ }
1205
+ .py-3 {
1206
+ padding-block: calc(var(--spacing) * 3);
1207
+ }
1208
+ .py-4 {
1209
+ padding-block: calc(var(--spacing) * 4);
1210
+ }
1211
+ .py-8 {
1212
+ padding-block: calc(var(--spacing) * 8);
1213
+ }
1214
+ .py-12 {
1215
+ padding-block: calc(var(--spacing) * 12);
1216
+ }
1217
+ .pt-6 {
1218
+ padding-top: calc(var(--spacing) * 6);
1219
+ }
1220
+ .pb-4 {
1221
+ padding-bottom: calc(var(--spacing) * 4);
1222
+ }
1223
+ .pb-6 {
1224
+ padding-bottom: calc(var(--spacing) * 6);
1225
+ }
1226
+ .text-center {
1227
+ text-align: center;
1228
+ }
1229
+ .font-mono {
1230
+ font-family: var(--font-mono);
1231
+ }
1232
+ .text-2xl\/9 {
1233
+ font-size: var(--text-2xl);
1234
+ line-height: calc(var(--spacing) * 9);
1235
+ }
1236
+ .text-base {
1237
+ font-size: var(--text-base);
1238
+ line-height: var(--tw-leading, var(--text-base--line-height));
1239
+ }
1240
+ .text-sm {
1241
+ font-size: var(--text-sm);
1242
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1243
+ }
1244
+ .text-sm\/6 {
1245
+ font-size: var(--text-sm);
1246
+ line-height: calc(var(--spacing) * 6);
1247
+ }
1248
+ .text-xl {
1249
+ font-size: var(--text-xl);
1250
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1251
+ }
1252
+ .text-xs {
1253
+ font-size: var(--text-xs);
1254
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1255
+ }
1256
+ .font-bold {
1257
+ --tw-font-weight: var(--font-weight-bold);
1258
+ font-weight: var(--font-weight-bold);
1259
+ }
1260
+ .font-medium {
1261
+ --tw-font-weight: var(--font-weight-medium);
1262
+ font-weight: var(--font-weight-medium);
1263
+ }
1264
+ .font-semibold {
1265
+ --tw-font-weight: var(--font-weight-semibold);
1266
+ font-weight: var(--font-weight-semibold);
1267
+ }
1268
+ .tracking-tight {
1269
+ --tw-tracking: var(--tracking-tight);
1270
+ letter-spacing: var(--tracking-tight);
1271
+ }
1272
+ .tracking-wide {
1273
+ --tw-tracking: var(--tracking-wide);
1274
+ letter-spacing: var(--tracking-wide);
1275
+ }
1276
+ .whitespace-nowrap {
1277
+ white-space: nowrap;
1278
+ }
1279
+ .text-amber-700 {
1280
+ color: var(--color-amber-700);
1281
+ }
1282
+ .text-custom {
1283
+ color: var(--color-custom);
1284
+ }
1285
+ .text-emerald-700 {
1286
+ color: var(--color-emerald-700);
1287
+ }
1288
+ .text-gray-400 {
1289
+ color: var(--color-gray-400);
1290
+ }
1291
+ .text-gray-500 {
1292
+ color: var(--color-gray-500);
1293
+ }
1294
+ .text-gray-900 {
1295
+ color: var(--color-gray-900);
1296
+ }
1297
+ .text-green-600 {
1298
+ color: var(--color-green-600);
1299
+ }
1300
+ .text-red-500 {
1301
+ color: var(--color-red-500);
1302
+ }
1303
+ .text-red-600 {
1304
+ color: var(--color-red-600);
1305
+ }
1306
+ .text-red-700 {
1307
+ color: var(--color-red-700);
1308
+ }
1309
+ .text-slate-400 {
1310
+ color: var(--color-slate-400);
1311
+ }
1312
+ .text-slate-500 {
1313
+ color: var(--color-slate-500);
1314
+ }
1315
+ .text-slate-600 {
1316
+ color: var(--color-slate-600);
1317
+ }
1318
+ .text-slate-700 {
1319
+ color: var(--color-slate-700);
1320
+ }
1321
+ .text-slate-900 {
1322
+ color: var(--color-slate-900);
1323
+ }
1324
+ .text-white {
1325
+ color: var(--color-white);
1326
+ }
1327
+ .lowercase {
1328
+ text-transform: lowercase;
1329
+ }
1330
+ .uppercase {
1331
+ text-transform: uppercase;
1332
+ }
1333
+ .italic {
1334
+ font-style: italic;
1335
+ }
1336
+ .opacity-0 {
1337
+ opacity: 0%;
1338
+ }
1339
+ .shadow-lg {
1340
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1341
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1342
+ }
1343
+ .shadow-sm {
1344
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1345
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1346
+ }
1347
+ .ring-1 {
1348
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1349
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1350
+ }
1351
+ .ring-emerald-600\/20 {
1352
+ --tw-ring-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
1353
+ @supports (color: color-mix(in lab, red, red)) {
1354
+ --tw-ring-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent);
1355
+ }
1356
+ }
1357
+ .ring-slate-200 {
1358
+ --tw-ring-color: var(--color-slate-200);
1359
+ }
1360
+ .ring-slate-300 {
1361
+ --tw-ring-color: var(--color-slate-300);
1362
+ }
1363
+ .ring-slate-500\/20 {
1364
+ --tw-ring-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);
1365
+ @supports (color: color-mix(in lab, red, red)) {
1366
+ --tw-ring-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
1367
+ }
1368
+ }
1369
+ .outline {
1370
+ outline-style: var(--tw-outline-style);
1371
+ outline-width: 1px;
1372
+ }
1373
+ .outline-1 {
1374
+ outline-style: var(--tw-outline-style);
1375
+ outline-width: 1px;
1376
+ }
1377
+ .-outline-offset-1 {
1378
+ outline-offset: calc(1px * -1);
1379
+ }
1380
+ .outline-gray-300 {
1381
+ outline-color: var(--color-gray-300);
1382
+ }
1383
+ .filter {
1384
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1385
+ }
1386
+ .transition {
1387
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1388
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1389
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1390
+ }
1391
+ .duration-200 {
1392
+ --tw-duration: 200ms;
1393
+ transition-duration: 200ms;
1394
+ }
1395
+ .prose-slate {
1396
+ --tw-prose-body: oklch(37.2% 0.044 257.287);
1397
+ --tw-prose-headings: oklch(20.8% 0.042 265.755);
1398
+ --tw-prose-lead: oklch(44.6% 0.043 257.281);
1399
+ --tw-prose-links: oklch(20.8% 0.042 265.755);
1400
+ --tw-prose-bold: oklch(20.8% 0.042 265.755);
1401
+ --tw-prose-counters: oklch(55.4% 0.046 257.417);
1402
+ --tw-prose-bullets: oklch(86.9% 0.022 252.894);
1403
+ --tw-prose-hr: oklch(92.9% 0.013 255.508);
1404
+ --tw-prose-quotes: oklch(20.8% 0.042 265.755);
1405
+ --tw-prose-quote-borders: oklch(92.9% 0.013 255.508);
1406
+ --tw-prose-captions: oklch(55.4% 0.046 257.417);
1407
+ --tw-prose-kbd: oklch(20.8% 0.042 265.755);
1408
+ --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.8% 0.042 265.755) 10%, transparent);
1409
+ --tw-prose-code: oklch(20.8% 0.042 265.755);
1410
+ --tw-prose-pre-code: oklch(92.9% 0.013 255.508);
1411
+ --tw-prose-pre-bg: oklch(27.9% 0.041 260.031);
1412
+ --tw-prose-th-borders: oklch(86.9% 0.022 252.894);
1413
+ --tw-prose-td-borders: oklch(92.9% 0.013 255.508);
1414
+ --tw-prose-invert-body: oklch(86.9% 0.022 252.894);
1415
+ --tw-prose-invert-headings: #fff;
1416
+ --tw-prose-invert-lead: oklch(70.4% 0.04 256.788);
1417
+ --tw-prose-invert-links: #fff;
1418
+ --tw-prose-invert-bold: #fff;
1419
+ --tw-prose-invert-counters: oklch(70.4% 0.04 256.788);
1420
+ --tw-prose-invert-bullets: oklch(44.6% 0.043 257.281);
1421
+ --tw-prose-invert-hr: oklch(37.2% 0.044 257.287);
1422
+ --tw-prose-invert-quotes: oklch(96.8% 0.007 247.896);
1423
+ --tw-prose-invert-quote-borders: oklch(37.2% 0.044 257.287);
1424
+ --tw-prose-invert-captions: oklch(70.4% 0.04 256.788);
1425
+ --tw-prose-invert-kbd: #fff;
1426
+ --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
1427
+ --tw-prose-invert-code: #fff;
1428
+ --tw-prose-invert-pre-code: oklch(86.9% 0.022 252.894);
1429
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1430
+ --tw-prose-invert-th-borders: oklch(44.6% 0.043 257.281);
1431
+ --tw-prose-invert-td-borders: oklch(37.2% 0.044 257.287);
1432
+ }
1433
+ .ring-inset {
1434
+ --tw-ring-inset: inset;
1435
+ }
1436
+ .group-hover\:text-custom {
1437
+ &:is(:where(.group):hover *) {
1438
+ @media (hover: hover) {
1439
+ color: var(--color-custom);
1440
+ }
1441
+ }
1442
+ }
1443
+ .placeholder\:text-gray-400 {
1444
+ &::placeholder {
1445
+ color: var(--color-gray-400);
1446
+ }
1447
+ }
1448
+ .placeholder\:text-slate-400 {
1449
+ &::placeholder {
1450
+ color: var(--color-slate-400);
1451
+ }
1452
+ }
1453
+ .hover\:bg-custom {
1454
+ &:hover {
1455
+ @media (hover: hover) {
1456
+ background-color: var(--color-custom);
1457
+ }
1458
+ }
1459
+ }
1460
+ .hover\:bg-red-50 {
1461
+ &:hover {
1462
+ @media (hover: hover) {
1463
+ background-color: var(--color-red-50);
1464
+ }
1465
+ }
1466
+ }
1467
+ .hover\:bg-slate-50 {
1468
+ &:hover {
1469
+ @media (hover: hover) {
1470
+ background-color: var(--color-slate-50);
1471
+ }
1472
+ }
1473
+ }
1474
+ .hover\:bg-slate-100 {
1475
+ &:hover {
1476
+ @media (hover: hover) {
1477
+ background-color: var(--color-slate-100);
1478
+ }
1479
+ }
1480
+ }
1481
+ .hover\:bg-slate-200 {
1482
+ &:hover {
1483
+ @media (hover: hover) {
1484
+ background-color: var(--color-slate-200);
1485
+ }
1486
+ }
1487
+ }
1488
+ .hover\:text-custom {
1489
+ &:hover {
1490
+ @media (hover: hover) {
1491
+ color: var(--color-custom);
1492
+ }
1493
+ }
1494
+ }
1495
+ .hover\:text-gray-900 {
1496
+ &:hover {
1497
+ @media (hover: hover) {
1498
+ color: var(--color-gray-900);
1499
+ }
1500
+ }
1501
+ }
1502
+ .hover\:text-red-600 {
1503
+ &:hover {
1504
+ @media (hover: hover) {
1505
+ color: var(--color-red-600);
1506
+ }
1507
+ }
1508
+ }
1509
+ .hover\:text-slate-600 {
1510
+ &:hover {
1511
+ @media (hover: hover) {
1512
+ color: var(--color-slate-600);
1513
+ }
1514
+ }
1515
+ }
1516
+ .hover\:text-slate-900 {
1517
+ &:hover {
1518
+ @media (hover: hover) {
1519
+ color: var(--color-slate-900);
1520
+ }
1521
+ }
1522
+ }
1523
+ .hover\:ring-red-200 {
1524
+ &:hover {
1525
+ @media (hover: hover) {
1526
+ --tw-ring-color: var(--color-red-200);
1527
+ }
1528
+ }
1529
+ }
1530
+ .focus\:border-slate-900 {
1531
+ &:focus {
1532
+ border-color: var(--color-slate-900);
1533
+ }
1534
+ }
1535
+ .focus\:ring-1 {
1536
+ &:focus {
1537
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1538
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1539
+ }
1540
+ }
1541
+ .focus\:ring-slate-900 {
1542
+ &:focus {
1543
+ --tw-ring-color: var(--color-slate-900);
1544
+ }
1545
+ }
1546
+ .focus\:outline {
1547
+ &:focus {
1548
+ outline-style: var(--tw-outline-style);
1549
+ outline-width: 1px;
1550
+ }
1551
+ }
1552
+ .focus\:outline-2 {
1553
+ &:focus {
1554
+ outline-style: var(--tw-outline-style);
1555
+ outline-width: 2px;
1556
+ }
1557
+ }
1558
+ .focus\:-outline-offset-2 {
1559
+ &:focus {
1560
+ outline-offset: calc(2px * -1);
1561
+ }
1562
+ }
1563
+ .focus\:outline-custom {
1564
+ &:focus {
1565
+ outline-color: var(--color-custom);
1566
+ }
1567
+ }
1568
+ .focus\:outline-none {
1569
+ &:focus {
1570
+ --tw-outline-style: none;
1571
+ outline-style: none;
1572
+ }
1573
+ }
1574
+ .focus-visible\:outline {
1575
+ &:focus-visible {
1576
+ outline-style: var(--tw-outline-style);
1577
+ outline-width: 1px;
1578
+ }
1579
+ }
1580
+ .focus-visible\:outline-2 {
1581
+ &:focus-visible {
1582
+ outline-style: var(--tw-outline-style);
1583
+ outline-width: 2px;
1584
+ }
1585
+ }
1586
+ .focus-visible\:outline-offset-2 {
1587
+ &:focus-visible {
1588
+ outline-offset: 2px;
1589
+ }
1590
+ }
1591
+ .focus-visible\:outline-custom {
1592
+ &:focus-visible {
1593
+ outline-color: var(--color-custom);
1594
+ }
1595
+ }
1596
+ .focus-visible\:outline-red-600 {
1597
+ &:focus-visible {
1598
+ outline-color: var(--color-red-600);
1599
+ }
1600
+ }
1601
+ .sm\:flex-row {
1602
+ @media (width >= 40rem) {
1603
+ flex-direction: row;
1604
+ }
1605
+ }
1606
+ .sm\:items-start {
1607
+ @media (width >= 40rem) {
1608
+ align-items: flex-start;
1609
+ }
1610
+ }
1611
+ .sm\:justify-between {
1612
+ @media (width >= 40rem) {
1613
+ justify-content: space-between;
1614
+ }
1615
+ }
1616
+ .sm\:gap-6 {
1617
+ @media (width >= 40rem) {
1618
+ gap: calc(var(--spacing) * 6);
1619
+ }
1620
+ }
1621
+ .sm\:gap-8 {
1622
+ @media (width >= 40rem) {
1623
+ gap: calc(var(--spacing) * 8);
1624
+ }
1625
+ }
1626
+ .sm\:px-0 {
1627
+ @media (width >= 40rem) {
1628
+ padding-inline: calc(var(--spacing) * 0);
1629
+ }
1630
+ }
1631
+ .sm\:px-5 {
1632
+ @media (width >= 40rem) {
1633
+ padding-inline: calc(var(--spacing) * 5);
1634
+ }
1635
+ }
1636
+ .sm\:px-6 {
1637
+ @media (width >= 40rem) {
1638
+ padding-inline: calc(var(--spacing) * 6);
1639
+ }
1640
+ }
1641
+ .sm\:text-sm\/6 {
1642
+ @media (width >= 40rem) {
1643
+ font-size: var(--text-sm);
1644
+ line-height: calc(var(--spacing) * 6);
1645
+ }
1646
+ }
1647
+ .md\:mx-0 {
1648
+ @media (width >= 48rem) {
1649
+ margin-inline: calc(var(--spacing) * 0);
1650
+ }
1651
+ }
1652
+ .md\:mt-8 {
1653
+ @media (width >= 48rem) {
1654
+ margin-top: calc(var(--spacing) * 8);
1655
+ }
1656
+ }
1657
+ .md\:w-1\/8 {
1658
+ @media (width >= 48rem) {
1659
+ width: calc(1 / 8 * 100%);
1660
+ }
1661
+ }
1662
+ .md\:shrink-0 {
1663
+ @media (width >= 48rem) {
1664
+ flex-shrink: 0;
1665
+ }
1666
+ }
1667
+ .md\:flex-col {
1668
+ @media (width >= 48rem) {
1669
+ flex-direction: column;
1670
+ }
1671
+ }
1672
+ .md\:flex-row {
1673
+ @media (width >= 48rem) {
1674
+ flex-direction: row;
1675
+ }
1676
+ }
1677
+ .md\:gap-8 {
1678
+ @media (width >= 48rem) {
1679
+ gap: calc(var(--spacing) * 8);
1680
+ }
1681
+ }
1682
+ .md\:border-r {
1683
+ @media (width >= 48rem) {
1684
+ border-right-style: var(--tw-border-style);
1685
+ border-right-width: 1px;
1686
+ }
1687
+ }
1688
+ .md\:border-b-0 {
1689
+ @media (width >= 48rem) {
1690
+ border-bottom-style: var(--tw-border-style);
1691
+ border-bottom-width: 0px;
1692
+ }
1693
+ }
1694
+ .md\:px-0 {
1695
+ @media (width >= 48rem) {
1696
+ padding-inline: calc(var(--spacing) * 0);
1697
+ }
1698
+ }
1699
+ .md\:pr-6 {
1700
+ @media (width >= 48rem) {
1701
+ padding-right: calc(var(--spacing) * 6);
1702
+ }
1703
+ }
1704
+ .md\:pl-0 {
1705
+ @media (width >= 48rem) {
1706
+ padding-left: calc(var(--spacing) * 0);
1707
+ }
1708
+ }
1709
+ .lg\:w-96 {
1710
+ @media (width >= 64rem) {
1711
+ width: calc(var(--spacing) * 96);
1712
+ }
1713
+ }
1714
+ .lg\:flex-none {
1715
+ @media (width >= 64rem) {
1716
+ flex: none;
1717
+ }
1718
+ }
1719
+ .lg\:px-6 {
1720
+ @media (width >= 64rem) {
1721
+ padding-inline: calc(var(--spacing) * 6);
1722
+ }
1723
+ }
1724
+ .lg\:px-20 {
1725
+ @media (width >= 64rem) {
1726
+ padding-inline: calc(var(--spacing) * 20);
1727
+ }
1728
+ }
1729
+ .xl\:px-24 {
1730
+ @media (width >= 80rem) {
1731
+ padding-inline: calc(var(--spacing) * 24);
1732
+ }
1733
+ }
1734
+ .prose-img\:w-full {
1735
+ & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
1736
+ width: 100%;
1737
+ }
1738
+ }
1739
+ .prose-img\:max-w-5xl {
1740
+ & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
1741
+ max-width: var(--container-5xl);
1742
+ }
1743
+ }
1744
+ }
1745
+ .prose-100 {
1746
+ max-width: 100%;
1747
+ }
1748
+ @layer base {
1749
+ input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
1750
+ appearance: none;
1751
+ background-color: #fff;
1752
+ border-color: oklch(55.1% 0.027 264.364);
1753
+ border-width: 1px;
1754
+ border-radius: 0px;
1755
+ padding-top: 0.5rem;
1756
+ padding-right: 0.75rem;
1757
+ padding-bottom: 0.5rem;
1758
+ padding-left: 0.75rem;
1759
+ font-size: 1rem;
1760
+ line-height: 1.5rem;
1761
+ --tw-shadow: 0 0 #0000;
1762
+ &:focus {
1763
+ outline: 2px solid transparent;
1764
+ outline-offset: 2px;
1765
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
1766
+ --tw-ring-offset-width: 0px;
1767
+ --tw-ring-offset-color: #fff;
1768
+ --tw-ring-color: oklch(54.6% 0.245 262.881);
1769
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1770
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1771
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1772
+ border-color: oklch(54.6% 0.245 262.881);
1773
+ }
1774
+ }
1775
+ input::placeholder,textarea::placeholder {
1776
+ color: oklch(55.1% 0.027 264.364);
1777
+ opacity: 1;
1778
+ }
1779
+ ::-webkit-datetime-edit-fields-wrapper {
1780
+ padding: 0;
1781
+ }
1782
+ ::-webkit-date-and-time-value {
1783
+ min-height: 1.5em;
1784
+ }
1785
+ ::-webkit-date-and-time-value {
1786
+ text-align: inherit;
1787
+ }
1788
+ ::-webkit-datetime-edit {
1789
+ display: inline-flex;
1790
+ }
1791
+ ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
1792
+ padding-top: 0;
1793
+ padding-bottom: 0;
1794
+ }
1795
+ select {
1796
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
1797
+ background-position: right 0.5rem center;
1798
+ background-repeat: no-repeat;
1799
+ background-size: 1.5em 1.5em;
1800
+ padding-right: 2.5rem;
1801
+ print-color-adjust: exact;
1802
+ }
1803
+ select:where([multiple]),select:where([size]:not([size="1"])) {
1804
+ background-image: initial;
1805
+ background-position: initial;
1806
+ background-repeat: unset;
1807
+ background-size: initial;
1808
+ padding-right: 0.75rem;
1809
+ print-color-adjust: unset;
1810
+ }
1811
+ input:where([type='checkbox']),input:where([type='radio']) {
1812
+ appearance: none;
1813
+ padding: 0;
1814
+ print-color-adjust: exact;
1815
+ display: inline-block;
1816
+ vertical-align: middle;
1817
+ background-origin: border-box;
1818
+ user-select: none;
1819
+ flex-shrink: 0;
1820
+ height: 1rem;
1821
+ width: 1rem;
1822
+ color: oklch(54.6% 0.245 262.881);
1823
+ background-color: #fff;
1824
+ border-color: oklch(55.1% 0.027 264.364);
1825
+ border-width: 1px;
1826
+ --tw-shadow: 0 0 #0000;
1827
+ }
1828
+ input:where([type='checkbox']) {
1829
+ border-radius: 0px;
1830
+ }
1831
+ input:where([type='radio']) {
1832
+ border-radius: 100%;
1833
+ }
1834
+ input:where([type='checkbox']):focus,input:where([type='radio']):focus {
1835
+ outline: 2px solid transparent;
1836
+ outline-offset: 2px;
1837
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
1838
+ --tw-ring-offset-width: 2px;
1839
+ --tw-ring-offset-color: #fff;
1840
+ --tw-ring-color: oklch(54.6% 0.245 262.881);
1841
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1842
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1843
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1844
+ }
1845
+ input:where([type='checkbox']):checked,input:where([type='radio']):checked {
1846
+ border-color: transparent;
1847
+ background-color: currentColor;
1848
+ background-size: 100% 100%;
1849
+ background-position: center;
1850
+ background-repeat: no-repeat;
1851
+ }
1852
+ input:where([type='checkbox']):checked {
1853
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
1854
+ @media (forced-colors: active) {
1855
+ appearance: auto;
1856
+ }
1857
+ }
1858
+ input:where([type='radio']):checked {
1859
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
1860
+ @media (forced-colors: active) {
1861
+ appearance: auto;
1862
+ }
1863
+ }
1864
+ input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
1865
+ border-color: transparent;
1866
+ background-color: currentColor;
1867
+ }
1868
+ input:where([type='checkbox']):indeterminate {
1869
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
1870
+ border-color: transparent;
1871
+ background-color: currentColor;
1872
+ background-size: 100% 100%;
1873
+ background-position: center;
1874
+ background-repeat: no-repeat;
1875
+ @media (forced-colors: active) {
1876
+ appearance: auto;
1877
+ }
1878
+ }
1879
+ input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
1880
+ border-color: transparent;
1881
+ background-color: currentColor;
1882
+ }
1883
+ input:where([type='file']) {
1884
+ background: unset;
1885
+ border-color: inherit;
1886
+ border-width: 0;
1887
+ border-radius: 0;
1888
+ padding: 0;
1889
+ font-size: unset;
1890
+ line-height: inherit;
1891
+ }
1892
+ input:where([type='file']):focus {
1893
+ outline: 1px solid ButtonText;
1894
+ outline: 1px auto -webkit-focus-ring-color;
1895
+ }
1896
+ }
1897
+ @property --tw-translate-x {
1898
+ syntax: "*";
1899
+ inherits: false;
1900
+ initial-value: 0;
1901
+ }
1902
+ @property --tw-translate-y {
1903
+ syntax: "*";
1904
+ inherits: false;
1905
+ initial-value: 0;
1906
+ }
1907
+ @property --tw-translate-z {
1908
+ syntax: "*";
1909
+ inherits: false;
1910
+ initial-value: 0;
1911
+ }
1912
+ @property --tw-space-y-reverse {
1913
+ syntax: "*";
1914
+ inherits: false;
1915
+ initial-value: 0;
1916
+ }
1917
+ @property --tw-divide-y-reverse {
1918
+ syntax: "*";
1919
+ inherits: false;
1920
+ initial-value: 0;
1921
+ }
1922
+ @property --tw-border-style {
1923
+ syntax: "*";
1924
+ inherits: false;
1925
+ initial-value: solid;
1926
+ }
1927
+ @property --tw-font-weight {
1928
+ syntax: "*";
1929
+ inherits: false;
1930
+ }
1931
+ @property --tw-tracking {
1932
+ syntax: "*";
1933
+ inherits: false;
1934
+ }
1935
+ @property --tw-shadow {
1936
+ syntax: "*";
1937
+ inherits: false;
1938
+ initial-value: 0 0 #0000;
1939
+ }
1940
+ @property --tw-shadow-color {
1941
+ syntax: "*";
1942
+ inherits: false;
1943
+ }
1944
+ @property --tw-shadow-alpha {
1945
+ syntax: "<percentage>";
1946
+ inherits: false;
1947
+ initial-value: 100%;
1948
+ }
1949
+ @property --tw-inset-shadow {
1950
+ syntax: "*";
1951
+ inherits: false;
1952
+ initial-value: 0 0 #0000;
1953
+ }
1954
+ @property --tw-inset-shadow-color {
1955
+ syntax: "*";
1956
+ inherits: false;
1957
+ }
1958
+ @property --tw-inset-shadow-alpha {
1959
+ syntax: "<percentage>";
1960
+ inherits: false;
1961
+ initial-value: 100%;
1962
+ }
1963
+ @property --tw-ring-color {
1964
+ syntax: "*";
1965
+ inherits: false;
1966
+ }
1967
+ @property --tw-ring-shadow {
1968
+ syntax: "*";
1969
+ inherits: false;
1970
+ initial-value: 0 0 #0000;
1971
+ }
1972
+ @property --tw-inset-ring-color {
1973
+ syntax: "*";
1974
+ inherits: false;
1975
+ }
1976
+ @property --tw-inset-ring-shadow {
1977
+ syntax: "*";
1978
+ inherits: false;
1979
+ initial-value: 0 0 #0000;
1980
+ }
1981
+ @property --tw-ring-inset {
1982
+ syntax: "*";
1983
+ inherits: false;
1984
+ }
1985
+ @property --tw-ring-offset-width {
1986
+ syntax: "<length>";
1987
+ inherits: false;
1988
+ initial-value: 0px;
1989
+ }
1990
+ @property --tw-ring-offset-color {
1991
+ syntax: "*";
1992
+ inherits: false;
1993
+ initial-value: #fff;
1994
+ }
1995
+ @property --tw-ring-offset-shadow {
1996
+ syntax: "*";
1997
+ inherits: false;
1998
+ initial-value: 0 0 #0000;
1999
+ }
2000
+ @property --tw-outline-style {
2001
+ syntax: "*";
2002
+ inherits: false;
2003
+ initial-value: solid;
2004
+ }
2005
+ @property --tw-blur {
2006
+ syntax: "*";
2007
+ inherits: false;
2008
+ }
2009
+ @property --tw-brightness {
2010
+ syntax: "*";
2011
+ inherits: false;
2012
+ }
2013
+ @property --tw-contrast {
2014
+ syntax: "*";
2015
+ inherits: false;
2016
+ }
2017
+ @property --tw-grayscale {
2018
+ syntax: "*";
2019
+ inherits: false;
2020
+ }
2021
+ @property --tw-hue-rotate {
2022
+ syntax: "*";
2023
+ inherits: false;
2024
+ }
2025
+ @property --tw-invert {
2026
+ syntax: "*";
2027
+ inherits: false;
2028
+ }
2029
+ @property --tw-opacity {
2030
+ syntax: "*";
2031
+ inherits: false;
2032
+ }
2033
+ @property --tw-saturate {
2034
+ syntax: "*";
2035
+ inherits: false;
2036
+ }
2037
+ @property --tw-sepia {
2038
+ syntax: "*";
2039
+ inherits: false;
2040
+ }
2041
+ @property --tw-drop-shadow {
2042
+ syntax: "*";
2043
+ inherits: false;
2044
+ }
2045
+ @property --tw-drop-shadow-color {
2046
+ syntax: "*";
2047
+ inherits: false;
2048
+ }
2049
+ @property --tw-drop-shadow-alpha {
2050
+ syntax: "<percentage>";
2051
+ inherits: false;
2052
+ initial-value: 100%;
2053
+ }
2054
+ @property --tw-drop-shadow-size {
2055
+ syntax: "*";
2056
+ inherits: false;
2057
+ }
2058
+ @property --tw-duration {
2059
+ syntax: "*";
2060
+ inherits: false;
2061
+ }
2062
+ @layer properties {
2063
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2064
+ *, ::before, ::after, ::backdrop {
2065
+ --tw-translate-x: 0;
2066
+ --tw-translate-y: 0;
2067
+ --tw-translate-z: 0;
2068
+ --tw-space-y-reverse: 0;
2069
+ --tw-divide-y-reverse: 0;
2070
+ --tw-border-style: solid;
2071
+ --tw-font-weight: initial;
2072
+ --tw-tracking: initial;
2073
+ --tw-shadow: 0 0 #0000;
2074
+ --tw-shadow-color: initial;
2075
+ --tw-shadow-alpha: 100%;
2076
+ --tw-inset-shadow: 0 0 #0000;
2077
+ --tw-inset-shadow-color: initial;
2078
+ --tw-inset-shadow-alpha: 100%;
2079
+ --tw-ring-color: initial;
2080
+ --tw-ring-shadow: 0 0 #0000;
2081
+ --tw-inset-ring-color: initial;
2082
+ --tw-inset-ring-shadow: 0 0 #0000;
2083
+ --tw-ring-inset: initial;
2084
+ --tw-ring-offset-width: 0px;
2085
+ --tw-ring-offset-color: #fff;
2086
+ --tw-ring-offset-shadow: 0 0 #0000;
2087
+ --tw-outline-style: solid;
2088
+ --tw-blur: initial;
2089
+ --tw-brightness: initial;
2090
+ --tw-contrast: initial;
2091
+ --tw-grayscale: initial;
2092
+ --tw-hue-rotate: initial;
2093
+ --tw-invert: initial;
2094
+ --tw-opacity: initial;
2095
+ --tw-saturate: initial;
2096
+ --tw-sepia: initial;
2097
+ --tw-drop-shadow: initial;
2098
+ --tw-drop-shadow-color: initial;
2099
+ --tw-drop-shadow-alpha: 100%;
2100
+ --tw-drop-shadow-size: initial;
2101
+ --tw-duration: initial;
2102
+ }
2103
+ }
2104
+ }