lookbook 0.9.0 → 1.0.0.beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (211) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +90 -824
  3. data/app/assets/lookbook/css/lookbook.css +55 -0
  4. data/app/assets/lookbook/css/themes/blue.css +42 -0
  5. data/app/assets/lookbook/css/themes/indigo.css +42 -0
  6. data/app/assets/lookbook/css/themes/zinc.css +42 -0
  7. data/app/assets/lookbook/css/{tooltip_theme.css → tooltip.css} +14 -8
  8. data/app/assets/lookbook/js/app.js +64 -63
  9. data/app/assets/lookbook/js/components/clipboard.js +47 -0
  10. data/app/assets/lookbook/js/components/tooltip.js +30 -0
  11. data/app/assets/lookbook/js/config.js +7 -4
  12. data/app/assets/lookbook/js/helpers/build.js +22 -0
  13. data/app/assets/lookbook/js/helpers/dom.js +45 -0
  14. data/app/assets/lookbook/js/helpers/layout.js +21 -0
  15. data/app/assets/lookbook/js/helpers/request.js +16 -0
  16. data/app/assets/lookbook/js/helpers/string.js +11 -0
  17. data/app/assets/lookbook/js/lib/socket.js +4 -3
  18. data/app/assets/lookbook/js/lib/tippy.js +8 -0
  19. data/app/assets/lookbook/js/lookbook.js +61 -0
  20. data/app/assets/lookbook/js/plugins/logger.js +39 -0
  21. data/app/assets/lookbook/js/stores/filter.js +2 -2
  22. data/app/assets/lookbook/js/stores/inspector.js +23 -17
  23. data/app/assets/lookbook/js/stores/layout.js +101 -5
  24. data/app/assets/lookbook/js/stores/nav.js +17 -16
  25. data/app/assets/lookbook/js/stores/pages.js +4 -2
  26. data/app/assets/lookbook/js/stores/settings.js +7 -0
  27. data/app/assets/lookbook/js/stores/workbench.js +29 -0
  28. data/app/components/lookbook/button/component.html.erb +28 -0
  29. data/app/components/lookbook/button/component.js +55 -0
  30. data/app/components/lookbook/button/component.rb +39 -0
  31. data/app/components/lookbook/button_group/component.html.erb +3 -0
  32. data/app/components/lookbook/button_group/component.rb +18 -0
  33. data/app/components/lookbook/code/component.css +57 -0
  34. data/app/components/lookbook/code/component.html.erb +10 -0
  35. data/app/components/lookbook/code/component.js +3 -0
  36. data/app/components/lookbook/code/component.rb +56 -0
  37. data/app/components/lookbook/code/highlight_github_light.css +217 -0
  38. data/app/components/lookbook/component.rb +41 -0
  39. data/app/components/lookbook/copy_button/component.html.erb +11 -0
  40. data/app/components/lookbook/copy_button/component.js +16 -0
  41. data/app/components/lookbook/copy_button/component.rb +23 -0
  42. data/app/components/lookbook/dimensions_display/component.html.erb +11 -0
  43. data/app/components/lookbook/dimensions_display/component.js +37 -0
  44. data/app/components/lookbook/dimensions_display/component.rb +18 -0
  45. data/app/components/lookbook/embed/component.html.erb +50 -0
  46. data/app/components/lookbook/embed/component.js +39 -0
  47. data/app/components/lookbook/embed/component.rb +22 -0
  48. data/app/components/lookbook/filter/component.html.erb +17 -0
  49. data/app/components/lookbook/filter/component.js +21 -0
  50. data/app/components/lookbook/filter/component.rb +15 -0
  51. data/app/components/lookbook/header/component.html.erb +79 -0
  52. data/app/components/lookbook/header/component.rb +9 -0
  53. data/app/components/lookbook/icon/component.css +11 -0
  54. data/app/components/lookbook/icon/component.html.erb +5 -0
  55. data/app/components/lookbook/icon/component.js +5 -0
  56. data/app/components/lookbook/icon/component.rb +23 -0
  57. data/app/components/lookbook/nav/component.html.erb +33 -0
  58. data/app/components/lookbook/nav/component.js +52 -0
  59. data/app/components/lookbook/nav/component.rb +37 -0
  60. data/app/components/lookbook/nav/item/component.html.erb +23 -0
  61. data/app/components/lookbook/nav/item/component.js +66 -0
  62. data/app/components/lookbook/nav/item/component.rb +84 -0
  63. data/app/components/lookbook/page_tabs/component.html.erb +18 -0
  64. data/app/components/lookbook/page_tabs/component.rb +19 -0
  65. data/app/components/lookbook/params_editor/component.html.erb +3 -0
  66. data/app/components/lookbook/params_editor/component.js +12 -0
  67. data/app/components/lookbook/params_editor/component.rb +11 -0
  68. data/app/components/lookbook/params_editor/field/component.html.erb +50 -0
  69. data/app/components/lookbook/params_editor/field/component.js +36 -0
  70. data/app/components/lookbook/params_editor/field/component.rb +41 -0
  71. data/app/components/lookbook/prose/component.css +12 -0
  72. data/app/components/lookbook/prose/component.html.erb +3 -0
  73. data/app/components/lookbook/prose/component.rb +26 -0
  74. data/app/components/lookbook/split_layout/component.html.erb +13 -0
  75. data/app/components/lookbook/split_layout/component.js +151 -0
  76. data/app/components/lookbook/split_layout/component.rb +11 -0
  77. data/app/components/lookbook/tab_panels/component.html.erb +5 -0
  78. data/app/components/lookbook/tab_panels/component.js +25 -0
  79. data/app/components/lookbook/tab_panels/component.rb +20 -0
  80. data/app/components/lookbook/tab_panels/panel/component.html.erb +8 -0
  81. data/app/components/lookbook/tab_panels/panel/component.rb +9 -0
  82. data/app/components/lookbook/tabs/component.css +8 -0
  83. data/app/components/lookbook/tabs/component.html.erb +20 -0
  84. data/app/components/lookbook/tabs/component.js +115 -0
  85. data/app/components/lookbook/tabs/component.rb +28 -0
  86. data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +20 -0
  87. data/app/components/lookbook/tabs/dropdown_tab/component.rb +17 -0
  88. data/app/components/lookbook/tabs/tab/component.html.erb +24 -0
  89. data/app/components/lookbook/tabs/tab/component.rb +17 -0
  90. data/app/components/lookbook/tag_component.rb +29 -0
  91. data/app/components/lookbook/toolbar/component.css +16 -0
  92. data/app/components/lookbook/toolbar/component.html.erb +5 -0
  93. data/app/components/lookbook/toolbar/component.rb +26 -0
  94. data/app/components/lookbook/viewport/component.css +11 -0
  95. data/app/components/lookbook/viewport/component.html.erb +57 -0
  96. data/app/{assets/lookbook/js/components/preview-window.js → components/lookbook/viewport/component.js} +57 -14
  97. data/app/components/lookbook/viewport/component.rb +21 -0
  98. data/app/controllers/lookbook/application_controller.rb +16 -5
  99. data/app/controllers/lookbook/pages_controller.rb +17 -8
  100. data/app/controllers/lookbook/previews_controller.rb +130 -89
  101. data/app/helpers/lookbook/application_helper.rb +6 -2
  102. data/app/helpers/lookbook/component_helper.rb +22 -10
  103. data/app/helpers/lookbook/output_helper.rb +8 -4
  104. data/app/helpers/lookbook/page_helper.rb +13 -21
  105. data/app/views/layouts/lookbook/application.html.erb +76 -28
  106. data/app/views/layouts/lookbook/inspector.html.erb +7 -0
  107. data/app/views/layouts/lookbook/page.html.erb +53 -0
  108. data/app/views/layouts/lookbook/shell.html.erb +64 -0
  109. data/app/views/layouts/lookbook/skeleton.html.erb +27 -10
  110. data/app/views/layouts/lookbook/standalone.html.erb +5 -0
  111. data/app/views/lookbook/404.html.erb +15 -0
  112. data/app/views/lookbook/error.html.erb +34 -34
  113. data/app/views/lookbook/index.html.erb +11 -6
  114. data/app/views/lookbook/pages/show.html.erb +37 -91
  115. data/app/views/{layouts/lookbook → lookbook}/preview.html.erb +6 -8
  116. data/app/views/lookbook/previews/panels/_content.html.erb +13 -0
  117. data/app/views/lookbook/previews/panels/_notes.html.erb +19 -25
  118. data/app/views/lookbook/previews/panels/_output.html.erb +7 -18
  119. data/app/views/lookbook/previews/panels/_params.html.erb +13 -15
  120. data/app/views/lookbook/previews/panels/_preview.html.erb +6 -52
  121. data/app/views/lookbook/previews/panels/_source.html.erb +6 -15
  122. data/app/views/lookbook/previews/show.html.erb +133 -24
  123. data/config/routes.rb +5 -5
  124. data/lib/lookbook/code_formatter.rb +37 -13
  125. data/lib/lookbook/collection.rb +19 -16
  126. data/lib/lookbook/config.rb +180 -0
  127. data/lib/lookbook/engine.rb +66 -59
  128. data/lib/lookbook/entity.rb +47 -0
  129. data/lib/lookbook/error.rb +1 -2
  130. data/lib/lookbook/features.rb +1 -1
  131. data/lib/lookbook/markdown.rb +3 -4
  132. data/lib/lookbook/page.rb +40 -34
  133. data/lib/lookbook/page_collection.rb +8 -0
  134. data/lib/lookbook/page_section.rb +31 -0
  135. data/lib/lookbook/params.rb +14 -3
  136. data/lib/lookbook/preview.rb +16 -7
  137. data/lib/lookbook/preview_collection.rb +8 -0
  138. data/lib/lookbook/preview_controller.rb +6 -2
  139. data/lib/lookbook/preview_example.rb +5 -6
  140. data/lib/lookbook/preview_group.rb +4 -9
  141. data/lib/lookbook/{code_inspector.rb → source_inspector.rb} +2 -2
  142. data/lib/lookbook/store.rb +36 -0
  143. data/lib/lookbook/theme.rb +29 -0
  144. data/lib/lookbook/utils.rb +10 -2
  145. data/lib/lookbook/version.rb +1 -1
  146. data/lib/lookbook.rb +6 -1
  147. data/lib/tasks/lookbook_tasks.rake +12 -0
  148. data/public/lookbook-assets/css/app.css +2340 -1
  149. data/public/lookbook-assets/css/app.css.map +11 -1
  150. data/public/lookbook-assets/css/lookbook.css +3069 -0
  151. data/public/lookbook-assets/css/lookbook.css.map +1 -0
  152. data/public/lookbook-assets/css/themes/blue.css +44 -0
  153. data/public/lookbook-assets/css/themes/blue.css.map +1 -0
  154. data/public/lookbook-assets/css/themes/indigo.css +44 -0
  155. data/public/lookbook-assets/css/themes/indigo.css.map +1 -0
  156. data/public/lookbook-assets/css/themes/zinc.css +44 -0
  157. data/public/lookbook-assets/css/themes/zinc.css.map +1 -0
  158. data/public/lookbook-assets/js/app.js +10861 -1
  159. data/public/lookbook-assets/js/app.js.map +2571 -1
  160. data/public/lookbook-assets/js/embed.js +895 -1
  161. data/public/lookbook-assets/js/embed.js.map +1 -1
  162. data/public/lookbook-assets/js/lookbook.js +13541 -0
  163. data/public/lookbook-assets/js/lookbook.js.map +1 -0
  164. metadata +133 -116
  165. data/app/assets/lookbook/css/app.css +0 -161
  166. data/app/assets/lookbook/css/code_theme.css +0 -214
  167. data/app/assets/lookbook/js/components/app.js +0 -55
  168. data/app/assets/lookbook/js/components/code.js +0 -5
  169. data/app/assets/lookbook/js/components/copy.js +0 -20
  170. data/app/assets/lookbook/js/components/embed.js +0 -89
  171. data/app/assets/lookbook/js/components/filter.js +0 -35
  172. data/app/assets/lookbook/js/components/inspector.js +0 -66
  173. data/app/assets/lookbook/js/components/nav-group.js +0 -47
  174. data/app/assets/lookbook/js/components/nav-item.js +0 -29
  175. data/app/assets/lookbook/js/components/nav.js +0 -28
  176. data/app/assets/lookbook/js/components/page-tabs.js +0 -9
  177. data/app/assets/lookbook/js/components/page.js +0 -25
  178. data/app/assets/lookbook/js/components/param.js +0 -34
  179. data/app/assets/lookbook/js/components/sidebar.js +0 -18
  180. data/app/assets/lookbook/js/components/sizes.js +0 -16
  181. data/app/assets/lookbook/js/components/splitter.js +0 -25
  182. data/app/assets/lookbook/js/components/tabs.js +0 -52
  183. data/app/assets/lookbook/js/lib/split.js +0 -15
  184. data/app/assets/lookbook/js/stores/sidebar.js +0 -26
  185. data/app/views/layouts/lookbook/basic.html.erb +0 -7
  186. data/app/views/lookbook/components/_branding.html.erb +0 -8
  187. data/app/views/lookbook/components/_code.html.erb +0 -17
  188. data/app/views/lookbook/components/_copy_button.html.erb +0 -11
  189. data/app/views/lookbook/components/_drawer.html.erb +0 -112
  190. data/app/views/lookbook/components/_embed.html.erb +0 -39
  191. data/app/views/lookbook/components/_errors.html.erb +0 -13
  192. data/app/views/lookbook/components/_filter.html.erb +0 -18
  193. data/app/views/lookbook/components/_header.html.erb +0 -6
  194. data/app/views/lookbook/components/_icon.html.erb +0 -5
  195. data/app/views/lookbook/components/_nav.html.erb +0 -16
  196. data/app/views/lookbook/components/_nav_collection.html.erb +0 -5
  197. data/app/views/lookbook/components/_nav_group.html.erb +0 -14
  198. data/app/views/lookbook/components/_nav_item.html.erb +0 -24
  199. data/app/views/lookbook/components/_nav_page.html.erb +0 -22
  200. data/app/views/lookbook/components/_nav_preview.html.erb +0 -13
  201. data/app/views/lookbook/components/_not_found.html.erb +0 -11
  202. data/app/views/lookbook/components/_param.html.erb +0 -21
  203. data/app/views/lookbook/components/_preview.html.erb +0 -77
  204. data/app/views/lookbook/components/_sidebar.html.erb +0 -69
  205. data/app/views/lookbook/pages/not_found.html.erb +0 -15
  206. data/app/views/lookbook/previews/error.html.erb +0 -1
  207. data/app/views/lookbook/previews/inputs/_select.html.erb +0 -7
  208. data/app/views/lookbook/previews/inputs/_text.html.erb +0 -8
  209. data/app/views/lookbook/previews/inputs/_textarea.html.erb +0 -8
  210. data/app/views/lookbook/previews/inputs/_toggle.html.erb +0 -13
  211. data/app/views/lookbook/previews/not_found.html.erb +0 -23
