市场夺宝奇兵
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

686 lines
74 KiB

  1. /*
  2. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  3. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  4. 2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
  5. */
  6. *,
  7. ::before,
  8. ::after {
  9. box-sizing: border-box; /* 1 */
  10. border-width: 0; /* 2 */
  11. border-style: solid; /* 2 */
  12. border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
  13. }
  14. ::before,
  15. ::after {
  16. --un-content: '';
  17. }
  18. /*
  19. 1. Use a consistent sensible line-height in all browsers.
  20. 2. Prevent adjustments of font size after orientation changes in iOS.
  21. 3. Use a more readable tab size.
  22. 4. Use the user's configured `sans` font-family by default.
  23. 5. Use the user's configured `sans` font-feature-settings by default.
  24. 6. Use the user's configured `sans` font-variation-settings by default.
  25. 7. Disable tap highlights on iOS.
  26. */
  27. html,
  28. :host {
  29. line-height: 1.5; /* 1 */
  30. -webkit-text-size-adjust: 100%; /* 2 */
  31. -moz-tab-size: 4; /* 3 */
  32. tab-size: 4; /* 3 */
  33. font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  34. font-feature-settings: normal; /* 5 */
  35. font-variation-settings: normal; /* 6 */
  36. -webkit-tap-highlight-color: transparent; /* 7 */
  37. }
  38. /*
  39. 1. Remove the margin in all browsers.
  40. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  41. */
  42. body {
  43. margin: 0; /* 1 */
  44. line-height: inherit; /* 2 */
  45. }
  46. /*
  47. 1. Add the correct height in Firefox.
  48. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  49. 3. Ensure horizontal rules are visible by default.
  50. */
  51. hr {
  52. height: 0; /* 1 */
  53. color: inherit; /* 2 */
  54. border-top-width: 1px; /* 3 */
  55. }
  56. /*
  57. Add the correct text decoration in Chrome, Edge, and Safari.
  58. */
  59. abbr:where([title]) {
  60. text-decoration: underline dotted;
  61. }
  62. /*
  63. Remove the default font size and weight for headings.
  64. */
  65. h1,
  66. h2,
  67. h3,
  68. h4,
  69. h5,
  70. h6 {
  71. font-size: inherit;
  72. font-weight: inherit;
  73. }
  74. /*
  75. Reset links to optimize for opt-in styling instead of opt-out.
  76. */
  77. a {
  78. color: inherit;
  79. text-decoration: inherit;
  80. }
  81. /*
  82. Add the correct font weight in Edge and Safari.
  83. */
  84. b,
  85. strong {
  86. font-weight: bolder;
  87. }
  88. /*
  89. 1. Use the user's configured `mono` font-family by default.
  90. 2. Use the user's configured `mono` font-feature-settings by default.
  91. 3. Use the user's configured `mono` font-variation-settings by default.
  92. 4. Correct the odd `em` font sizing in all browsers.
  93. */
  94. code,
  95. kbd,
  96. samp,
  97. pre {
  98. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  99. font-feature-settings: normal; /* 2 */
  100. font-variation-settings: normal; /* 3 */
  101. font-size: 1em; /* 4 */
  102. }
  103. /*
  104. Add the correct font size in all browsers.
  105. */
  106. small {
  107. font-size: 80%;
  108. }
  109. /*
  110. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  111. */
  112. sub,
  113. sup {
  114. font-size: 75%;
  115. line-height: 0;
  116. position: relative;
  117. vertical-align: baseline;
  118. }
  119. sub {
  120. bottom: -0.25em;
  121. }
  122. sup {
  123. top: -0.5em;
  124. }
  125. /*
  126. 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  127. 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  128. 3. Remove gaps between table borders by default.
  129. */
  130. table {
  131. text-indent: 0; /* 1 */
  132. border-color: inherit; /* 2 */
  133. border-collapse: collapse; /* 3 */
  134. }
  135. /*
  136. 1. Change the font styles in all browsers.
  137. 2. Remove the margin in Firefox and Safari.
  138. 3. Remove default padding in all browsers.
  139. */
  140. button,
  141. input,
  142. optgroup,
  143. select,
  144. textarea {
  145. font-family: inherit; /* 1 */
  146. font-feature-settings: inherit; /* 1 */
  147. font-variation-settings: inherit; /* 1 */
  148. font-size: 100%; /* 1 */
  149. font-weight: inherit; /* 1 */
  150. line-height: inherit; /* 1 */
  151. color: inherit; /* 1 */
  152. margin: 0; /* 2 */
  153. padding: 0; /* 3 */
  154. }
  155. /*
  156. Remove the inheritance of text transform in Edge and Firefox.
  157. */
  158. button,
  159. select {
  160. text-transform: none;
  161. }
  162. /*
  163. 1. Correct the inability to style clickable types in iOS and Safari.
  164. 2. Remove default button styles.
  165. */
  166. button,
  167. [type='button'],
  168. [type='reset'],
  169. [type='submit'] {
  170. -webkit-appearance: button; /* 1 */
  171. background-color: transparent; /* 2 */
  172. background-image: none; /* 2 */
  173. }
  174. /*
  175. Use the modern Firefox focus style for all focusable elements.
  176. */
  177. :-moz-focusring {
  178. outline: auto;
  179. }
  180. /*
  181. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  182. */
  183. :-moz-ui-invalid {
  184. box-shadow: none;
  185. }
  186. /*
  187. Add the correct vertical alignment in Chrome and Firefox.
  188. */
  189. progress {
  190. vertical-align: baseline;
  191. }
  192. /*
  193. Correct the cursor style of increment and decrement buttons in Safari.
  194. */
  195. ::-webkit-inner-spin-button,
  196. ::-webkit-outer-spin-button {
  197. height: auto;
  198. }
  199. /*
  200. 1. Correct the odd appearance in Chrome and Safari.
  201. 2. Correct the outline style in Safari.
  202. */
  203. [type='search'] {
  204. -webkit-appearance: textfield; /* 1 */
  205. outline-offset: -2px; /* 2 */
  206. }
  207. /*
  208. Remove the inner padding in Chrome and Safari on macOS.
  209. */
  210. ::-webkit-search-decoration {
  211. -webkit-appearance: none;
  212. }
  213. /*
  214. 1. Correct the inability to style clickable types in iOS and Safari.
  215. 2. Change font properties to `inherit` in Safari.
  216. */
  217. ::-webkit-file-upload-button {
  218. -webkit-appearance: button; /* 1 */
  219. font: inherit; /* 2 */
  220. }
  221. /*
  222. Add the correct display in Chrome and Safari.
  223. */
  224. summary {
  225. display: list-item;
  226. }
  227. /*
  228. Removes the default spacing for appropriate elements.
  229. */
  230. blockquote,
  231. dl,
  232. dd,
  233. h1,
  234. h2,
  235. h3,
  236. h4,
  237. h5,
  238. h6,
  239. hr,
  240. figure,
  241. p,
  242. pre {
  243. margin: 0;
  244. }
  245. fieldset {
  246. margin: 0;
  247. padding: 0;
  248. }
  249. legend {
  250. padding: 0;
  251. }
  252. ol,
  253. ul,
  254. menu {
  255. list-style: none;
  256. margin: 0;
  257. padding: 0;
  258. }
  259. dialog {
  260. padding: 0;
  261. }
  262. /*
  263. Prevent resizing textareas horizontally by default.
  264. */
  265. textarea {
  266. resize: vertical;
  267. }
  268. /*
  269. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  270. 2. Set the default placeholder color to the user's configured gray 400 color.
  271. */
  272. input::placeholder,
  273. textarea::placeholder {
  274. opacity: 1; /* 1 */
  275. color: #9ca3af; /* 2 */
  276. }
  277. /*
  278. Set the default cursor for buttons.
  279. */
  280. button,
  281. [role="button"] {
  282. cursor: pointer;
  283. }
  284. /*
  285. Make sure disabled buttons don't get the pointer cursor.
  286. */
  287. :disabled {
  288. cursor: default;
  289. }
  290. /*
  291. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  292. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  293. This can trigger a poorly considered lint error in some tools but is included by design.
  294. */
  295. img,
  296. svg,
  297. video,
  298. canvas,
  299. audio,
  300. iframe,
  301. embed,
  302. object {
  303. display: block; /* 1 */
  304. vertical-align: middle; /* 2 */
  305. }
  306. /*
  307. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  308. */
  309. img,
  310. video {
  311. max-width: 100%;
  312. height: auto;
  313. }
  314. /*
  315. Make elements with the HTML hidden attribute stay hidden by default.
  316. */
  317. [hidden]:where(:not([hidden="until-found"])) {
  318. display: none;
  319. }
  320. .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;wi
  321. body,
  322. #app {
  323. height: 100%;
  324. margin: 0;
  325. padding: 0;
  326. }html.dark {
  327. background: #121212;
  328. color-scheme: dark;
  329. }.CodeMirror {
  330. height: inherit !important;
  331. font-family: var(--cm-font-family) !important;
  332. font-size: 13px !important;
  333. }.CodeMirror-scrollbar-filler,
  334. .CodeMirror-gutter-filler {
  335. background-color: var(--cm-background) !important;
  336. }.CodeMirror-dialog {
  337. --un-border-opacity:1 !important;border-color:rgb(156 163 175 / var(--un-border-opacity)) !important;--un-border-opacity:0.3 !important;padding-top:0.25rem !important;padding-bottom:0.25rem !important;
  338. }#CodeMirror-search-field {
  339. border-width:1px !important;--un-border-opacity:1 !important;border-color:rgb(156 163 175 / var(--un-border-opacity)) !important;--un-border-opacity:0.3 !important;border-radius:0.25rem !important;border-style:solid !important;padding-left:0.375rem !important;padding-right:0.375rem !important;padding-top:0.0625rem !important;padding-bottom:0.0625rem !important;outline:2px solid transparent !important;outline-offset:2px !important;
  340. }/* Splitpanes */.splitpanes__pane {
  341. transition: none !important;
  342. }.splitpanes__pane[style*="display: none"]+.splitpanes__splitter,
  343. .splitpanes__pane[hidden]+.splitpanes__splitter {
  344. display: none;
  345. }.splitpanes__splitter {
  346. position: relative;
  347. background-color:rgb(156 163 175 / 0.3) /* #9ca3af */;}.splitpanes__splitter:before {
  348. position: absolute;
  349. left: 0;
  350. top: 0;
  351. transition: .2s ease;
  352. content: '';
  353. transition: opacity 0.4s;
  354. z-index: 1;
  355. }.splitpanes__splitter:hover:before {
  356. background: #8881;
  357. opacity: 1;
  358. }.splitpanes--vertical>.splitpanes__splitter {
  359. width: 1px !important;
  360. }.splitpanes--horizontal>.splitpanes__splitter {
  361. height: 1px !important;
  362. }.splitpanes--vertical>.splitpanes__splitter:before {
  363. left: -5px;
  364. right: -5px;
  365. height: 100%;
  366. }.splitpanes--horizontal>.splitpanes__splitter:before {
  367. top: -5px;
  368. bottom: -5px;
  369. width: 100%;
  370. }/* Overrides Floating Vue */.v-popper--theme-dropdown .v-popper__inner,
  371. .v-popper--theme-tooltip .v-popper__inner {
  372. ;border-width:1px;--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-border-opacity:0.3;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-text-opacity:1;color:rgb(18 18 18 / var(--un-text-opacity)) /* #121212 */;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
  373. box-shadow: 0 6px 30px #0000001a;
  374. }.dark .v-popper--theme-dropdown .v-popper__inner,.dark .v-popper--theme-tooltip .v-popper__inner{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity)) /* #121212 */;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.v-popper--theme-tooltip .v-popper__arrow-inner,
  375. .v-popper--theme-dropdown .v-popper__arrow-inner {
  376. visibility: visible;
  377. ;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));
  378. }.dark .v-popper--theme-tooltip .v-popper__arrow-inner,.dark .v-popper--theme-dropdown .v-popper__arrow-inner{--un-border-opacity:1;border-color:rgb(23 23 23 / var(--un-border-opacity));}.v-popper--theme-tooltip .v-popper__arrow-outer,
  379. .v-popper--theme-dropdown .v-popper__arrow-outer {
  380. --un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-border-opacity:0.3;
  381. }.v-popper--theme-tooltip.v-popper--shown,
  382. .v-popper--theme-tooltip.v-popper--shown * {
  383. transition: none !important;
  384. }:root {
  385. --cm-scheme: light;
  386. /* Colors */
  387. --cm-foreground: #6e6e6e;
  388. --cm-background: #f4f4f4;
  389. /* Tokens */
  390. --cm-comment: #a8a8a8;
  391. --cm-string: #555555;
  392. --cm-literal: #333333;
  393. --cm-keyword: #000000;
  394. --cm-function: #4f4f4f;
  395. --cm-deleted: #333333;
  396. --cm-class: #333333;
  397. --cm-builtin: #757575;
  398. --cm-property: #333333;
  399. --cm-namespace: #4f4f4f;
  400. --cm-punctuation: #ababab;
  401. --cm-decorator: var(--cm-class);
  402. --cm-operator: var(--cm-punctuation);
  403. --cm-number: var(--cm-literal);
  404. --cm-boolean: var(--cm-literal);
  405. --cm-variable: var(--cm-literal);
  406. --cm-constant: var(--cm-literal);
  407. --cm-symbol: var(--cm-literal);
  408. --cm-interpolation: var(--cm-literal);
  409. --cm-selector: var(--cm-keyword);
  410. --cm-keyword-control: var(--cm-keyword);
  411. --cm-regex: var(--cm-string);
  412. --cm-json-property: var(--cm-property);
  413. --cm-inline-background: var(--cm-background);
  414. /* Token Styles */
  415. --cm-comment-style: italic;
  416. --cm-url-decoration: underline;
  417. /* Extension */
  418. --cm-line-number: #a5a5a5;
  419. --cm-line-number-gutter: #333333;
  420. --cm-line-highlight-background: #eeeeee;
  421. --cm-selection-background: #aaaaaa;
  422. --cm-marker-color: var(--cm-foreground);
  423. --cm-marker-opacity: 0.4;
  424. --cm-marker-font-size: 0.8em;
  425. /* Font */
  426. --cm-font-size: 1em;
  427. --cm-line-height: 1.5em;
  428. --cm-font-family: monospace;
  429. --cm-inline-font-size: var(--cm-font-size);
  430. --cm-block-font-size: var(--cm-font-size);
  431. /* Sizing */
  432. --cm-tab-size: 2;
  433. --cm-block-padding-x: 1em;
  434. --cm-block-padding-y: 1em;
  435. --cm-block-margin-x: 0;
  436. --cm-block-margin-y: 0.5em;
  437. --cm-block-radius: 0.3em;
  438. --cm-inline-padding-x: 0.3em;
  439. --cm-inline-padding-y: 0.1em;
  440. --cm-inline-radius: 0.3em;
  441. }
  442. .cm-s-vars.CodeMirror {
  443. background-color: var(--cm-background);
  444. color: var(--cm-foreground);
  445. }
  446. .cm-s-vars .CodeMirror-gutters {
  447. background: var(--cm-line-number-gutter);
  448. color: var(--cm-line-number);
  449. border: none;
  450. }
  451. .cm-s-vars .CodeMirror-guttermarker,
  452. .cm-s-vars .CodeMirror-guttermarker-subtle,
  453. .cm-s-vars .CodeMirror-linenumber {
  454. color: var(--cm-line-number);
  455. }
  456. .cm-s-vars div.CodeMirror-selected {
  457. background: var(--cm-selection-background);
  458. }
  459. .cm-s-vars.CodeMirror-focused div.CodeMirror-selected {
  460. background: var(--cm-selection-background);
  461. }
  462. .cm-s-vars .CodeMirror-line::selection,
  463. .cm-s-vars .CodeMirror-line>span::selection,
  464. .cm-s-vars .CodeMirror-line>span>span::selection {
  465. background: var(--cm-selection-background);
  466. }
  467. .cm-s-vars .CodeMirror-line::-moz-selection,
  468. .cm-s-vars .CodeMirror-line>span::-moz-selection,
  469. .cm-s-vars .CodeMirror-line>span>span::-moz-selection {
  470. background: var(--cm-selection-background);
  471. }
  472. .cm-s-vars .CodeMirror-activeline-background {
  473. background: var(--cm-line-highlight-background);
  474. }
  475. .cm-s-vars .cm-keyword {
  476. color: var(--cm-keyword);
  477. }
  478. .cm-s-vars .cm-variable,
  479. .cm-s-vars .cm-variable-2,
  480. .cm-s-vars .cm-variable-3,
  481. .cm-s-vars .cm-type {
  482. color: var(--cm-variable);
  483. }
  484. .cm-s-vars .cm-builtin {
  485. color: var(--cm-builtin);
  486. }
  487. .cm-s-vars .cm-atom {
  488. color: var(--cm-literal);
  489. }
  490. .cm-s-vars .cm-number {
  491. color: var(--cm-number);
  492. }
  493. .cm-s-vars .cm-def {
  494. color: var(--cm-decorator);
  495. }
  496. .cm-s-vars .cm-string,
  497. .cm-s-vars .cm-string-2 {
  498. color: var(--cm-string);
  499. }
  500. .cm-s-vars .cm-comment {
  501. color: var(--cm-comment);
  502. }
  503. .cm-s-vars .cm-tag {
  504. color: var(--cm-builtin);
  505. }
  506. .cm-s-vars .cm-meta {
  507. color: var(--cm-namespace);
  508. }
  509. .cm-s-vars .cm-attribute {
  510. color: var(--cm-property);
  511. }
  512. .cm-s-vars .cm-property {
  513. color: var(--cm-property);
  514. }
  515. .cm-s-vars .cm-qualifier {
  516. color: var(--cm-keyword);
  517. }
  518. .cm-s-vars .cm-error {
  519. color: var(--prism-deleted);
  520. }
  521. .cm-s-vars .cm-operator,
  522. .cm-s-vars .cm-bracket {
  523. color: var(--cm-punctuation);
  524. }
  525. .cm-s-vars .CodeMirror-matchingbracket {
  526. text-decoration: underline;
  527. }
  528. .cm-s-vars .CodeMirror-cursor {
  529. border-left: 1px solid currentColor;
  530. }
  531. :root {
  532. --cm-font-family: 'Input Mono', 'FiraCode', monospace;
  533. }
  534. html:not(.dark) {
  535. --cm-foreground: #8e8f8b;
  536. --cm-background: #ffffff;
  537. --cm-comment: #a0ada0;
  538. --cm-string: #b56959;
  539. --cm-literal: #2f8a89;
  540. --cm-number: #296aa3;
  541. --cm-keyword: #1c6b48;
  542. --cm-function: #6c7834;
  543. --cm-boolean: #1c6b48;
  544. --cm-constant: #a65e2b;
  545. --cm-deleted: #a14f55;
  546. --cm-variable: #ad944c;
  547. --cm-class: #2993a3;
  548. --cm-builtin: #ab5959;
  549. --cm-property: #b58451;
  550. --cm-namespace: #b05a78;
  551. --cm-punctuation: #8e8f8b;
  552. --cm-decorator: #bd8f8f;
  553. --cm-regex: #ab5e3f;
  554. --cm-json-property: #698c96;
  555. --cm-selection-background: #44444410;
  556. --cm-line-number-gutter: #fafafa;
  557. }
  558. html.dark {
  559. --cm-foreground: #858585;
  560. --cm-background: #111111;
  561. --cm-comment: #758575;
  562. --cm-string: #d48372;
  563. --cm-literal: #429988;
  564. --cm-keyword: #4d9375;
  565. --cm-boolean: #1c6b48;
  566. --cm-number: #6394bf;
  567. --cm-variable: #c2b36e;
  568. --cm-function: #a1b567;
  569. --cm-deleted: #a14f55;
  570. --cm-class: #54b1bf;
  571. --cm-builtin: #e0a569;
  572. --cm-property: #dd8e6e;
  573. --cm-namespace: #db889a;
  574. --cm-punctuation: #858585;
  575. --cm-decorator: #bd8f8f;
  576. --cm-regex: #ab5e3f;
  577. --cm-json-property: #6b8b9e;
  578. --cm-line-number: #888888;
  579. --cm-line-number-gutter: #eeeeee;
  580. --cm-line-highlight-background: #444444;
  581. --cm-selection-background: #44444450;
  582. --cm-line-number-gutter: #1a1a1a;
  583. }
  584. /* latin-ext */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/dmmono-bb868a37.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/dmmono-8beacb38.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/dmsans-bde470c1.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/dmsans-a41acbfa.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.dark .dark\:i-carbon-moon,.dark [dark\:i-carbon-moon=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='block' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a