@@ -1 +1,11 @@
1
- {"mappings":"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","sources":["css/app.css","app/assets/lookbook/css/app.css"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n border: 0 solid #e5e7eb;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: Nunito Sans, -apple-system, \\.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n[type=\"text\"], [type=\"email\"], [type=\"url\"], [type=\"password\"], [type=\"number\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"search\"], [type=\"tel\"], [type=\"time\"], [type=\"week\"], [multiple], textarea, select {\n appearance: none;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n border-width: 1px;\n border-color: #6b7280;\n border-radius: 0;\n padding: .5rem .75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n[type=\"text\"]:focus, [type=\"email\"]:focus, [type=\"url\"]:focus, [type=\"password\"]:focus, [type=\"number\"]:focus, [type=\"date\"]:focus, [type=\"datetime-local\"]:focus, [type=\"month\"]:focus, [type=\"search\"]:focus, [type=\"tel\"]:focus, [type=\"time\"]:focus, [type=\"week\"]:focus, [multiple]:focus, textarea:focus, select:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #2563eb;\n outline: 2px solid #0000;\n}\n\ninput::placeholder, textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n}\n\n::-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 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\nselect {\n color-adjust: exact;\n 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='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right .5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n}\n\n[multiple] {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n color-adjust: unset;\n padding-right: .75rem;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n appearance: none;\n color-adjust: exact;\n vertical-align: middle;\n user-select: none;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n background-origin: border-box;\n border-width: 1px;\n border-color: #6b7280;\n flex-shrink: 0;\n padding: 0;\n display: inline-block;\n}\n\n[type=\"checkbox\"] {\n border-radius: 0;\n}\n\n[type=\"radio\"] {\n border-radius: 100%;\n}\n\n[type=\"checkbox\"]:focus, [type=\"radio\"]:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n outline: 2px solid #0000;\n}\n\n[type=\"checkbox\"]:checked, [type=\"radio\"]:checked {\n background-color: currentColor;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:checked {\n 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\");\n}\n\n[type=\"radio\"]:checked {\n 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\");\n}\n\n[type=\"checkbox\"]:checked:hover, [type=\"checkbox\"]:checked:focus, [type=\"radio\"]:checked:hover, [type=\"radio\"]:checked:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate {\n background-color: currentColor;\n 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\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate:hover, [type=\"checkbox\"]:indeterminate:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"file\"] {\n background: unset;\n border-color: inherit;\n font-size: unset;\n line-height: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n[type=\"file\"]:focus {\n outline: 1px auto -webkit-focus-ring-color;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n}\n\n[x-cloak] {\n display: none !important;\n}\n\npre[class*=\"language-\"] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.feather {\n width: 24px;\n height: 24px;\n stroke: currentColor;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n}\n\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: none;\n}\n\n::-webkit-scrollbar-thumb {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity) );\n background-clip: content-box;\n border: 2px solid #0000;\n border-radius: 6px;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n::-webkit-scrollbar-thumb:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity) );\n}\n\n*, :before, :after {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.prose {\n color: var(--tw-prose-body);\n max-width: 65ch;\n}\n\n.prose :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-lead);\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n font-size: 1.25em;\n line-height: 1.6;\n}\n\n.prose :where(a):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-links);\n font-weight: 500;\n text-decoration: underline;\n}\n\n.prose :where(strong):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n\n.prose :where(ol):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.625em;\n list-style-type: decimal;\n}\n\n.prose :where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: decimal;\n}\n\n.prose :where(ul):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.625em;\n list-style-type: disc;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-counters);\n font-weight: 400;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-bullets);\n}\n\n.prose :where(hr):not(:where([class~=\"not-prose\"] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n\n.prose :where(blockquote):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-quotes);\n border-left-width: .25rem;\n border-left-color: var(--tw-prose-quote-borders);\n quotes: \"“\"\"”\"\"‘\"\"’\";\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-left: 1em;\n font-style: italic;\n font-weight: 500;\n}\n\n.prose :where(blockquote p:first-of-type):not(:where([class~=\"not-prose\"] *)):before {\n content: open-quote;\n}\n\n.prose :where(blockquote p:last-of-type):not(:where([class~=\"not-prose\"] *)):after {\n content: close-quote;\n}\n\n.prose :where(h1):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 0;\n margin-bottom: .888889em;\n font-size: 2.25em;\n font-weight: 800;\n line-height: 1.11111;\n}\n\n.prose :where(h1 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 900;\n}\n\n.prose :where(h2):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 2em;\n margin-bottom: 1em;\n font-size: 1.5em;\n font-weight: 700;\n line-height: 1.33333;\n}\n\n.prose :where(h2 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 800;\n}\n\n.prose :where(h3):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.6em;\n margin-bottom: .6em;\n font-size: 1.25em;\n font-weight: 600;\n line-height: 1.6;\n}\n\n.prose :where(h3 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 700;\n}\n\n.prose :where(h4):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.5em;\n margin-bottom: .5em;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.prose :where(h4 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 700;\n}\n\n.prose :where(figure > *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose :where(figcaption):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-captions);\n margin-top: .857143em;\n font-size: .875em;\n line-height: 1.42857;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-code);\n font-size: .875em;\n font-weight: 600;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"] *)):before, .prose :where(code):not(:where([class~=\"not-prose\"] *)):after {\n content: \"`\";\n}\n\n.prose :where(a code):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-links);\n}\n\n.prose :where(pre):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n border-radius: .375rem;\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n padding: .857143em 1.14286em;\n font-size: .875em;\n font-weight: 400;\n line-height: 1.71429;\n overflow-x: auto;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"] *)) {\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n background-color: #0000;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"] *)):before, .prose :where(pre code):not(:where([class~=\"not-prose\"] *)):after {\n content: none;\n}\n\n.prose :where(table):not(:where([class~=\"not-prose\"] *)) {\n width: 100%;\n table-layout: auto;\n text-align: left;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: .875em;\n line-height: 1.71429;\n}\n\n.prose :where(thead):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n\n.prose :where(thead th):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n vertical-align: bottom;\n padding-bottom: .571429em;\n padding-left: .571429em;\n padding-right: .571429em;\n font-weight: 600;\n}\n\n.prose :where(tbody tr):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n\n.prose :where(tbody tr:last-child):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 0;\n}\n\n.prose :where(tbody td):not(:where([class~=\"not-prose\"] *)) {\n vertical-align: baseline;\n padding: .571429em;\n}\n\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-counters: #6b7280;\n --tw-prose-bullets: #d1d5db;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: #00000080;\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n\n.prose :where(p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n\n.prose :where(img):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(video):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(figure):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(h2 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .875em;\n}\n\n.prose :where(h3 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .9em;\n}\n\n.prose :where(li):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .5em;\n margin-bottom: .5em;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .375em;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .375em;\n}\n\n.prose > :where(ul > li p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose > :where(ul > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose > :where(ul > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose > :where(ol > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose > :where(ol > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose :where(hr + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h2 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h3 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h4 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(thead th:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(thead th:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose :where(tbody td:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(tbody td:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose > :where(:first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose > :where(:last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n}\n\n.prose-sm {\n font-size: .875rem;\n line-height: 1.71429;\n}\n\n.prose-sm :where(p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n margin-bottom: 1.14286em;\n}\n\n.prose-sm :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .888889em;\n margin-bottom: .888889em;\n font-size: 1.28571em;\n line-height: 1.55556;\n}\n\n.prose-sm :where(blockquote):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n margin-bottom: 1.33333em;\n padding-left: 1.11111em;\n}\n\n.prose-sm :where(h1):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: .8em;\n font-size: 2.14286em;\n line-height: 1.2;\n}\n\n.prose-sm :where(h2):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.6em;\n margin-bottom: .8em;\n font-size: 1.42857em;\n line-height: 1.4;\n}\n\n.prose-sm :where(h3):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.55556em;\n margin-bottom: .444444em;\n font-size: 1.28571em;\n line-height: 1.55556;\n}\n\n.prose-sm :where(h4):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.42857em;\n margin-bottom: .571429em;\n line-height: 1.42857;\n}\n\n.prose-sm :where(img):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(video):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(figure):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(figure > *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose-sm :where(figcaption):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .666667em;\n font-size: .857143em;\n line-height: 1.33333;\n}\n\n.prose-sm :where(code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .857143em;\n}\n\n.prose-sm :where(h2 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .9em;\n}\n\n.prose-sm :where(h3 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .888889em;\n}\n\n.prose-sm :where(pre):not(:where([class~=\"not-prose\"] *)) {\n border-radius: .25rem;\n margin-top: 1.66667em;\n margin-bottom: 1.66667em;\n padding: .666667em 1em;\n font-size: .857143em;\n line-height: 1.66667;\n}\n\n.prose-sm :where(ol):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.57143em;\n}\n\n.prose-sm :where(ul):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.57143em;\n}\n\n.prose-sm :where(li):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .285714em;\n margin-bottom: .285714em;\n}\n\n.prose-sm :where(ol > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .428571em;\n}\n\n.prose-sm :where(ul > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .428571em;\n}\n\n.prose-sm > :where(ul > li p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .571429em;\n margin-bottom: .571429em;\n}\n\n.prose-sm > :where(ul > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n}\n\n.prose-sm > :where(ul > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.14286em;\n}\n\n.prose-sm > :where(ol > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n}\n\n.prose-sm > :where(ol > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.14286em;\n}\n\n.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .571429em;\n margin-bottom: .571429em;\n}\n\n.prose-sm :where(hr):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2.85714em;\n margin-bottom: 2.85714em;\n}\n\n.prose-sm :where(hr + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h2 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h3 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h4 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(table):not(:where([class~=\"not-prose\"] *)) {\n font-size: .857143em;\n line-height: 1.5;\n}\n\n.prose-sm :where(thead th):not(:where([class~=\"not-prose\"] *)) {\n padding-bottom: .666667em;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.prose-sm :where(thead th:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose-sm :where(thead th:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose-sm :where(tbody td):not(:where([class~=\"not-prose\"] *)) {\n padding: .666667em 1em;\n}\n\n.prose-sm :where(tbody td:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose-sm :where(tbody td:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose-sm > :where(:first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm > :where(:last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n}\n\n.unsectioned > nav > ul > li > div {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.nav-toggle {\n cursor: pointer;\n align-items: center;\n padding-right: .75rem;\n display: flex;\n}\n\n.nav-toggle:hover {\n background-color: rgb(229 231 235 / var(--tw-bg-opacity) );\n --tw-bg-opacity: .5;\n}\n\n.nav-label {\n width: 100%;\n user-select: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n overflow: hidden;\n}\n\n.code {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\n.code pre {\n display: block;\n}\n\n.code.wrapped pre {\n white-space: pre-wrap;\n}\n\n.code .line {\n line-height: 1.625;\n}\n\n.code.numbered {\n position: relative;\n}\n\n.code.numbered:before {\n content: \"\";\n z-index: 10;\n --tw-border-opacity: 1;\n border-right-width: 1px;\n border-color: rgb(229 231 235 / var(--tw-border-opacity) );\n position: absolute;\n top: 0;\n bottom: 0;\n left: 2.7em;\n}\n\n.code.numbered .line {\n padding-left: calc(2.7em + 14px);\n position: relative;\n}\n\n.code .line-number {\n width: calc(2.7em + 8px);\n text-align: right;\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n flex: none;\n margin-right: 16px;\n padding-top: 3px;\n padding-bottom: 3px;\n padding-right: 8px;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n font-size: .75rem;\n line-height: 1rem;\n display: inline-block;\n position: absolute;\n left: 0;\n}\n\n.code .line-content {\n flex: none;\n padding-right: 1rem;\n}\n\n.code.focussed .line:not(.highlighted-line) *, .code.focussed .line:not(.highlighted-line) .line-content * {\n color: rgb(55 65 81 / var(--tw-text-opacity) ) !important;\n --tw-text-opacity: .4 !important;\n}\n\n.code.focussed .line:not(.highlighted-line) .line-number {\n opacity: .7 !important;\n}\n\n.code.focussed .line.highlighted-line {\n --tw-bg-opacity: 1;\n background-color: rgb(254 252 232 / var(--tw-bg-opacity) );\n}\n\n.code.focussed .line.highlighted-line .line-number {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.prose .code {\n width: 100%;\n max-width: 48rem;\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n border-radius: .375rem;\n margin: 2rem auto;\n padding-top: 1rem;\n padding-bottom: 1rem;\n font-size: .875rem;\n line-height: 1.25rem;\n overflow: auto;\n --tw-bg-opacity: 1 !important;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) ) !important;\n}\n\n.prose .code:not(.numbered) .line {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.prose .embed {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.resize-handle {\n height: 100%;\n width: 100%;\n touch-action: none;\n user-select: none;\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n justify-content: center;\n align-items: center;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n display: flex;\n}\n\n.resize-handle:hover {\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) );\n --tw-bg-opacity: .2;\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.pointer-events-none {\n pointer-events: none;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.inset-0 {\n inset: 0;\n}\n\n.-inset-px {\n inset: -1px;\n}\n\n.top-0 {\n top: 0;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.top-\\[9px\\] {\n top: 9px;\n}\n\n.-top-px {\n top: -1px;\n}\n\n.-right-px {\n right: -1px;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.right-5 {\n right: 1.25rem;\n}\n\n.left-0 {\n left: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.-left-px {\n left: -1px;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.mb-2 {\n margin-bottom: .5rem;\n}\n\n.\\!mt-1 {\n margin-top: .25rem !important;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.-mb-px {\n margin-bottom: -1px;\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.mt-2 {\n margin-top: .5rem;\n}\n\n.mr-6 {\n margin-right: 1.5rem;\n}\n\n.mr-1 {\n margin-right: .25rem;\n}\n\n.mr-1\\.5 {\n margin-right: .375rem;\n}\n\n.ml-\\[3px\\] {\n margin-left: 3px;\n}\n\n.mt-1 {\n margin-top: .25rem;\n}\n\n.ml-2 {\n margin-left: .5rem;\n}\n\n.mt-3 {\n margin-top: .75rem;\n}\n\n.mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.mt-12 {\n margin-top: 3rem;\n}\n\n.mr-2 {\n margin-right: .5rem;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.grid {\n display: grid;\n}\n\n.hidden {\n display: none;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-screen {\n height: 100vh;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-3\\.5 {\n height: .875rem;\n}\n\n.h-3 {\n height: .75rem;\n}\n\n.h-\\[11px\\] {\n height: 11px;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-5 {\n height: 1.25rem;\n}\n\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.w-\\[9px\\] {\n width: 9px;\n}\n\n.w-px {\n width: 1px;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-3\\.5 {\n width: .875rem;\n}\n\n.w-3 {\n width: .75rem;\n}\n\n.w-11 {\n width: 2.75rem;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-\\[120px\\] {\n min-width: 120px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.\\!max-w-full {\n max-width: 100% !important;\n}\n\n.max-w-xs {\n max-width: 20rem;\n}\n\n.max-w-\\[800px\\] {\n max-width: 800px;\n}\n\n.max-w-3xl {\n max-width: 48rem;\n}\n\n.max-w-none {\n max-width: none;\n}\n\n.flex-none {\n flex: none;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.scale-\\[-1\\] {\n --tw-scale-x: -1;\n --tw-scale-y: -1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.cursor-\\[col-resize\\] {\n cursor: col-resize;\n}\n\n.cursor-auto {\n cursor: auto;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.cursor-\\[row-resize\\] {\n cursor: row-resize;\n}\n\n.\\!cursor-default {\n cursor: default !important;\n}\n\n.cursor-\\[nwse-resize\\] {\n cursor: nwse-resize;\n}\n\n.select-none {\n user-select: none;\n}\n\n.resize {\n resize: both;\n}\n\n.grid-cols-\\[1fr_17px\\] {\n grid-template-columns: 1fr 17px;\n}\n\n.grid-rows-\\[40px_1fr\\] {\n grid-template-rows: 40px 1fr;\n}\n\n.grid-rows-\\[1fr_17px\\] {\n grid-template-rows: 1fr 17px;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(2rem * var(--tw-space-x-reverse) );\n margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-x-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(.75rem * var(--tw-space-x-reverse) );\n margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(.25rem * var(--tw-space-x-reverse) );\n margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse) ) );\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse) );\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse) ) );\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse) );\n}\n\n.divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse) );\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse) ) );\n}\n\n.divide-dashed > :not([hidden]) ~ :not([hidden]) {\n border-style: dashed;\n}\n\n.divide-red-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-divide-opacity) );\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-divide-opacity) );\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n.scroll-smooth {\n scroll-behavior: smooth;\n}\n\n.truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.break-all {\n word-break: break-all;\n}\n\n.rounded-md {\n border-radius: .375rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border-2 {\n border-width: 2px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-b {\n border-bottom-width: 1px;\n}\n\n.border-r {\n border-right-width: 1px;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n}\n\n.border-l-2 {\n border-left-width: 2px;\n}\n\n.border-l {\n border-left-width: 1px;\n}\n\n.border-dashed {\n border-style: dashed;\n}\n\n.border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity) );\n}\n\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity) );\n}\n\n.\\!border-red-200 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(254 202 202 / var(--tw-border-opacity) ) !important;\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n}\n\n.border-indigo-400 {\n --tw-border-opacity: 1;\n border-color: rgb(129 140 248 / var(--tw-border-opacity) );\n}\n\n.border-transparent {\n border-color: #0000;\n}\n\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity) );\n}\n\n.\\!border-gray-300 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) ) !important;\n}\n\n.\\!border-gray-500 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(107 114 128 / var(--tw-border-opacity) ) !important;\n}\n\n.border-gray-50 {\n --tw-border-opacity: 1;\n border-color: rgb(249 250 251 / var(--tw-border-opacity) );\n}\n\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity) );\n}\n\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity) );\n}\n\n.bg-transparent {\n background-color: #0000;\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n}\n\n.\\!bg-indigo-100 {\n --tw-bg-opacity: 1 !important;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) ) !important;\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity) );\n}\n\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity) );\n}\n\n.bg-indigo-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity) );\n}\n\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity) );\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.p-6 {\n padding: 1.5rem;\n}\n\n.p-1 {\n padding: .25rem;\n}\n\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.py-\\[5px\\] {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.pt-8 {\n padding-top: 2rem;\n}\n\n.pl-2 {\n padding-left: .5rem;\n}\n\n.pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.pr-2 {\n padding-right: .5rem;\n}\n\n.pl-4 {\n padding-left: 1rem;\n}\n\n.pr-8 {\n padding-right: 2rem;\n}\n\n.pt-2\\.5 {\n padding-top: .625rem;\n}\n\n.pb-1\\.5 {\n padding-bottom: .375rem;\n}\n\n.pt-2 {\n padding-top: .5rem;\n}\n\n.pb-1 {\n padding-bottom: .25rem;\n}\n\n.pl-3 {\n padding-left: .75rem;\n}\n\n.pr-3 {\n padding-right: .75rem;\n}\n\n.pr-4 {\n padding-right: 1rem;\n}\n\n.pb-3 {\n padding-bottom: .75rem;\n}\n\n.pt-3 {\n padding-top: .75rem;\n}\n\n.pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.text-center {\n text-align: center;\n}\n\n.font-mono {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\n.font-sans {\n font-family: Nunito Sans, -apple-system, \\.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.text-\\[11px\\] {\n font-size: 11px;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-black {\n font-weight: 900;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.italic {\n font-style: italic;\n}\n\n.leading-relaxed {\n line-height: 1.625;\n}\n\n.leading-tight {\n line-height: 1.25;\n}\n\n.leading-none {\n line-height: 1;\n}\n\n.tracking-wide {\n letter-spacing: .025em;\n}\n\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity) );\n}\n\n.text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity) );\n}\n\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity) );\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n}\n\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity) );\n}\n\n.\\!text-green-600 {\n --tw-text-opacity: 1 !important;\n color: rgb(22 163 74 / var(--tw-text-opacity) ) !important;\n}\n\n.\\!text-gray-300 {\n --tw-text-opacity: 1 !important;\n color: rgb(209 213 219 / var(--tw-text-opacity) ) !important;\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity) );\n}\n\n.text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity) );\n}\n\n.text-indigo-500 {\n --tw-text-opacity: 1;\n color: rgb(99 102 241 / var(--tw-text-opacity) );\n}\n\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.text-red-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity) );\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n}\n\n.underline {\n text-decoration-line: underline;\n}\n\n.antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-30 {\n opacity: .3;\n}\n\n.opacity-80 {\n opacity: .8;\n}\n\n.opacity-50 {\n opacity: .5;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.opacity-20 {\n opacity: .2;\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-100 {\n transition-duration: .1s;\n}\n\n.duration-200 {\n transition-duration: .2s;\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.form-input {\n width: 100%;\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n border-radius: .125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.form-input:focus {\n --tw-border-opacity: 1;\n border-color: rgb(165 180 252 / var(--tw-border-opacity) );\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity) );\n}\n\n.checked-bg {\n background-color: #fff;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.tippy-box[data-animation=\"fade\"][data-state=\"hidden\"] {\n opacity: 0;\n}\n\n[data-tippy-root] {\n max-width: calc(100vw - 10px);\n}\n\n.tippy-box {\n color: #fff;\n white-space: normal;\n background-color: #333;\n border-radius: 4px;\n outline: 0;\n font-size: 14px;\n line-height: 1.4;\n transition-property: transform, visibility, opacity;\n position: relative;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow {\n bottom: 0;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow:before {\n border-width: 8px 8px 0;\n border-top-color: initial;\n transform-origin: top;\n bottom: -7px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow {\n top: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n transform-origin: bottom;\n top: -7px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow {\n right: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow:before {\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n transform-origin: 0;\n right: -7px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow {\n left: 0;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow:before {\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n transform-origin: 100%;\n left: -7px;\n}\n\n.tippy-box[data-inertia][data-state=\"visible\"] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n}\n\n.tippy-arrow {\n width: 16px;\n height: 16px;\n color: #333;\n}\n\n.tippy-arrow:before {\n content: \"\";\n border-style: solid;\n border-color: #0000;\n position: absolute;\n}\n\n.tippy-content {\n z-index: 1;\n padding: 5px 9px;\n position: relative;\n}\n\n.tippy-box {\n border: 1px #0000;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow:after {\n border-top-color: inherit;\n border-width: 8px 8px 0;\n bottom: -8px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:after {\n border-bottom-color: inherit;\n border-width: 0 8px 8px;\n top: -8px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow:after {\n border-left-color: inherit;\n border-width: 8px 0 8px 8px;\n top: 0;\n right: -8px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow:after {\n border-width: 8px 8px 8px 0;\n border-right-color: inherit;\n top: 0;\n left: -8px;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n top: 17px;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n bottom: 17px;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n left: 12px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n right: 12px;\n}\n\n.tippy-arrow {\n border-color: inherit;\n}\n\n.tippy-arrow:after {\n content: \"\";\n z-index: -1;\n border-style: solid;\n border-color: #0000;\n position: absolute;\n}\n\n.highlight .hll {\n background-color: #f8f8f8;\n border: 1px solid #ccc;\n border-radius: 3px;\n padding: 6px 10px;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n background-color: #e3d2d2;\n}\n\n.highlight .k, .highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-style: italic;\n font-weight: bold;\n}\n\n.highlight .gd {\n color: #000;\n background-color: #fdd;\n}\n\n.highlight .gd .x {\n color: #000;\n background-color: #faa;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n background-color: #dfd;\n}\n\n.highlight .gi .x {\n color: #000;\n background-color: #afa;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: purple;\n font-weight: bold;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .n {\n color: #333;\n}\n\n.highlight .na {\n color: teal;\n}\n\n.highlight .nb {\n color: #0086b3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: teal;\n}\n\n.highlight .ni {\n color: purple;\n}\n\n.highlight .ne, .highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: navy;\n}\n\n.highlight .nv {\n color: teal;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {\n color: #099;\n}\n\n.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc, .highlight .vg, .highlight .vi {\n color: teal;\n}\n\n.highlight .il {\n color: #099;\n}\n\n.highlight .gc {\n color: #999;\n background-color: #eaf2f5;\n}\n\n.tippy-box[data-theme~=\"lookbook\"] {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity) );\n opacity: .9;\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"top\"] > .tippy-arrow:before {\n border-top-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-bottom-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"left\"] > .tippy-arrow:before {\n border-left-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"right\"] > .tippy-arrow:before {\n border-right-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"menu\"] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n border: 1px solid #d1d5db;\n border-radius: .25rem;\n}\n\n.tippy-box[data-theme~=\"menu\"] > .tippy-content {\n padding: 0;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"top\"] > .tippy-arrow:before {\n border-top-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-bottom-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"left\"] > .tippy-arrow:before {\n border-left-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"right\"] > .tippy-arrow:before {\n border-right-color: #fff;\n}\n\n.placeholder\\:italic::placeholder {\n font-style: italic;\n}\n\n.placeholder\\:text-gray-500::placeholder {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity) );\n}\n\n.hover\\:border-gray-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(107 114 128 / var(--tw-border-opacity) );\n}\n\n.hover\\:bg-indigo-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) );\n}\n\n.hover\\:bg-gray-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity) );\n}\n\n.hover\\:bg-opacity-20:hover {\n --tw-bg-opacity: .2;\n}\n\n.hover\\:bg-opacity-50:hover {\n --tw-bg-opacity: .5;\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-green-600:hover {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-indigo-500:hover {\n --tw-text-opacity: 1;\n color: rgb(99 102 241 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-indigo-800:hover {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity) );\n}\n\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\n\n.focus\\:outline-none:focus {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-indigo-400:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity) );\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n.group:hover .group-hover\\:text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity) );\n}\n\n.prose-a\\:text-indigo-900 :is(:where(a):not(:where([class~=\"not-prose\"] *))) {\n --tw-text-opacity: 1;\n color: rgb(49 46 129 / var(--tw-text-opacity) );\n}\n\n@media (min-width: 768px) {\n .md\\:px-10 {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n .md\\:pt-12 {\n padding-top: 3rem;\n }\n}\n\n/*# sourceMappingURL=app.css.map */\n","@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n@import \"tippy.js/dist/tippy\";\n@import \"tippy.js/dist/border\";\n@import \"code_theme\";\n@import \"tooltip_theme\";\n\n@layer base {\n html {\n scroll-behavior: smooth;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n }\n\n [x-cloak] {\n display: none !important;\n }\n\n pre[class*=\"language-\"] {\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .feather {\n width: 24px;\n height: 24px;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n }\n\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply bg-gray-300 transition-colors;\n border-radius: 6px;\n border: 2px solid transparent;\n background-clip: content-box;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-gray-400;\n }\n}\n\n@layer components {\n .unsectioned > nav > ul > li > div {\n @apply py-1 border-b border-gray-300;\n }\n\n .nav-toggle {\n @apply flex items-center cursor-pointer pr-3 hover:bg-gray-200 hover:bg-opacity-50;\n }\n\n .nav-label {\n @apply truncate w-full whitespace-nowrap text-left select-none;\n }\n\n .code {\n @apply font-mono;\n }\n\n .code pre {\n @apply block;\n }\n\n .code.wrapped pre {\n @apply whitespace-pre-wrap;\n }\n\n .code .line {\n @apply leading-relaxed;\n }\n\n .code.numbered {\n @apply relative;\n }\n\n .code.numbered:before {\n content: \"\";\n left: 2.7em;\n @apply absolute top-0 bottom-0 border-r border-gray-200 z-10;\n }\n\n .code.numbered .line {\n padding-left: calc(2.7em + 14px);\n @apply relative;\n }\n\n .code .line-number {\n display: inline-block;\n width: calc(2.7em + 8px);\n padding-top: 3px;\n padding-bottom: 3px;\n padding-right: 8px;\n margin-right: 16px;\n @apply font-mono text-right text-gray-400 flex-none text-xs absolute left-0;\n }\n\n .code .line-content {\n @apply flex-none pr-4;\n }\n\n .code.focussed .line:not(.highlighted-line) *,\n .code.focussed .line:not(.highlighted-line) .line-content * {\n @apply !text-gray-700 !text-opacity-40;\n }\n\n .code.focussed .line:not(.highlighted-line) .line-number {\n @apply !opacity-70;\n }\n\n .code.focussed .line.highlighted-line {\n @apply bg-yellow-50;\n }\n\n .code.focussed .line.highlighted-line .line-number {\n @apply text-gray-900;\n }\n\n .prose .code {\n @apply !bg-white border border-gray-300 text-gray-600 my-8 rounded-md py-4 text-sm overflow-auto max-w-3xl w-full mx-auto;\n }\n\n .prose .code:not(.numbered) .line {\n @apply px-4;\n }\n\n .prose .embed {\n @apply my-8;\n }\n\n .resize-handle {\n @apply flex items-center justify-center h-full w-full border-gray-300 bg-white hover:bg-indigo-100 hover:bg-opacity-20 text-gray-400 hover:text-gray-700 transition select-none touch-none;\n }\n}\n\n@layer utilities {\n .form-input {\n @apply border-gray-300 text-gray-700 focus:ring-indigo-300 focus:border-indigo-300 rounded-sm text-sm w-full;\n }\n\n .checked-bg {\n background-color: #ffffff;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n }\n}\n"],"names":[],"version":3,"file":"app.css.map"}
1
+ {
2
+ "mappings": "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",
3
+ "sources": ["css/app.css", "app/assets/lookbook/css/app.css"],
4
+ "sourcesContent": [
5
+ "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid #e5e7eb;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: Nunito Sans, -apple-system, \\.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n[type=\"text\"], [type=\"email\"], [type=\"url\"], [type=\"password\"], [type=\"number\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"search\"], [type=\"tel\"], [type=\"time\"], [type=\"week\"], [multiple], textarea, select {\n appearance: none;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n border-width: 1px;\n border-color: #6b7280;\n border-radius: 0;\n padding: .5rem .75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n[type=\"text\"]:focus, [type=\"email\"]:focus, [type=\"url\"]:focus, [type=\"password\"]:focus, [type=\"number\"]:focus, [type=\"date\"]:focus, [type=\"datetime-local\"]:focus, [type=\"month\"]:focus, [type=\"search\"]:focus, [type=\"tel\"]:focus, [type=\"time\"]:focus, [type=\"week\"]:focus, [multiple]:focus, textarea:focus, select:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #2563eb;\n outline: 2px solid #0000;\n}\n\ninput::placeholder, textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n}\n\n::-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 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\nselect {\n color-adjust: exact;\n 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='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right .5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n}\n\n[multiple] {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n color-adjust: unset;\n padding-right: .75rem;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n appearance: none;\n color-adjust: exact;\n vertical-align: middle;\n user-select: none;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n background-origin: border-box;\n border-width: 1px;\n border-color: #6b7280;\n flex-shrink: 0;\n padding: 0;\n display: inline-block;\n}\n\n[type=\"checkbox\"] {\n border-radius: 0;\n}\n\n[type=\"radio\"] {\n border-radius: 100%;\n}\n\n[type=\"checkbox\"]:focus, [type=\"radio\"]:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n outline: 2px solid #0000;\n}\n\n[type=\"checkbox\"]:checked, [type=\"radio\"]:checked {\n background-color: currentColor;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:checked {\n 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\");\n}\n\n[type=\"radio\"]:checked {\n 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\");\n}\n\n[type=\"checkbox\"]:checked:hover, [type=\"checkbox\"]:checked:focus, [type=\"radio\"]:checked:hover, [type=\"radio\"]:checked:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate {\n background-color: currentColor;\n 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\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate:hover, [type=\"checkbox\"]:indeterminate:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"file\"] {\n background: unset;\n border-color: inherit;\n font-size: unset;\n line-height: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n[type=\"file\"]:focus {\n outline: 1px auto -webkit-focus-ring-color;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n}\n\n[x-cloak] {\n display: none !important;\n}\n\npre[class*=\"language-\"] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.feather {\n width: 24px;\n height: 24px;\n stroke: currentColor;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n}\n\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: none;\n}\n\n::-webkit-scrollbar-thumb {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity) );\n background-clip: content-box;\n border: 2px solid #0000;\n border-radius: 6px;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n::-webkit-scrollbar-thumb:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity) );\n}\n\n*, :before, :after {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.prose {\n color: var(--tw-prose-body);\n max-width: 65ch;\n}\n\n.prose :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-lead);\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n font-size: 1.25em;\n line-height: 1.6;\n}\n\n.prose :where(a):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-links);\n font-weight: 500;\n text-decoration: underline;\n}\n\n.prose :where(strong):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n\n.prose :where(ol):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.625em;\n list-style-type: decimal;\n}\n\n.prose :where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"] *)) {\n list-style-type: decimal;\n}\n\n.prose :where(ul):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.625em;\n list-style-type: disc;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-counters);\n font-weight: 400;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-bullets);\n}\n\n.prose :where(hr):not(:where([class~=\"not-prose\"] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n\n.prose :where(blockquote):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-quotes);\n border-left-width: .25rem;\n border-left-color: var(--tw-prose-quote-borders);\n quotes: \"“\"\"”\"\"‘\"\"’\";\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-left: 1em;\n font-style: italic;\n font-weight: 500;\n}\n\n.prose :where(blockquote p:first-of-type):not(:where([class~=\"not-prose\"] *)):before {\n content: open-quote;\n}\n\n.prose :where(blockquote p:last-of-type):not(:where([class~=\"not-prose\"] *)):after {\n content: close-quote;\n}\n\n.prose :where(h1):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 0;\n margin-bottom: .888889em;\n font-size: 2.25em;\n font-weight: 800;\n line-height: 1.11111;\n}\n\n.prose :where(h1 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 900;\n}\n\n.prose :where(h2):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 2em;\n margin-bottom: 1em;\n font-size: 1.5em;\n font-weight: 700;\n line-height: 1.33333;\n}\n\n.prose :where(h2 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 800;\n}\n\n.prose :where(h3):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.6em;\n margin-bottom: .6em;\n font-size: 1.25em;\n font-weight: 600;\n line-height: 1.6;\n}\n\n.prose :where(h3 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 700;\n}\n\n.prose :where(h4):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.5em;\n margin-bottom: .5em;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.prose :where(h4 strong):not(:where([class~=\"not-prose\"] *)) {\n font-weight: 700;\n}\n\n.prose :where(figure > *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose :where(figcaption):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-captions);\n margin-top: .857143em;\n font-size: .875em;\n line-height: 1.42857;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-code);\n font-size: .875em;\n font-weight: 600;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"] *)):before, .prose :where(code):not(:where([class~=\"not-prose\"] *)):after {\n content: \"`\";\n}\n\n.prose :where(a code):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-links);\n}\n\n.prose :where(pre):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n border-radius: .375rem;\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n padding: .857143em 1.14286em;\n font-size: .875em;\n font-weight: 400;\n line-height: 1.71429;\n overflow-x: auto;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"] *)) {\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n background-color: #0000;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"] *)):before, .prose :where(pre code):not(:where([class~=\"not-prose\"] *)):after {\n content: none;\n}\n\n.prose :where(table):not(:where([class~=\"not-prose\"] *)) {\n width: 100%;\n table-layout: auto;\n text-align: left;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: .875em;\n line-height: 1.71429;\n}\n\n.prose :where(thead):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n\n.prose :where(thead th):not(:where([class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n vertical-align: bottom;\n padding-bottom: .571429em;\n padding-left: .571429em;\n padding-right: .571429em;\n font-weight: 600;\n}\n\n.prose :where(tbody tr):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n\n.prose :where(tbody tr:last-child):not(:where([class~=\"not-prose\"] *)) {\n border-bottom-width: 0;\n}\n\n.prose :where(tbody td):not(:where([class~=\"not-prose\"] *)) {\n vertical-align: baseline;\n padding: .571429em;\n}\n\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-counters: #6b7280;\n --tw-prose-bullets: #d1d5db;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: #00000080;\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n\n.prose :where(p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n\n.prose :where(img):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(video):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(figure):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(h2 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .875em;\n}\n\n.prose :where(h3 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .9em;\n}\n\n.prose :where(li):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .5em;\n margin-bottom: .5em;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .375em;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .375em;\n}\n\n.prose > :where(ul > li p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose > :where(ul > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose > :where(ul > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose > :where(ol > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose > :where(ol > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose :where(hr + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h2 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h3 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(h4 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(thead th:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(thead th:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose :where(tbody td:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(tbody td:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose > :where(:first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose > :where(:last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n}\n\n.prose-sm {\n font-size: .875rem;\n line-height: 1.71429;\n}\n\n.prose-sm :where(p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n margin-bottom: 1.14286em;\n}\n\n.prose-sm :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .888889em;\n margin-bottom: .888889em;\n font-size: 1.28571em;\n line-height: 1.55556;\n}\n\n.prose-sm :where(blockquote):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n margin-bottom: 1.33333em;\n padding-left: 1.11111em;\n}\n\n.prose-sm :where(h1):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: .8em;\n font-size: 2.14286em;\n line-height: 1.2;\n}\n\n.prose-sm :where(h2):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.6em;\n margin-bottom: .8em;\n font-size: 1.42857em;\n line-height: 1.4;\n}\n\n.prose-sm :where(h3):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.55556em;\n margin-bottom: .444444em;\n font-size: 1.28571em;\n line-height: 1.55556;\n}\n\n.prose-sm :where(h4):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.42857em;\n margin-bottom: .571429em;\n line-height: 1.42857;\n}\n\n.prose-sm :where(img):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(video):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(figure):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n}\n\n.prose-sm :where(figure > *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose-sm :where(figcaption):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .666667em;\n font-size: .857143em;\n line-height: 1.33333;\n}\n\n.prose-sm :where(code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .857143em;\n}\n\n.prose-sm :where(h2 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .9em;\n}\n\n.prose-sm :where(h3 code):not(:where([class~=\"not-prose\"] *)) {\n font-size: .888889em;\n}\n\n.prose-sm :where(pre):not(:where([class~=\"not-prose\"] *)) {\n border-radius: .25rem;\n margin-top: 1.66667em;\n margin-bottom: 1.66667em;\n padding: .666667em 1em;\n font-size: .857143em;\n line-height: 1.66667;\n}\n\n.prose-sm :where(ol):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.57143em;\n}\n\n.prose-sm :where(ul):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 1.57143em;\n}\n\n.prose-sm :where(li):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .285714em;\n margin-bottom: .285714em;\n}\n\n.prose-sm :where(ol > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .428571em;\n}\n\n.prose-sm :where(ul > li):not(:where([class~=\"not-prose\"] *)) {\n padding-left: .428571em;\n}\n\n.prose-sm > :where(ul > li p):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .571429em;\n margin-bottom: .571429em;\n}\n\n.prose-sm > :where(ul > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n}\n\n.prose-sm > :where(ul > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.14286em;\n}\n\n.prose-sm > :where(ol > li > :first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 1.14286em;\n}\n\n.prose-sm > :where(ol > li > :last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 1.14286em;\n}\n\n.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *)) {\n margin-top: .571429em;\n margin-bottom: .571429em;\n}\n\n.prose-sm :where(hr):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 2.85714em;\n margin-bottom: 2.85714em;\n}\n\n.prose-sm :where(hr + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h2 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h3 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(h4 + *):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm :where(table):not(:where([class~=\"not-prose\"] *)) {\n font-size: .857143em;\n line-height: 1.5;\n}\n\n.prose-sm :where(thead th):not(:where([class~=\"not-prose\"] *)) {\n padding-bottom: .666667em;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.prose-sm :where(thead th:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose-sm :where(thead th:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose-sm :where(tbody td):not(:where([class~=\"not-prose\"] *)) {\n padding: .666667em 1em;\n}\n\n.prose-sm :where(tbody td:first-child):not(:where([class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose-sm :where(tbody td:last-child):not(:where([class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose-sm > :where(:first-child):not(:where([class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose-sm > :where(:last-child):not(:where([class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n}\n\n.unsectioned > #nav > ul > li > div {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.nav-toggle {\n cursor: pointer;\n align-items: center;\n padding-right: .75rem;\n display: flex;\n}\n\n.nav-toggle:hover {\n background-color: rgb(229 231 235 / var(--tw-bg-opacity) );\n --tw-bg-opacity: .5;\n}\n\n.nav-label {\n width: 100%;\n user-select: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n overflow: hidden;\n}\n\n.code {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\n.code pre {\n display: block;\n}\n\n.code.wrapped pre {\n white-space: pre-wrap;\n}\n\n.code .line {\n line-height: 1.625;\n}\n\n.code.numbered {\n position: relative;\n}\n\n.code.numbered:before {\n content: \"\";\n z-index: 10;\n --tw-border-opacity: 1;\n border-right-width: 1px;\n border-color: rgb(229 231 235 / var(--tw-border-opacity) );\n position: absolute;\n top: 0;\n bottom: 0;\n left: 2.7em;\n}\n\n.code.numbered .line {\n padding-left: calc(2.7em + 14px);\n position: relative;\n}\n\n.code .line-number {\n width: calc(2.7em + 8px);\n text-align: right;\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n flex: none;\n margin-right: 16px;\n padding-top: 3px;\n padding-bottom: 3px;\n padding-right: 8px;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n font-size: .75rem;\n line-height: 1rem;\n display: inline-block;\n position: absolute;\n left: 0;\n}\n\n.code .line-content {\n flex: none;\n padding-right: 1rem;\n}\n\n.code.focussed .line:not(.highlighted-line) *, .code.focussed .line:not(.highlighted-line) .line-content * {\n color: rgb(55 65 81 / var(--tw-text-opacity) ) !important;\n --tw-text-opacity: .4 !important;\n}\n\n.code.focussed .line:not(.highlighted-line) .line-number {\n opacity: .7 !important;\n}\n\n.code.focussed .line.highlighted-line {\n --tw-bg-opacity: 1;\n background-color: rgb(254 252 232 / var(--tw-bg-opacity) );\n}\n\n.code.focussed .line.highlighted-line .line-number {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.prose .code {\n width: 100%;\n max-width: 48rem;\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n border-radius: .375rem;\n margin: 2rem auto;\n padding-top: 1rem;\n padding-bottom: 1rem;\n font-size: .875rem;\n line-height: 1.25rem;\n overflow: auto;\n --tw-bg-opacity: 1 !important;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) ) !important;\n}\n\n.prose .code:not(.numbered) .line {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.prose .embed {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.resize-handle {\n height: 100%;\n width: 100%;\n touch-action: none;\n user-select: none;\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n justify-content: center;\n align-items: center;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n display: flex;\n}\n\n.resize-handle:hover {\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) );\n --tw-bg-opacity: .2;\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.pointer-events-none {\n pointer-events: none;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.inset-0 {\n inset: 0;\n}\n\n.-inset-px {\n inset: -1px;\n}\n\n.top-0 {\n top: 0;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.top-\\[9px\\] {\n top: 9px;\n}\n\n.-top-px {\n top: -1px;\n}\n\n.-right-px {\n right: -1px;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.right-5 {\n right: 1.25rem;\n}\n\n.left-0 {\n left: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.-left-px {\n left: -1px;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.mb-2 {\n margin-bottom: .5rem;\n}\n\n.\\!mt-1 {\n margin-top: .25rem !important;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.-mb-px {\n margin-bottom: -1px;\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.mt-2 {\n margin-top: .5rem;\n}\n\n.mr-6 {\n margin-right: 1.5rem;\n}\n\n.mr-1 {\n margin-right: .25rem;\n}\n\n.mr-1\\.5 {\n margin-right: .375rem;\n}\n\n.ml-\\[3px\\] {\n margin-left: 3px;\n}\n\n.mt-1 {\n margin-top: .25rem;\n}\n\n.ml-2 {\n margin-left: .5rem;\n}\n\n.mt-3 {\n margin-top: .75rem;\n}\n\n.mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.mt-12 {\n margin-top: 3rem;\n}\n\n.mr-2 {\n margin-right: .5rem;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.grid {\n display: grid;\n}\n\n.hidden {\n display: none;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-screen {\n height: 100vh;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-3\\.5 {\n height: .875rem;\n}\n\n.h-3 {\n height: .75rem;\n}\n\n.h-\\[11px\\] {\n height: 11px;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-5 {\n height: 1.25rem;\n}\n\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.w-\\[9px\\] {\n width: 9px;\n}\n\n.w-px {\n width: 1px;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-3\\.5 {\n width: .875rem;\n}\n\n.w-3 {\n width: .75rem;\n}\n\n.w-11 {\n width: 2.75rem;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-\\[120px\\] {\n min-width: 120px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.\\!max-w-full {\n max-width: 100% !important;\n}\n\n.max-w-xs {\n max-width: 20rem;\n}\n\n.max-w-\\[800px\\] {\n max-width: 800px;\n}\n\n.max-w-3xl {\n max-width: 48rem;\n}\n\n.max-w-none {\n max-width: none;\n}\n\n.flex-none {\n flex: none;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.scale-\\[-1\\] {\n --tw-scale-x: -1;\n --tw-scale-y: -1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y) ) rotate(var(--tw-rotate) ) skewX(var(--tw-skew-x) ) skewY(var(--tw-skew-y) ) scaleX(var(--tw-scale-x) ) scaleY(var(--tw-scale-y) );\n}\n\n.cursor-\\[col-resize\\] {\n cursor: col-resize;\n}\n\n.cursor-auto {\n cursor: auto;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.cursor-\\[row-resize\\] {\n cursor: row-resize;\n}\n\n.cursor-\\[nwse-resize\\] {\n cursor: nwse-resize;\n}\n\n.select-none {\n user-select: none;\n}\n\n.resize {\n resize: both;\n}\n\n.grid-cols-\\[1fr_17px\\] {\n grid-template-columns: 1fr 17px;\n}\n\n.grid-rows-\\[40px_1fr\\] {\n grid-template-rows: 40px 1fr;\n}\n\n.grid-rows-\\[1fr_17px\\] {\n grid-template-rows: 1fr 17px;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(2rem * var(--tw-space-x-reverse) );\n margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-x-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(.75rem * var(--tw-space-x-reverse) );\n margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(.25rem * var(--tw-space-x-reverse) );\n margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse) ) );\n}\n\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse) ) );\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse) );\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse) ) );\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse) );\n}\n\n.divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse) );\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse) ) );\n}\n\n.divide-dashed > :not([hidden]) ~ :not([hidden]) {\n border-style: dashed;\n}\n\n.divide-red-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-divide-opacity) );\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-divide-opacity) );\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n.scroll-smooth {\n scroll-behavior: smooth;\n}\n\n.truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n.break-all {\n word-break: break-all;\n}\n\n.rounded-md {\n border-radius: .375rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border-2 {\n border-width: 2px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-b {\n border-bottom-width: 1px;\n}\n\n.border-r {\n border-right-width: 1px;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n}\n\n.border-l-2 {\n border-left-width: 2px;\n}\n\n.border-l {\n border-left-width: 1px;\n}\n\n.border-dashed {\n border-style: dashed;\n}\n\n.border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity) );\n}\n\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity) );\n}\n\n.\\!border-red-200 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(254 202 202 / var(--tw-border-opacity) ) !important;\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n}\n\n.border-indigo-400 {\n --tw-border-opacity: 1;\n border-color: rgb(129 140 248 / var(--tw-border-opacity) );\n}\n\n.border-transparent {\n border-color: #0000;\n}\n\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity) );\n}\n\n.\\!border-gray-300 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) ) !important;\n}\n\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity) );\n}\n\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity) );\n}\n\n.bg-transparent {\n background-color: #0000;\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n}\n\n.\\!bg-indigo-100 {\n --tw-bg-opacity: 1 !important;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) ) !important;\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity) );\n}\n\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity) );\n}\n\n.bg-indigo-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity) );\n}\n\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity) );\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.p-6 {\n padding: 1.5rem;\n}\n\n.p-1 {\n padding: .25rem;\n}\n\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.py-\\[5px\\] {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.pt-8 {\n padding-top: 2rem;\n}\n\n.pl-2 {\n padding-left: .5rem;\n}\n\n.pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.pr-2 {\n padding-right: .5rem;\n}\n\n.pl-4 {\n padding-left: 1rem;\n}\n\n.pr-8 {\n padding-right: 2rem;\n}\n\n.pt-2\\.5 {\n padding-top: .625rem;\n}\n\n.pb-1\\.5 {\n padding-bottom: .375rem;\n}\n\n.pt-2 {\n padding-top: .5rem;\n}\n\n.pb-1 {\n padding-bottom: .25rem;\n}\n\n.pl-3 {\n padding-left: .75rem;\n}\n\n.pr-3 {\n padding-right: .75rem;\n}\n\n.pr-4 {\n padding-right: 1rem;\n}\n\n.pb-3 {\n padding-bottom: .75rem;\n}\n\n.pt-3 {\n padding-top: .75rem;\n}\n\n.pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.text-center {\n text-align: center;\n}\n\n.font-mono {\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\n.font-sans {\n font-family: Nunito Sans, -apple-system, \\.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.text-\\[11px\\] {\n font-size: 11px;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-black {\n font-weight: 900;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.italic {\n font-style: italic;\n}\n\n.leading-relaxed {\n line-height: 1.625;\n}\n\n.leading-tight {\n line-height: 1.25;\n}\n\n.leading-none {\n line-height: 1;\n}\n\n.tracking-wide {\n letter-spacing: .025em;\n}\n\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity) );\n}\n\n.text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity) );\n}\n\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity) );\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity) );\n}\n\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity) );\n}\n\n.\\!text-green-600 {\n --tw-text-opacity: 1 !important;\n color: rgb(22 163 74 / var(--tw-text-opacity) ) !important;\n}\n\n.\\!text-gray-300 {\n --tw-text-opacity: 1 !important;\n color: rgb(209 213 219 / var(--tw-text-opacity) ) !important;\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity) );\n}\n\n.text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity) );\n}\n\n.text-indigo-500 {\n --tw-text-opacity: 1;\n color: rgb(99 102 241 / var(--tw-text-opacity) );\n}\n\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.text-red-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity) );\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n}\n\n.underline {\n text-decoration-line: underline;\n}\n\n.antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-30 {\n opacity: .3;\n}\n\n.opacity-80 {\n opacity: .8;\n}\n\n.opacity-50 {\n opacity: .5;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.opacity-20 {\n opacity: .2;\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-100 {\n transition-duration: .1s;\n}\n\n.duration-200 {\n transition-duration: .2s;\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.form-input {\n width: 100%;\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity) );\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n border-radius: .125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.form-input:focus {\n --tw-border-opacity: 1;\n border-color: rgb(165 180 252 / var(--tw-border-opacity) );\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity) );\n}\n\n.checked-bg {\n background-color: #fff;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.tippy-box[data-animation=\"fade\"][data-state=\"hidden\"] {\n opacity: 0;\n}\n\n[data-tippy-root] {\n max-width: calc(100vw - 10px);\n}\n\n.tippy-box {\n color: #fff;\n white-space: normal;\n background-color: #333;\n border-radius: 4px;\n outline: 0;\n font-size: 14px;\n line-height: 1.4;\n transition-property: transform, visibility, opacity;\n position: relative;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow {\n bottom: 0;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow:before {\n border-width: 8px 8px 0;\n border-top-color: initial;\n transform-origin: top;\n bottom: -7px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow {\n top: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n transform-origin: bottom;\n top: -7px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow {\n right: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow:before {\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n transform-origin: 0;\n right: -7px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow {\n left: 0;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow:before {\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n transform-origin: 100%;\n left: -7px;\n}\n\n.tippy-box[data-inertia][data-state=\"visible\"] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n}\n\n.tippy-arrow {\n width: 16px;\n height: 16px;\n color: #333;\n}\n\n.tippy-arrow:before {\n content: \"\";\n border-style: solid;\n border-color: #0000;\n position: absolute;\n}\n\n.tippy-content {\n z-index: 1;\n padding: 5px 9px;\n position: relative;\n}\n\n.tippy-box {\n border: 1px #0000;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-arrow:after {\n border-top-color: inherit;\n border-width: 8px 8px 0;\n bottom: -8px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:after {\n border-bottom-color: inherit;\n border-width: 0 8px 8px;\n top: -8px;\n left: 0;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-arrow:after {\n border-left-color: inherit;\n border-width: 8px 0 8px 8px;\n top: 0;\n right: -8px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-arrow:after {\n border-width: 8px 8px 8px 0;\n border-right-color: inherit;\n top: 0;\n left: -8px;\n}\n\n.tippy-box[data-placement^=\"top\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n top: 17px;\n}\n\n.tippy-box[data-placement^=\"bottom\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n bottom: 17px;\n}\n\n.tippy-box[data-placement^=\"left\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n left: 12px;\n}\n\n.tippy-box[data-placement^=\"right\"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {\n right: 12px;\n}\n\n.tippy-arrow {\n border-color: inherit;\n}\n\n.tippy-arrow:after {\n content: \"\";\n z-index: -1;\n border-style: solid;\n border-color: #0000;\n position: absolute;\n}\n\n.highlight .hll {\n background-color: #f8f8f8;\n border: 1px solid #ccc;\n border-radius: 3px;\n padding: 6px 10px;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n background-color: #e3d2d2;\n}\n\n.highlight .k, .highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-style: italic;\n font-weight: bold;\n}\n\n.highlight .gd {\n color: #000;\n background-color: #fdd;\n}\n\n.highlight .gd .x {\n color: #000;\n background-color: #faa;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n background-color: #dfd;\n}\n\n.highlight .gi .x {\n color: #000;\n background-color: #afa;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: purple;\n font-weight: bold;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .n {\n color: #333;\n}\n\n.highlight .na {\n color: teal;\n}\n\n.highlight .nb {\n color: #0086b3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: teal;\n}\n\n.highlight .ni {\n color: purple;\n}\n\n.highlight .ne, .highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: navy;\n}\n\n.highlight .nv {\n color: teal;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {\n color: #099;\n}\n\n.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc, .highlight .vg, .highlight .vi {\n color: teal;\n}\n\n.highlight .il {\n color: #099;\n}\n\n.highlight .gc {\n color: #999;\n background-color: #eaf2f5;\n}\n\n.tippy-box[data-theme~=\"lookbook\"] {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity) );\n opacity: .9;\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"top\"] > .tippy-arrow:before {\n border-top-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-bottom-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"left\"] > .tippy-arrow:before {\n border-left-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"lookbook\"][data-placement^=\"right\"] > .tippy-arrow:before {\n border-right-color: #6366f1;\n}\n\n.tippy-box[data-theme~=\"menu\"] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity) );\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity) );\n --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n border: 1px solid #d1d5db;\n border-radius: .25rem;\n}\n\n.tippy-box[data-theme~=\"menu\"] > .tippy-content {\n padding: 0;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"top\"] > .tippy-arrow:before {\n border-top-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"bottom\"] > .tippy-arrow:before {\n border-bottom-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"left\"] > .tippy-arrow:before {\n border-left-color: #fff;\n}\n\n.tippy-box[data-theme~=\"menu\"][data-placement^=\"right\"] > .tippy-arrow:before {\n border-right-color: #fff;\n}\n\n.placeholder\\:italic::placeholder {\n font-style: italic;\n}\n\n.placeholder\\:text-gray-500::placeholder {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity) );\n}\n\n.hover\\:bg-indigo-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity) );\n}\n\n.hover\\:bg-gray-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity) );\n}\n\n.hover\\:bg-opacity-20:hover {\n --tw-bg-opacity: .2;\n}\n\n.hover\\:bg-opacity-50:hover {\n --tw-bg-opacity: .5;\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-green-600:hover {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-indigo-500:hover {\n --tw-text-opacity: 1;\n color: rgb(99 102 241 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity) );\n}\n\n.hover\\:text-indigo-800:hover {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity) );\n}\n\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\n\n.focus\\:outline-none:focus {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width) ) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-indigo-400:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity) );\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n.group:hover .group-hover\\:text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity) );\n}\n\n.prose-a\\:text-indigo-900 :is(:where(a):not(:where([class~=\"not-prose\"] *))) {\n --tw-text-opacity: 1;\n color: rgb(49 46 129 / var(--tw-text-opacity) );\n}\n\n@media (min-width: 768px) {\n .md\\:px-10 {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n .md\\:pt-12 {\n padding-top: 3rem;\n }\n}\n\n/*# sourceMappingURL=app.css.map */\n",
6
+ "@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n@import \"tippy.js/dist/tippy\";\n@import \"tippy.js/dist/border\";\n@import \"code_theme\";\n@import \"tooltip_theme\";\n\n@layer base {\n html {\n scroll-behavior: smooth;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n }\n\n [x-cloak] {\n display: none !important;\n }\n\n pre[class*=\"language-\"] {\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .feather {\n width: 24px;\n height: 24px;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n }\n\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply bg-gray-300 transition-colors;\n border-radius: 6px;\n border: 2px solid transparent;\n background-clip: content-box;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-gray-400;\n }\n}\n\n@layer components {\n .unsectioned > #nav > ul > li > div {\n @apply py-1 border-b border-gray-300;\n }\n\n .nav-toggle {\n @apply flex items-center cursor-pointer pr-3 hover:bg-gray-200 hover:bg-opacity-50;\n }\n\n .nav-label {\n @apply truncate w-full whitespace-nowrap text-left select-none;\n }\n\n .code {\n @apply font-mono;\n }\n\n .code pre {\n @apply block;\n }\n\n .code.wrapped pre {\n @apply whitespace-pre-wrap;\n }\n\n .code .line {\n @apply leading-relaxed;\n }\n\n .code.numbered {\n @apply relative;\n }\n\n .code.numbered:before {\n content: \"\";\n left: 2.7em;\n @apply absolute top-0 bottom-0 border-r border-gray-200 z-10;\n }\n\n .code.numbered .line {\n padding-left: calc(2.7em + 14px);\n @apply relative;\n }\n\n .code .line-number {\n display: inline-block;\n width: calc(2.7em + 8px);\n padding-top: 3px;\n padding-bottom: 3px;\n padding-right: 8px;\n margin-right: 16px;\n @apply font-mono text-right text-gray-400 flex-none text-xs absolute left-0;\n }\n\n .code .line-content {\n @apply flex-none pr-4;\n }\n\n .code.focussed .line:not(.highlighted-line) *,\n .code.focussed .line:not(.highlighted-line) .line-content * {\n @apply !text-gray-700 !text-opacity-40;\n }\n\n .code.focussed .line:not(.highlighted-line) .line-number {\n @apply !opacity-70;\n }\n\n .code.focussed .line.highlighted-line {\n @apply bg-yellow-50;\n }\n\n .code.focussed .line.highlighted-line .line-number {\n @apply text-gray-900;\n }\n\n .prose .code {\n @apply !bg-white border border-gray-300 text-gray-600 my-8 rounded-md py-4 text-sm overflow-auto max-w-3xl w-full mx-auto;\n }\n\n .prose .code:not(.numbered) .line {\n @apply px-4;\n }\n\n .prose .embed {\n @apply my-8;\n }\n\n .resize-handle {\n @apply flex items-center justify-center h-full w-full border-gray-300 bg-white hover:bg-indigo-100 hover:bg-opacity-20 text-gray-400 hover:text-gray-700 transition select-none touch-none;\n }\n}\n\n@layer utilities {\n .form-input {\n @apply border-gray-300 text-gray-700 focus:ring-indigo-300 focus:border-indigo-300 rounded-sm text-sm w-full;\n }\n\n .checked-bg {\n background-color: #ffffff;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n }\n}\n"
7
+ ],
8
+ "names": [],
9
+ "version": 3,
10
+ "file": "app.css.map"
11
+ }