API tools faq
paste
Guest User

Untitled

a guest
Feb 22nd, 2023
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.83 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
  3. */
  4.  
  5. /*
  6. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  7. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  8. */
  9.  
  10. *,
  11. ::before,
  12. ::after {
  13. box-sizing: border-box;
  14. /* 1 */
  15. border-width: 0;
  16. /* 2 */
  17. border-style: solid;
  18. /* 2 */
  19. border-color: #e5e7eb;
  20. /* 2 */
  21. }
  22.  
  23. ::before,
  24. ::after {
  25. --tw-content: '';
  26. }
  27.  
  28. /*
  29. 1. Use a consistent sensible line-height in all browsers.
  30. 2. Prevent adjustments of font size after orientation changes in iOS.
  31. 3. Use a more readable tab size.
  32. 4. Use the user's configured `sans` font-family by default.
  33. 5. Use the user's configured `sans` font-feature-settings by default.
  34. */
  35.  
  36. html {
  37. line-height: 1.5;
  38. /* 1 */
  39. -webkit-text-size-adjust: 100%;
  40. /* 2 */
  41. -moz-tab-size: 4;
  42. /* 3 */
  43. -o-tab-size: 4;
  44. tab-size: 4;
  45. /* 3 */
  46. font-family: 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";
  47. /* 4 */
  48. font-feature-settings: normal;
  49. /* 5 */
  50. }
  51.  
  52. /*
  53. 1. Remove the margin in all browsers.
  54. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  55. */
  56.  
  57. body {
  58. margin: 0;
  59. /* 1 */
  60. line-height: inherit;
  61. /* 2 */
  62. }
  63.  
  64. /*
  65. 1. Add the correct height in Firefox.
  66. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  67. 3. Ensure horizontal rules are visible by default.
  68. */
  69.  
  70. hr {
  71. height: 0;
  72. /* 1 */
  73. color: inherit;
  74. /* 2 */
  75. border-top-width: 1px;
  76. /* 3 */
  77. }
  78.  
  79. /*
  80. Add the correct text decoration in Chrome, Edge, and Safari.
  81. */
  82.  
  83. abbr:where([title]) {
  84. -webkit-text-decoration: underline dotted;
  85. text-decoration: underline dotted;
  86. }
  87.  
  88. /*
  89. Remove the default font size and weight for headings.
  90. */
  91.  
  92. h1,
  93. h2,
  94. h3,
  95. h4,
  96. h5,
  97. h6 {
  98. font-size: inherit;
  99. font-weight: inherit;
  100. }
  101.  
  102. /*
  103. Reset links to optimize for opt-in styling instead of opt-out.
  104. */
  105.  
  106. a {
  107. color: inherit;
  108. text-decoration: inherit;
  109. }
  110.  
  111. /*
  112. Add the correct font weight in Edge and Safari.
  113. */
  114.  
  115. b,
  116. strong {
  117. font-weight: bolder;
  118. }
  119.  
  120. /*
  121. 1. Use the user's configured `mono` font family by default.
  122. 2. Correct the odd `em` font sizing in all browsers.
  123. */
  124.  
  125. code,
  126. kbd,
  127. samp,
  128. pre {
  129. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  130. /* 1 */
  131. font-size: 1em;
  132. /* 2 */
  133. }
  134.  
  135. /*
  136. Add the correct font size in all browsers.
  137. */
  138.  
  139. small {
  140. font-size: 80%;
  141. }
  142.  
  143. /*
  144. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  145. */
  146.  
  147. sub,
  148. sup {
  149. font-size: 75%;
  150. line-height: 0;
  151. position: relative;
  152. vertical-align: baseline;
  153. }
  154.  
  155. sub {
  156. bottom: -0.25em;
  157. }
  158.  
  159. sup {
  160. top: -0.5em;
  161. }
  162.  
  163. /*
  164. 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)
  165. 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)
  166. 3. Remove gaps between table borders by default.
  167. */
  168.  
  169. table {
  170. text-indent: 0;
  171. /* 1 */
  172. border-color: inherit;
  173. /* 2 */
  174. border-collapse: collapse;
  175. /* 3 */
  176. }
  177.  
  178. /*
  179. 1. Change the font styles in all browsers.
  180. 2. Remove the margin in Firefox and Safari.
  181. 3. Remove default padding in all browsers.
  182. */
  183.  
  184. button,
  185. input,
  186. optgroup,
  187. select,
  188. textarea {
  189. font-family: inherit;
  190. /* 1 */
  191. font-size: 100%;
  192. /* 1 */
  193. font-weight: inherit;
  194. /* 1 */
  195. line-height: inherit;
  196. /* 1 */
  197. color: inherit;
  198. /* 1 */
  199. margin: 0;
  200. /* 2 */
  201. padding: 0;
  202. /* 3 */
  203. }
  204.  
  205. /*
  206. Remove the inheritance of text transform in Edge and Firefox.
  207. */
  208.  
  209. button,
  210. select {
  211. text-transform: none;
  212. }
  213.  
  214. /*
  215. 1. Correct the inability to style clickable types in iOS and Safari.
  216. 2. Remove default button styles.
  217. */
  218.  
  219. button,
  220. [type='button'],
  221. [type='reset'],
  222. [type='submit'] {
  223. -webkit-appearance: button;
  224. /* 1 */
  225. background-color: transparent;
  226. /* 2 */
  227. background-image: none;
  228. /* 2 */
  229. }
  230.  
  231. /*
  232. Use the modern Firefox focus style for all focusable elements.
  233. */
  234.  
  235. :-moz-focusring {
  236. outline: auto;
  237. }
  238.  
  239. /*
  240. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  241. */
  242.  
  243. :-moz-ui-invalid {
  244. box-shadow: none;
  245. }
  246.  
  247. /*
  248. Add the correct vertical alignment in Chrome and Firefox.
  249. */
  250.  
  251. progress {
  252. vertical-align: baseline;
  253. }
  254.  
  255. /*
  256. Correct the cursor style of increment and decrement buttons in Safari.
  257. */
  258.  
  259. ::-webkit-inner-spin-button,
  260. ::-webkit-outer-spin-button {
  261. height: auto;
  262. }
  263.  
  264. /*
  265. 1. Correct the odd appearance in Chrome and Safari.
  266. 2. Correct the outline style in Safari.
  267. */
  268.  
  269. [type='search'] {
  270. -webkit-appearance: textfield;
  271. /* 1 */
  272. outline-offset: -2px;
  273. /* 2 */
  274. }
  275.  
  276. /*
  277. Remove the inner padding in Chrome and Safari on macOS.
  278. */
  279.  
  280. ::-webkit-search-decoration {
  281. -webkit-appearance: none;
  282. }
  283.  
  284. /*
  285. 1. Correct the inability to style clickable types in iOS and Safari.
  286. 2. Change font properties to `inherit` in Safari.
  287. */
  288.  
  289. ::-webkit-file-upload-button {
  290. -webkit-appearance: button;
  291. /* 1 */
  292. font: inherit;
  293. /* 2 */
  294. }
  295.  
  296. /*
  297. Add the correct display in Chrome and Safari.
  298. */
  299.  
  300. summary {
  301. display: list-item;
  302. }
  303.  
  304. /*
  305. Removes the default spacing and border for appropriate elements.
  306. */
  307.  
  308. blockquote,
  309. dl,
  310. dd,
  311. h1,
  312. h2,
  313. h3,
  314. h4,
  315. h5,
  316. h6,
  317. hr,
  318. figure,
  319. p,
  320. pre {
  321. margin: 0;
  322. }
  323.  
  324. fieldset {
  325. margin: 0;
  326. padding: 0;
  327. }
  328.  
  329. legend {
  330. padding: 0;
  331. }
  332.  
  333. ol,
  334. ul,
  335. menu {
  336. list-style: none;
  337. margin: 0;
  338. padding: 0;
  339. }
  340.  
  341. /*
  342. Prevent resizing textareas horizontally by default.
  343. */
  344.  
  345. textarea {
  346. resize: vertical;
  347. }
  348.  
  349. /*
  350. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  351. 2. Set the default placeholder color to the user's configured gray 400 color.
  352. */
  353.  
  354. input::-moz-placeholder, textarea::-moz-placeholder {
  355. opacity: 1;
  356. /* 1 */
  357. color: #9ca3af;
  358. /* 2 */
  359. }
  360.  
  361. input::placeholder,
  362. textarea::placeholder {
  363. opacity: 1;
  364. /* 1 */
  365. color: #9ca3af;
  366. /* 2 */
  367. }
  368.  
  369. /*
  370. Set the default cursor for buttons.
  371. */
  372.  
  373. button,
  374. [role="button"] {
  375. cursor: pointer;
  376. }
  377.  
  378. /*
  379. Make sure disabled buttons don't get the pointer cursor.
  380. */
  381.  
  382. :disabled {
  383. cursor: default;
  384. }
  385.  
  386. /*
  387. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  388. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  389. This can trigger a poorly considered lint error in some tools but is included by design.
  390. */
  391.  
  392. img,
  393. svg,
  394. video,
  395. canvas,
  396. audio,
  397. iframe,
  398. embed,
  399. object {
  400. display: block;
  401. /* 1 */
  402. vertical-align: middle;
  403. /* 2 */
  404. }
  405.  
  406. /*
  407. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  408. */
  409.  
  410. img,
  411. video {
  412. max-width: 100%;
  413. height: auto;
  414. }
  415.  
  416. /* Make elements with the HTML hidden attribute stay hidden by default */
  417.  
  418. [hidden] {
  419. display: none;
  420. }
  421.  
  422. :root,
  423. [data-theme] {
  424. background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
  425. color: hsla(var(--bc) / var(--tw-text-opacity, 1));
  426. }
  427.  
  428. html {
  429. -webkit-tap-highlight-color: transparent;
  430. }
  431.  
  432. :root {
  433. color-scheme: light;
  434. --pf: 258.89 94.378% 40.941%;
  435. --sf: 314 100% 37.647%;
  436. --af: 174 60% 40.784%;
  437. --nf: 219 14.085% 22.275%;
  438. --in: 198 93% 60%;
  439. --su: 158 64% 52%;
  440. --wa: 43 96% 56%;
  441. --er: 0 91% 71%;
  442. --inc: 198 100% 12%;
  443. --suc: 158 100% 10%;
  444. --wac: 43 100% 11%;
  445. --erc: 0 100% 14%;
  446. --rounded-box: 1rem;
  447. --rounded-btn: 0.5rem;
  448. --rounded-badge: 1.9rem;
  449. --animation-btn: 0.25s;
  450. --animation-input: .2s;
  451. --btn-text-case: uppercase;
  452. --btn-focus-scale: 0.95;
  453. --border-btn: 1px;
  454. --tab-border: 1px;
  455. --tab-radius: 0.5rem;
  456. --p: 258.89 94.378% 51.176%;
  457. --pc: 0 0% 100%;
  458. --s: 314 100% 47.059%;
  459. --sc: 0 0% 100%;
  460. --a: 174 60% 50.98%;
  461. --ac: 174.71 43.59% 15.294%;
  462. --n: 219 14.085% 27.843%;
  463. --nc: 0 0% 100%;
  464. --b1: 0 0% 100%;
  465. --b2: 0 0% 94.902%;
  466. --b3: 180 1.9608% 90%;
  467. --bc: 215 27.907% 16.863%;
  468. }
  469.  
  470. @media (prefers-color-scheme: dark) {
  471. :root {
  472. color-scheme: dark;
  473. --pf: 262.35 80.315% 40.157%;
  474. --sf: 315.75 70.196% 40%;
  475. --af: 174.69 70.335% 32.784%;
  476. --in: 198 93% 60%;
  477. --su: 158 64% 52%;
  478. --wa: 43 96% 56%;
  479. --er: 0 91% 71%;
  480. --inc: 198 100% 12%;
  481. --suc: 158 100% 10%;
  482. --wac: 43 100% 11%;
  483. --erc: 0 100% 14%;
  484. --rounded-box: 1rem;
  485. --rounded-btn: 0.5rem;
  486. --rounded-badge: 1.9rem;
  487. --animation-btn: 0.25s;
  488. --animation-input: .2s;
  489. --btn-text-case: uppercase;
  490. --btn-focus-scale: 0.95;
  491. --border-btn: 1px;
  492. --tab-border: 1px;
  493. --tab-radius: 0.5rem;
  494. --p: 262.35 80.315% 50.196%;
  495. --pc: 0 0% 100%;
  496. --s: 315.75 70.196% 50%;
  497. --sc: 0 0% 100%;
  498. --a: 174.69 70.335% 40.98%;
  499. --ac: 0 0% 100%;
  500. --n: 218.18 18.033% 11.961%;
  501. --nf: 222.86 17.073% 8.0392%;
  502. --nc: 220 13.376% 69.216%;
  503. --b1: 220 17.647% 20%;
  504. --b2: 220 17.241% 17.059%;
  505. --b3: 218.57 17.949% 15.294%;
  506. --bc: 220 13.376% 69.216%;
  507. }
  508. }
  509.  
  510. [data-theme=light] {
  511. color-scheme: light;
  512. --pf: 258.89 94.378% 40.941%;
  513. --sf: 314 100% 37.647%;
  514. --af: 174 60% 40.784%;
  515. --nf: 219 14.085% 22.275%;
  516. --in: 198 93% 60%;
  517. --su: 158 64% 52%;
  518. --wa: 43 96% 56%;
  519. --er: 0 91% 71%;
  520. --inc: 198 100% 12%;
  521. --suc: 158 100% 10%;
  522. --wac: 43 100% 11%;
  523. --erc: 0 100% 14%;
  524. --rounded-box: 1rem;
  525. --rounded-btn: 0.5rem;
  526. --rounded-badge: 1.9rem;
  527. --animation-btn: 0.25s;
  528. --animation-input: .2s;
  529. --btn-text-case: uppercase;
  530. --btn-focus-scale: 0.95;
  531. --border-btn: 1px;
  532. --tab-border: 1px;
  533. --tab-radius: 0.5rem;
  534. --p: 258.89 94.378% 51.176%;
  535. --pc: 0 0% 100%;
  536. --s: 314 100% 47.059%;
  537. --sc: 0 0% 100%;
  538. --a: 174 60% 50.98%;
  539. --ac: 174.71 43.59% 15.294%;
  540. --n: 219 14.085% 27.843%;
  541. --nc: 0 0% 100%;
  542. --b1: 0 0% 100%;
  543. --b2: 0 0% 94.902%;
  544. --b3: 180 1.9608% 90%;
  545. --bc: 215 27.907% 16.863%;
  546. }
  547.  
  548. [data-theme=dark] {
  549. color-scheme: dark;
  550. --pf: 262.35 80.315% 40.157%;
  551. --sf: 315.75 70.196% 40%;
  552. --af: 174.69 70.335% 32.784%;
  553. --in: 198 93% 60%;
  554. --su: 158 64% 52%;
  555. --wa: 43 96% 56%;
  556. --er: 0 91% 71%;
  557. --inc: 198 100% 12%;
  558. --suc: 158 100% 10%;
  559. --wac: 43 100% 11%;
  560. --erc: 0 100% 14%;
  561. --rounded-box: 1rem;
  562. --rounded-btn: 0.5rem;
  563. --rounded-badge: 1.9rem;
  564. --animation-btn: 0.25s;
  565. --animation-input: .2s;
  566. --btn-text-case: uppercase;
  567. --btn-focus-scale: 0.95;
  568. --border-btn: 1px;
  569. --tab-border: 1px;
  570. --tab-radius: 0.5rem;
  571. --p: 262.35 80.315% 50.196%;
  572. --pc: 0 0% 100%;
  573. --s: 315.75 70.196% 50%;
  574. --sc: 0 0% 100%;
  575. --a: 174.69 70.335% 40.98%;
  576. --ac: 0 0% 100%;
  577. --n: 218.18 18.033% 11.961%;
  578. --nf: 222.86 17.073% 8.0392%;
  579. --nc: 220 13.376% 69.216%;
  580. --b1: 220 17.647% 20%;
  581. --b2: 220 17.241% 17.059%;
  582. --b3: 218.57 17.949% 15.294%;
  583. --bc: 220 13.376% 69.216%;
  584. }
  585.  
  586. [data-theme=cupcake] {
  587. color-scheme: light;
  588. --pf: 183.03 47.368% 47.216%;
  589. --sf: 338.25 71.429% 62.431%;
  590. --af: 39 84.112% 46.431%;
  591. --nf: 280 46.479% 11.137%;
  592. --in: 198 93% 60%;
  593. --su: 158 64% 52%;
  594. --wa: 43 96% 56%;
  595. --er: 0 91% 71%;
  596. --pc: 183.03 100% 11.804%;
  597. --sc: 338.25 100% 15.608%;
  598. --ac: 39 100% 11.608%;
  599. --nc: 280 82.688% 82.784%;
  600. --inc: 198 100% 12%;
  601. --suc: 158 100% 10%;
  602. --wac: 43 100% 11%;
  603. --erc: 0 100% 14%;
  604. --rounded-box: 1rem;
  605. --rounded-badge: 1.9rem;
  606. --animation-btn: 0.25s;
  607. --animation-input: .2s;
  608. --btn-text-case: uppercase;
  609. --btn-focus-scale: 0.95;
  610. --border-btn: 1px;
  611. --p: 183.03 47.368% 59.02%;
  612. --s: 338.25 71.429% 78.039%;
  613. --a: 39 84.112% 58.039%;
  614. --n: 280 46.479% 13.922%;
  615. --b1: 24 33.333% 97.059%;
  616. --b2: 26.667 21.951% 91.961%;
  617. --b3: 22.5 14.286% 89.02%;
  618. --bc: 280 46.479% 13.922%;
  619. --rounded-btn: 1.9rem;
  620. --tab-border: 2px;
  621. --tab-radius: .5rem;
  622. }
  623.  
  624. [data-theme=bumblebee] {
  625. color-scheme: light;
  626. --pf: 41.124 74.167% 42.353%;
  627. --sf: 49.901 94.393% 46.431%;
  628. --af: 240 33.333% 11.294%;
  629. --nf: 240 33.333% 11.294%;
  630. --b2: 0 0% 90%;
  631. --b3: 0 0% 81%;
  632. --in: 198 93% 60%;
  633. --su: 158 64% 52%;
  634. --wa: 43 96% 56%;
  635. --er: 0 91% 71%;
  636. --bc: 0 0% 20%;
  637. --ac: 240 60.274% 82.824%;
  638. --nc: 240 60.274% 82.824%;
  639. --inc: 198 100% 12%;
  640. --suc: 158 100% 10%;
  641. --wac: 43 100% 11%;
  642. --erc: 0 100% 14%;
  643. --rounded-box: 1rem;
  644. --rounded-btn: 0.5rem;
  645. --rounded-badge: 1.9rem;
  646. --animation-btn: 0.25s;
  647. --animation-input: .2s;
  648. --btn-text-case: uppercase;
  649. --btn-focus-scale: 0.95;
  650. --border-btn: 1px;
  651. --tab-border: 1px;
  652. --tab-radius: 0.5rem;
  653. --p: 41.124 74.167% 52.941%;
  654. --pc: 240 33.333% 14.118%;
  655. --s: 49.901 94.393% 58.039%;
  656. --sc: 240 33.333% 14.118%;
  657. --a: 240 33.333% 14.118%;
  658. --n: 240 33.333% 14.118%;
  659. --b1: 0 0% 100%;
  660. }
  661.  
  662. [data-theme=emerald] {
  663. color-scheme: light;
  664. --pf: 141.18 50% 48%;
  665. --sf: 218.88 96.078% 48%;
  666. --af: 9.8901 81.25% 44.863%;
  667. --nf: 219.23 20.312% 20.078%;
  668. --b2: 0 0% 90%;
  669. --b3: 0 0% 81%;
  670. --in: 198 93% 60%;
  671. --su: 158 64% 52%;
  672. --wa: 43 96% 56%;
  673. --er: 0 91% 71%;
  674. --inc: 198 100% 12%;
  675. --suc: 158 100% 10%;
  676. --wac: 43 100% 11%;
  677. --erc: 0 100% 14%;
  678. --rounded-box: 1rem;
  679. --rounded-btn: 0.5rem;
  680. --rounded-badge: 1.9rem;
  681. --btn-text-case: uppercase;
  682. --border-btn: 1px;
  683. --tab-border: 1px;
  684. --tab-radius: 0.5rem;
  685. --p: 141.18 50% 60%;
  686. --pc: 151.11 28.421% 18.627%;
  687. --s: 218.88 96.078% 60%;
  688. --sc: 210 20% 98.039%;
  689. --a: 9.8901 81.25% 56.078%;
  690. --ac: 210 20% 98.039%;
  691. --n: 219.23 20.312% 25.098%;
  692. --nc: 210 20% 98.039%;
  693. --b1: 0 0% 100%;
  694. --bc: 219.23 20.312% 25.098%;
  695. --animation-btn: 0;
  696. --animation-input: 0;
  697. --btn-focus-scale: 1;
  698. }
  699.  
  700. [data-theme=corporate] {
  701. color-scheme: light;
  702. --pf: 229.09 95.652% 51.137%;
  703. --sf: 214.91 26.316% 47.216%;
  704. --af: 154.2 49.02% 48%;
  705. --nf: 233.33 27.273% 10.353%;
  706. --b2: 0 0% 90%;
  707. --b3: 0 0% 81%;
  708. --in: 198 93% 60%;
  709. --su: 158 64% 52%;
  710. --wa: 43 96% 56%;
  711. --er: 0 91% 71%;
  712. --pc: 229.09 100% 92.784%;
  713. --sc: 214.91 100% 11.804%;
  714. --ac: 154.2 100% 12%;
  715. --inc: 198 100% 12%;
  716. --suc: 158 100% 10%;
  717. --wac: 43 100% 11%;
  718. --erc: 0 100% 14%;
  719. --btn-text-case: uppercase;
  720. --border-btn: 1px;
  721. --tab-border: 1px;
  722. --tab-radius: 0.5rem;
  723. --p: 229.09 95.652% 63.922%;
  724. --s: 214.91 26.316% 59.02%;
  725. --a: 154.2 49.02% 60%;
  726. --n: 233.33 27.273% 12.941%;
  727. --nc: 210 38.462% 94.902%;
  728. --b1: 0 0% 100%;
  729. --bc: 233.33 27.273% 12.941%;
  730. --rounded-box: 0.25rem;
  731. --rounded-btn: .125rem;
  732. --rounded-badge: .125rem;
  733. --animation-btn: 0;
  734. --animation-input: 0;
  735. --btn-focus-scale: 1;
  736. }
  737.  
  738. [data-theme=synthwave] {
  739. color-scheme: dark;
  740. --pf: 320.73 69.62% 55.216%;
  741. --sf: 197.03 86.592% 51.922%;
  742. --af: 48 89.041% 45.647%;
  743. --nf: 253.22 60.825% 15.216%;
  744. --b2: 253.85 59.091% 23.294%;
  745. --b3: 253.85 59.091% 20.965%;
  746. --pc: 320.73 100% 13.804%;
  747. --sc: 197.03 100% 12.98%;
  748. --ac: 48 100% 11.412%;
  749. --rounded-box: 1rem;
  750. --rounded-btn: 0.5rem;
  751. --rounded-badge: 1.9rem;
  752. --animation-btn: 0.25s;
  753. --animation-input: .2s;
  754. --btn-text-case: uppercase;
  755. --btn-focus-scale: 0.95;
  756. --border-btn: 1px;
  757. --tab-border: 1px;
  758. --tab-radius: 0.5rem;
  759. --p: 320.73 69.62% 69.02%;
  760. --s: 197.03 86.592% 64.902%;
  761. --a: 48 89.041% 57.059%;
  762. --n: 253.22 60.825% 19.02%;
  763. --nc: 260 60% 98.039%;
  764. --b1: 253.85 59.091% 25.882%;
  765. --bc: 260 60% 98.039%;
  766. --in: 199.13 86.957% 63.922%;
  767. --inc: 257.45 63.218% 17.059%;
  768. --su: 168.1 74.233% 68.039%;
  769. --suc: 257.45 63.218% 17.059%;
  770. --wa: 48 89.041% 57.059%;
  771. --wac: 257.45 63.218% 17.059%;
  772. --er: 351.85 73.636% 56.863%;
  773. --erc: 260 60% 98.039%;
  774. }
  775.  
  776. [data-theme=retro] {
  777. color-scheme: light;
  778. --pf: 2.6667 73.77% 60.863%;
  779. --sf: 144.62 27.273% 57.569%;
  780. --af: 49.024 67.213% 60.863%;
  781. --nf: 41.667 16.822% 33.569%;
  782. --inc: 221.21 100% 90.667%;
  783. --suc: 142.13 100% 87.255%;
  784. --wac: 32.133 100% 8.7451%;
  785. --erc: 0 100% 90.118%;
  786. --animation-btn: 0.25s;
  787. --animation-input: .2s;
  788. --btn-text-case: uppercase;
  789. --btn-focus-scale: 0.95;
  790. --border-btn: 1px;
  791. --tab-border: 1px;
  792. --tab-radius: 0.5rem;
  793. --p: 2.6667 73.77% 76.078%;
  794. --pc: 345 5.2632% 14.902%;
  795. --s: 144.62 27.273% 71.961%;
  796. --sc: 345 5.2632% 14.902%;
  797. --a: 49.024 67.213% 76.078%;
  798. --ac: 345 5.2632% 14.902%;
  799. --n: 41.667 16.822% 41.961%;
  800. --nc: 45 47.059% 80%;
  801. --b1: 45 47.059% 80%;
  802. --b2: 45.283 37.063% 71.961%;
  803. --b3: 42.188 35.955% 65.098%;
  804. --bc: 345 5.2632% 14.902%;
  805. --in: 221.21 83.193% 53.333%;
  806. --su: 142.13 76.216% 36.275%;
  807. --wa: 32.133 94.619% 43.725%;
  808. --er: 0 72.222% 50.588%;
  809. --rounded-box: 0.4rem;
  810. --rounded-btn: 0.4rem;
  811. --rounded-badge: 0.4rem;
  812. }
  813.  
  814. [data-theme=cyberpunk] {
  815. color-scheme: light;
  816. --pf: 344.78 100% 58.353%;
  817. --sf: 195.12 80.392% 56%;
  818. --af: 276 74.324% 56.784%;
  819. --nf: 57.273 100% 10.353%;
  820. --b2: 56 100% 45%;
  821. --b3: 56 100% 40.5%;
  822. --in: 198 93% 60%;
  823. --su: 158 64% 52%;
  824. --wa: 43 96% 56%;
  825. --er: 0 91% 71%;
  826. --bc: 56 100% 10%;
  827. --pc: 344.78 100% 14.588%;
  828. --sc: 195.12 100% 14%;
  829. --ac: 276 100% 14.196%;
  830. --inc: 198 100% 12%;
  831. --suc: 158 100% 10%;
  832. --wac: 43 100% 11%;
  833. --erc: 0 100% 14%;
  834. --animation-btn: 0.25s;
  835. --animation-input: .2s;
  836. --btn-text-case: uppercase;
  837. --btn-focus-scale: 0.95;
  838. --border-btn: 1px;
  839. --tab-border: 1px;
  840. font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  841. --p: 344.78 100% 72.941%;
  842. --s: 195.12 80.392% 70%;
  843. --a: 276 74.324% 70.98%;
  844. --n: 57.273 100% 12.941%;
  845. --nc: 56 100% 50%;
  846. --b1: 56 100% 50%;
  847. --rounded-box: 0;
  848. --rounded-btn: 0;
  849. --rounded-badge: 0;
  850. --tab-radius: 0;
  851. }
  852.  
  853. [data-theme=valentine] {
  854. color-scheme: light;
  855. --pf: 353.23 73.81% 53.647%;
  856. --sf: 254.12 86.441% 61.49%;
  857. --af: 181.41 55.556% 56%;
  858. --nf: 336 42.857% 38.431%;
  859. --b2: 318.46 46.429% 80.118%;
  860. --b3: 318.46 46.429% 72.106%;
  861. --pc: 353.23 100% 13.412%;
  862. --sc: 254.12 100% 15.373%;
  863. --ac: 181.41 100% 14%;
  864. --inc: 221.21 100% 90.667%;
  865. --suc: 142.13 100% 87.255%;
  866. --wac: 32.133 100% 8.7451%;
  867. --erc: 0 100% 90.118%;
  868. --rounded-box: 1rem;
  869. --rounded-badge: 1.9rem;
  870. --animation-btn: 0.25s;
  871. --animation-input: .2s;
  872. --btn-text-case: uppercase;
  873. --btn-focus-scale: 0.95;
  874. --border-btn: 1px;
  875. --tab-border: 1px;
  876. --tab-radius: 0.5rem;
  877. --p: 353.23 73.81% 67.059%;
  878. --s: 254.12 86.441% 76.863%;
  879. --a: 181.41 55.556% 70%;
  880. --n: 336 42.857% 48.039%;
  881. --nc: 318.46 46.429% 89.02%;
  882. --b1: 318.46 46.429% 89.02%;
  883. --bc: 343.64 38.462% 28.039%;
  884. --in: 221.21 83.193% 53.333%;
  885. --su: 142.13 76.216% 36.275%;
  886. --wa: 32.133 94.619% 43.725%;
  887. --er: 0 72.222% 50.588%;
  888. --rounded-btn: 1.9rem;
  889. }
  890.  
  891. [data-theme=halloween] {
  892. color-scheme: dark;
  893. --pf: 31.927 89.344% 41.725%;
  894. --sf: 271.22 45.794% 33.569%;
  895. --af: 91.071 100% 26.353%;
  896. --nf: 180 3.5714% 8.7843%;
  897. --b2: 0 0% 11.647%;
  898. --b3: 0 0% 10.482%;
  899. --bc: 0 0% 82.588%;
  900. --sc: 271.22 100% 88.392%;
  901. --ac: 91.071 100% 6.5882%;
  902. --nc: 180 4.8458% 82.196%;
  903. --inc: 221.21 100% 90.667%;
  904. --suc: 142.13 100% 87.255%;
  905. --wac: 32.133 100% 8.7451%;
  906. --erc: 0 100% 90.118%;
  907. --rounded-box: 1rem;
  908. --rounded-btn: 0.5rem;
  909. --rounded-badge: 1.9rem;
  910. --animation-btn: 0.25s;
  911. --animation-input: .2s;
  912. --btn-text-case: uppercase;
  913. --btn-focus-scale: 0.95;
  914. --border-btn: 1px;
  915. --tab-border: 1px;
  916. --tab-radius: 0.5rem;
  917. --p: 31.927 89.344% 52.157%;
  918. --pc: 180 7.3171% 8.0392%;
  919. --s: 271.22 45.794% 41.961%;
  920. --a: 91.071 100% 32.941%;
  921. --n: 180 3.5714% 10.98%;
  922. --b1: 0 0% 12.941%;
  923. --in: 221.21 83.193% 53.333%;
  924. --su: 142.13 76.216% 36.275%;
  925. --wa: 32.133 94.619% 43.725%;
  926. --er: 0 72.222% 50.588%;
  927. }
  928.  
  929. [data-theme=garden] {
  930. color-scheme: light;
  931. --pf: 138.86 15.982% 34.353%;
  932. --sf: 96.923 37.143% 74.51%;
  933. --af: 0 67.742% 75.137%;
  934. --nf: 0 3.9106% 28.078%;
  935. --b2: 0 4.3478% 81.882%;
  936. --b3: 0 4.3478% 73.694%;
  937. --in: 198 93% 60%;
  938. --su: 158 64% 52%;
  939. --wa: 43 96% 56%;
  940. --er: 0 91% 71%;
  941. --pc: 138.86 100% 88.588%;
  942. --inc: 198 100% 12%;
  943. --suc: 158 100% 10%;
  944. --wac: 43 100% 11%;
  945. --erc: 0 100% 14%;
  946. --rounded-box: 1rem;
  947. --rounded-btn: 0.5rem;
  948. --rounded-badge: 1.9rem;
  949. --animation-btn: 0.25s;
  950. --animation-input: .2s;
  951. --btn-text-case: uppercase;
  952. --btn-focus-scale: 0.95;
  953. --border-btn: 1px;
  954. --tab-border: 1px;
  955. --tab-radius: 0.5rem;
  956. --p: 138.86 15.982% 42.941%;
  957. --s: 96.923 37.143% 93.137%;
  958. --sc: 96 32.468% 15.098%;
  959. --a: 0 67.742% 93.922%;
  960. --ac: 0 21.951% 16.078%;
  961. --n: 0 3.9106% 35.098%;
  962. --nc: 0 4.3478% 90.98%;
  963. --b1: 0 4.3478% 90.98%;
  964. --bc: 0 3.2258% 6.0784%;
  965. }
  966.  
  967. [data-theme=forest] {
  968. color-scheme: dark;
  969. --pf: 141.04 71.963% 33.569%;
  970. --sf: 140.98 74.694% 38.431%;
  971. --af: 35.148 68.98% 41.569%;
  972. --nf: 0 9.6774% 4.8627%;
  973. --b2: 0 12.195% 7.2353%;
  974. --b3: 0 12.195% 6.5118%;
  975. --in: 198 93% 60%;
  976. --su: 158 64% 52%;
  977. --wa: 43 96% 56%;
  978. --er: 0 91% 71%;
  979. --bc: 0 11.727% 81.608%;
  980. --sc: 140.98 100% 9.6078%;
  981. --ac: 35.148 100% 10.392%;
  982. --nc: 0 6.8894% 81.216%;
  983. --inc: 198 100% 12%;
  984. --suc: 158 100% 10%;
  985. --wac: 43 100% 11%;
  986. --erc: 0 100% 14%;
  987. --rounded-box: 1rem;
  988. --rounded-badge: 1.9rem;
  989. --animation-btn: 0.25s;
  990. --animation-input: .2s;
  991. --btn-text-case: uppercase;
  992. --btn-focus-scale: 0.95;
  993. --border-btn: 1px;
  994. --tab-border: 1px;
  995. --tab-radius: 0.5rem;
  996. --p: 141.04 71.963% 41.961%;
  997. --pc: 140.66 100% 88.039%;
  998. --s: 140.98 74.694% 48.039%;
  999. --a: 35.148 68.98% 51.961%;
  1000. --n: 0 9.6774% 6.0784%;
  1001. --b1: 0 12.195% 8.0392%;
  1002. --rounded-btn: 1.9rem;
  1003. }
  1004.  
  1005. [data-theme=aqua] {
  1006. color-scheme: dark;
  1007. --pf: 181.79 92.857% 39.529%;
  1008. --sf: 274.41 30.909% 45.49%;
  1009. --af: 47.059 100% 64%;
  1010. --nf: 205.4 53.725% 40%;
  1011. --b2: 218.61 52.511% 38.647%;
  1012. --b3: 218.61 52.511% 34.782%;
  1013. --bc: 218.61 100% 88.588%;
  1014. --sc: 274.41 100% 91.373%;
  1015. --ac: 47.059 100% 16%;
  1016. --nc: 205.4 100% 90%;
  1017. --inc: 221.21 100% 90.667%;
  1018. --suc: 142.13 100% 87.255%;
  1019. --wac: 32.133 100% 8.7451%;
  1020. --erc: 0 100% 90.118%;
  1021. --rounded-box: 1rem;
  1022. --rounded-btn: 0.5rem;
  1023. --rounded-badge: 1.9rem;
  1024. --animation-btn: 0.25s;
  1025. --animation-input: .2s;
  1026. --btn-text-case: uppercase;
  1027. --btn-focus-scale: 0.95;
  1028. --border-btn: 1px;
  1029. --tab-border: 1px;
  1030. --tab-radius: 0.5rem;
  1031. --p: 181.79 92.857% 49.412%;
  1032. --pc: 181.41 100% 16.667%;
  1033. --s: 274.41 30.909% 56.863%;
  1034. --a: 47.059 100% 80%;
  1035. --n: 205.4 53.725% 50%;
  1036. --b1: 218.61 52.511% 42.941%;
  1037. --in: 221.21 83.193% 53.333%;
  1038. --su: 142.13 76.216% 36.275%;
  1039. --wa: 32.133 94.619% 43.725%;
  1040. --er: 0 72.222% 50.588%;
  1041. }
  1042.  
  1043. [data-theme=lofi] {
  1044. color-scheme: light;
  1045. --pf: 0 0% 4.0784%;
  1046. --sf: 0 1.9608% 8%;
  1047. --af: 0 0% 11.922%;
  1048. --nf: 0 0% 0%;
  1049. --btn-text-case: uppercase;
  1050. --border-btn: 1px;
  1051. --tab-border: 1px;
  1052. --p: 0 0% 5.098%;
  1053. --pc: 0 0% 100%;
  1054. --s: 0 1.9608% 10%;
  1055. --sc: 0 0% 100%;
  1056. --a: 0 0% 14.902%;
  1057. --ac: 0 0% 100%;
  1058. --n: 0 0% 0%;
  1059. --nc: 0 0% 100%;
  1060. --b1: 0 0% 100%;
  1061. --b2: 0 0% 94.902%;
  1062. --b3: 0 1.9608% 90%;
  1063. --bc: 0 0% 0%;
  1064. --in: 212.35 100% 47.647%;
  1065. --inc: 0 0% 100%;
  1066. --su: 136.84 72.152% 46.471%;
  1067. --suc: 0 0% 100%;
  1068. --wa: 4.5614 100% 66.471%;
  1069. --wac: 0 0% 100%;
  1070. --er: 325.05 77.6% 49.02%;
  1071. --erc: 0 0% 100%;
  1072. --rounded-box: 0.25rem;
  1073. --rounded-btn: 0.125rem;
  1074. --rounded-badge: 0.125rem;
  1075. --animation-btn: 0;
  1076. --animation-input: 0;
  1077. --btn-focus-scale: 1;
  1078. --tab-radius: 0;
  1079. }
  1080.  
  1081. [data-theme=pastel] {
  1082. color-scheme: light;
  1083. --pf: 283.64 21.569% 64%;
  1084. --sf: 351.63 70.492% 70.431%;
  1085. --af: 158.49 54.639% 64.784%;
  1086. --nf: 198.62 43.719% 48.784%;
  1087. --in: 198 93% 60%;
  1088. --su: 158 64% 52%;
  1089. --wa: 43 96% 56%;
  1090. --er: 0 91% 71%;
  1091. --bc: 0 0% 20%;
  1092. --pc: 283.64 59.314% 16%;
  1093. --sc: 351.63 100% 17.608%;
  1094. --ac: 158.49 100% 16.196%;
  1095. --nc: 198.62 100% 12.196%;
  1096. --inc: 198 100% 12%;
  1097. --suc: 158 100% 10%;
  1098. --wac: 43 100% 11%;
  1099. --erc: 0 100% 14%;
  1100. --rounded-box: 1rem;
  1101. --rounded-badge: 1.9rem;
  1102. --animation-btn: 0.25s;
  1103. --animation-input: .2s;
  1104. --btn-text-case: uppercase;
  1105. --btn-focus-scale: 0.95;
  1106. --border-btn: 1px;
  1107. --tab-border: 1px;
  1108. --tab-radius: 0.5rem;
  1109. --p: 283.64 21.569% 80%;
  1110. --s: 351.63 70.492% 88.039%;
  1111. --a: 158.49 54.639% 80.98%;
  1112. --n: 198.62 43.719% 60.98%;
  1113. --b1: 0 0% 100%;
  1114. --b2: 210 20% 98.039%;
  1115. --b3: 216 12.195% 83.922%;
  1116. --rounded-btn: 1.9rem;
  1117. }
  1118.  
  1119. [data-theme=fantasy] {
  1120. color-scheme: light;
  1121. --pf: 296.04 82.813% 20.078%;
  1122. --sf: 200 100% 29.647%;
  1123. --af: 30.894 94.378% 40.941%;
  1124. --nf: 215 27.907% 13.49%;
  1125. --b2: 0 0% 90%;
  1126. --b3: 0 0% 81%;
  1127. --in: 198 93% 60%;
  1128. --su: 158 64% 52%;
  1129. --wa: 43 96% 56%;
  1130. --er: 0 91% 71%;
  1131. --pc: 296.04 100% 85.02%;
  1132. --sc: 200 100% 87.412%;
  1133. --ac: 30.894 100% 10.235%;
  1134. --nc: 215 62.264% 83.373%;
  1135. --inc: 198 100% 12%;
  1136. --suc: 158 100% 10%;
  1137. --wac: 43 100% 11%;
  1138. --erc: 0 100% 14%;
  1139. --rounded-box: 1rem;
  1140. --rounded-btn: 0.5rem;
  1141. --rounded-badge: 1.9rem;
  1142. --animation-btn: 0.25s;
  1143. --animation-input: .2s;
  1144. --btn-text-case: uppercase;
  1145. --btn-focus-scale: 0.95;
  1146. --border-btn: 1px;
  1147. --tab-border: 1px;
  1148. --tab-radius: 0.5rem;
  1149. --p: 296.04 82.813% 25.098%;
  1150. --s: 200 100% 37.059%;
  1151. --a: 30.894 94.378% 51.176%;
  1152. --n: 215 27.907% 16.863%;
  1153. --b1: 0 0% 100%;
  1154. --bc: 215 27.907% 16.863%;
  1155. }
  1156.  
  1157. [data-theme=wireframe] {
  1158. color-scheme: light;
  1159. --pf: 0 0% 57.725%;
  1160. --sf: 0 0% 57.725%;
  1161. --af: 0 0% 57.725%;
  1162. --nf: 0 0% 73.725%;
  1163. --bc: 0 0% 20%;
  1164. --pc: 0 0% 14.431%;
  1165. --sc: 0 0% 14.431%;
  1166. --ac: 0 0% 14.431%;
  1167. --nc: 0 0% 18.431%;
  1168. --inc: 240 100% 90%;
  1169. --suc: 120 100% 85.02%;
  1170. --wac: 60 100% 10%;
  1171. --erc: 0 100% 90%;
  1172. --animation-btn: 0.25s;
  1173. --animation-input: .2s;
  1174. --btn-text-case: uppercase;
  1175. --btn-focus-scale: 0.95;
  1176. --border-btn: 1px;
  1177. --tab-border: 1px;
  1178. font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
  1179. --p: 0 0% 72.157%;
  1180. --s: 0 0% 72.157%;
  1181. --a: 0 0% 72.157%;
  1182. --n: 0 0% 92.157%;
  1183. --b1: 0 0% 100%;
  1184. --b2: 0 0% 93.333%;
  1185. --b3: 0 0% 86.667%;
  1186. --in: 240 100% 50%;
  1187. --su: 120 100% 25.098%;
  1188. --wa: 60 30.196% 50%;
  1189. --er: 0 100% 50%;
  1190. --rounded-box: 0.2rem;
  1191. --rounded-btn: 0.2rem;
  1192. --rounded-badge: 0.2rem;
  1193. --tab-radius: 0.2rem;
  1194. }
  1195.  
  1196. [data-theme=black] {
  1197. color-scheme: dark;
  1198. --pf: 0 1.9608% 16%;
  1199. --sf: 0 1.9608% 16%;
  1200. --af: 0 1.9608% 16%;
  1201. --bc: 0 0% 80%;
  1202. --pc: 0 5.3922% 84%;
  1203. --sc: 0 5.3922% 84%;
  1204. --ac: 0 5.3922% 84%;
  1205. --nc: 0 2.5404% 83.02%;
  1206. --inc: 240 100% 90%;
  1207. --suc: 120 100% 85.02%;
  1208. --wac: 60 100% 10%;
  1209. --erc: 0 100% 90%;
  1210. --border-btn: 1px;
  1211. --tab-border: 1px;
  1212. --p: 0 1.9608% 20%;
  1213. --s: 0 1.9608% 20%;
  1214. --a: 0 1.9608% 20%;
  1215. --b1: 0 0% 0%;
  1216. --b2: 0 0% 5.098%;
  1217. --b3: 0 1.9608% 10%;
  1218. --n: 0 1.2987% 15.098%;
  1219. --nf: 0 1.9608% 20%;
  1220. --in: 240 100% 50%;
  1221. --su: 120 100% 25.098%;
  1222. --wa: 60 100% 50%;
  1223. --er: 0 100% 50%;
  1224. --rounded-box: 0;
  1225. --rounded-btn: 0;
  1226. --rounded-badge: 0;
  1227. --animation-btn: 0;
  1228. --animation-input: 0;
  1229. --btn-text-case: lowercase;
  1230. --btn-focus-scale: 1;
  1231. --tab-radius: 0;
  1232. }
  1233.  
  1234. [data-theme=luxury] {
  1235. color-scheme: dark;
  1236. --pf: 0 0% 80%;
  1237. --sf: 218.4 54.348% 14.431%;
  1238. --af: 318.62 21.805% 20.863%;
  1239. --nf: 270 4.3478% 7.2157%;
  1240. --pc: 0 0% 20%;
  1241. --sc: 218.4 100% 83.608%;
  1242. --ac: 318.62 84.615% 85.216%;
  1243. --inc: 202.35 100% 14%;
  1244. --suc: 89.007 100% 10.392%;
  1245. --wac: 53.906 100% 12.706%;
  1246. --erc: 0 100% 14.353%;
  1247. --rounded-box: 1rem;
  1248. --rounded-btn: 0.5rem;
  1249. --rounded-badge: 1.9rem;
  1250. --animation-btn: 0.25s;
  1251. --animation-input: .2s;
  1252. --btn-text-case: uppercase;
  1253. --btn-focus-scale: 0.95;
  1254. --border-btn: 1px;
  1255. --tab-border: 1px;
  1256. --tab-radius: 0.5rem;
  1257. --p: 0 0% 100%;
  1258. --s: 218.4 54.348% 18.039%;
  1259. --a: 318.62 21.805% 26.078%;
  1260. --n: 270 4.3478% 9.0196%;
  1261. --nc: 37.083 67.29% 58.039%;
  1262. --b1: 240 10% 3.9216%;
  1263. --b2: 270 4.3478% 9.0196%;
  1264. --b3: 270 2.1739% 18.039%;
  1265. --bc: 37.083 67.29% 58.039%;
  1266. --in: 202.35 100% 70%;
  1267. --su: 89.007 61.633% 51.961%;
  1268. --wa: 53.906 68.817% 63.529%;
  1269. --er: 0 100% 71.765%;
  1270. }
  1271.  
  1272. [data-theme=dracula] {
  1273. color-scheme: dark;
  1274. --pf: 325.52 100% 58.98%;
  1275. --sf: 264.71 89.474% 62.118%;
  1276. --af: 31.02 100% 56.941%;
  1277. --nf: 229.57 15.033% 24%;
  1278. --b2: 231.43 14.894% 16.588%;
  1279. --b3: 231.43 14.894% 14.929%;
  1280. --pc: 325.52 100% 14.745%;
  1281. --sc: 264.71 100% 15.529%;
  1282. --ac: 31.02 100% 14.235%;
  1283. --nc: 229.57 70.868% 86%;
  1284. --inc: 190.53 100% 15.373%;
  1285. --suc: 135.18 100% 12.941%;
  1286. --wac: 64.909 100% 15.294%;
  1287. --erc: 0 100% 93.333%;
  1288. --rounded-box: 1rem;
  1289. --rounded-btn: 0.5rem;
  1290. --rounded-badge: 1.9rem;
  1291. --animation-btn: 0.25s;
  1292. --animation-input: .2s;
  1293. --btn-text-case: uppercase;
  1294. --btn-focus-scale: 0.95;
  1295. --border-btn: 1px;
  1296. --tab-border: 1px;
  1297. --tab-radius: 0.5rem;
  1298. --p: 325.52 100% 73.725%;
  1299. --s: 264.71 89.474% 77.647%;
  1300. --a: 31.02 100% 71.176%;
  1301. --n: 229.57 15.033% 30%;
  1302. --b1: 231.43 14.894% 18.431%;
  1303. --bc: 60 30% 96.078%;
  1304. --in: 190.53 96.61% 76.863%;
  1305. --su: 135.18 94.444% 64.706%;
  1306. --wa: 64.909 91.667% 76.471%;
  1307. --er: 0 100% 66.667%;
  1308. }
  1309.  
  1310. [data-theme=cmyk] {
  1311. color-scheme: light;
  1312. --pf: 202.72 83.251% 48.157%;
  1313. --sf: 335.25 77.67% 47.686%;
  1314. --af: 56.195 100% 47.843%;
  1315. --nf: 0 0% 8.1569%;
  1316. --b2: 0 0% 90%;
  1317. --b3: 0 0% 81%;
  1318. --bc: 0 0% 20%;
  1319. --pc: 202.72 100% 12.039%;
  1320. --sc: 335.25 100% 91.922%;
  1321. --ac: 56.195 100% 11.961%;
  1322. --nc: 0 0% 82.039%;
  1323. --inc: 192.2 100% 10.431%;
  1324. --suc: 291.06 100% 87.608%;
  1325. --wac: 25.027 100% 11.333%;
  1326. --erc: 3.956 100% 91.137%;
  1327. --rounded-box: 1rem;
  1328. --rounded-btn: 0.5rem;
  1329. --rounded-badge: 1.9rem;
  1330. --animation-btn: 0.25s;
  1331. --animation-input: .2s;
  1332. --btn-text-case: uppercase;
  1333. --btn-focus-scale: 0.95;
  1334. --border-btn: 1px;
  1335. --tab-border: 1px;
  1336. --tab-radius: 0.5rem;
  1337. --p: 202.72 83.251% 60.196%;
  1338. --s: 335.25 77.67% 59.608%;
  1339. --a: 56.195 100% 59.804%;
  1340. --n: 0 0% 10.196%;
  1341. --b1: 0 0% 100%;
  1342. --in: 192.2 48.361% 52.157%;
  1343. --su: 291.06 48.454% 38.039%;
  1344. --wa: 25.027 84.615% 56.667%;
  1345. --er: 3.956 80.531% 55.686%;
  1346. }
  1347.  
  1348. [data-theme=autumn] {
  1349. color-scheme: light;
  1350. --pf: 344.23 95.804% 22.431%;
  1351. --sf: 0.44444 63.38% 46.588%;
  1352. --af: 27.477 56.021% 50.039%;
  1353. --nf: 22.105 17.117% 34.824%;
  1354. --b2: 0 0% 85.059%;
  1355. --b3: 0 0% 76.553%;
  1356. --bc: 0 0% 18.902%;
  1357. --pc: 344.23 100% 85.608%;
  1358. --sc: 0.44444 100% 91.647%;
  1359. --ac: 27.477 100% 12.51%;
  1360. --nc: 22.105 100% 88.706%;
  1361. --inc: 186.94 100% 9.9216%;
  1362. --suc: 164.59 100% 8.6275%;
  1363. --wac: 30.141 100% 9.9216%;
  1364. --erc: 353.6 100% 89.765%;
  1365. --rounded-box: 1rem;
  1366. --rounded-btn: 0.5rem;
  1367. --rounded-badge: 1.9rem;
  1368. --animation-btn: 0.25s;
  1369. --animation-input: .2s;
  1370. --btn-text-case: uppercase;
  1371. --btn-focus-scale: 0.95;
  1372. --border-btn: 1px;
  1373. --tab-border: 1px;
  1374. --tab-radius: 0.5rem;
  1375. --p: 344.23 95.804% 28.039%;
  1376. --s: 0.44444 63.38% 58.235%;
  1377. --a: 27.477 56.021% 62.549%;
  1378. --n: 22.105 17.117% 43.529%;
  1379. --b1: 0 0% 94.51%;
  1380. --in: 186.94 47.826% 49.608%;
  1381. --su: 164.59 33.636% 43.137%;
  1382. --wa: 30.141 84.19% 49.608%;
  1383. --er: 353.6 79.116% 48.824%;
  1384. }
  1385.  
  1386. [data-theme=business] {
  1387. color-scheme: dark;
  1388. --pf: 210 64.103% 24.471%;
  1389. --sf: 200 12.931% 43.608%;
  1390. --af: 12.515 79.512% 47.843%;
  1391. --nf: 212.73 13.58% 12.706%;
  1392. --b2: 0 0% 11.294%;
  1393. --b3: 0 0% 10.165%;
  1394. --bc: 0 0% 82.51%;
  1395. --pc: 210 100% 86.118%;
  1396. --sc: 200 100% 10.902%;
  1397. --ac: 12.515 100% 11.961%;
  1398. --nc: 212.73 28.205% 83.176%;
  1399. --inc: 199.15 100% 88.353%;
  1400. --suc: 144 100% 11.137%;
  1401. --wac: 39.231 100% 12.078%;
  1402. --erc: 6.3415 100% 88.667%;
  1403. --animation-btn: 0.25s;
  1404. --animation-input: .2s;
  1405. --btn-text-case: uppercase;
  1406. --btn-focus-scale: 0.95;
  1407. --border-btn: 1px;
  1408. --tab-border: 1px;
  1409. --tab-radius: 0.5rem;
  1410. --p: 210 64.103% 30.588%;
  1411. --s: 200 12.931% 54.51%;
  1412. --a: 12.515 79.512% 59.804%;
  1413. --n: 212.73 13.58% 15.882%;
  1414. --b1: 0 0% 12.549%;
  1415. --in: 199.15 100% 41.765%;
  1416. --su: 144 30.973% 55.686%;
  1417. --wa: 39.231 64.356% 60.392%;
  1418. --er: 6.3415 55.656% 43.333%;
  1419. --rounded-box: 0.25rem;
  1420. --rounded-btn: .125rem;
  1421. --rounded-badge: .125rem;
  1422. }
  1423.  
  1424. [data-theme=acid] {
  1425. color-scheme: light;
  1426. --pf: 302.59 100% 40%;
  1427. --sf: 27.294 100% 40%;
  1428. --af: 72 98.425% 40.157%;
  1429. --nf: 238.42 43.182% 13.804%;
  1430. --b2: 0 0% 88.235%;
  1431. --b3: 0 0% 79.412%;
  1432. --bc: 0 0% 19.608%;
  1433. --pc: 302.59 100% 90%;
  1434. --sc: 27.294 100% 10%;
  1435. --ac: 72 100% 10.039%;
  1436. --nc: 238.42 99.052% 83.451%;
  1437. --inc: 209.85 100% 11.569%;
  1438. --suc: 148.87 100% 11.608%;
  1439. --wac: 52.574 100% 11.451%;
  1440. --erc: 0.78261 100% 89.02%;
  1441. --animation-btn: 0.25s;
  1442. --animation-input: .2s;
  1443. --btn-text-case: uppercase;
  1444. --btn-focus-scale: 0.95;
  1445. --border-btn: 1px;
  1446. --tab-border: 1px;
  1447. --tab-radius: 0.5rem;
  1448. --p: 302.59 100% 50%;
  1449. --s: 27.294 100% 50%;
  1450. --a: 72 98.425% 50.196%;
  1451. --n: 238.42 43.182% 17.255%;
  1452. --b1: 0 0% 98.039%;
  1453. --in: 209.85 91.628% 57.843%;
  1454. --su: 148.87 49.533% 58.039%;
  1455. --wa: 52.574 92.661% 57.255%;
  1456. --er: 0.78261 100% 45.098%;
  1457. --rounded-box: 1.25rem;
  1458. --rounded-btn: 1rem;
  1459. --rounded-badge: 1rem;
  1460. }
  1461.  
  1462. [data-theme=lemonade] {
  1463. color-scheme: light;
  1464. --pf: 88.8 96.154% 24.471%;
  1465. --sf: 60 80.952% 43.765%;
  1466. --af: 62.553 79.661% 70.745%;
  1467. --nf: 238.42 43.182% 13.804%;
  1468. --b2: 0 0% 90%;
  1469. --b3: 0 0% 81%;
  1470. --bc: 0 0% 20%;
  1471. --pc: 88.8 100% 86.118%;
  1472. --sc: 60 100% 10.941%;
  1473. --ac: 62.553 100% 17.686%;
  1474. --nc: 238.42 99.052% 83.451%;
  1475. --inc: 191.61 79.118% 16.902%;
  1476. --suc: 74.458 100% 15.725%;
  1477. --wac: 50.182 100% 15.059%;
  1478. --erc: 0.98361 100% 16.588%;
  1479. --rounded-box: 1rem;
  1480. --rounded-btn: 0.5rem;
  1481. --rounded-badge: 1.9rem;
  1482. --animation-btn: 0.25s;
  1483. --animation-input: .2s;
  1484. --btn-text-case: uppercase;
  1485. --btn-focus-scale: 0.95;
  1486. --border-btn: 1px;
  1487. --tab-border: 1px;
  1488. --tab-radius: 0.5rem;
  1489. --p: 88.8 96.154% 30.588%;
  1490. --s: 60 80.952% 54.706%;
  1491. --a: 62.553 79.661% 88.431%;
  1492. --n: 238.42 43.182% 17.255%;
  1493. --b1: 0 0% 100%;
  1494. --in: 191.61 39.241% 84.51%;
  1495. --su: 74.458 76.147% 78.627%;
  1496. --wa: 50.182 87.302% 75.294%;
  1497. --er: 0.98361 70.115% 82.941%;
  1498. }
  1499.  
  1500. [data-theme=night] {
  1501. color-scheme: dark;
  1502. --pf: 198.44 93.204% 47.686%;
  1503. --sf: 234.45 89.474% 59.137%;
  1504. --af: 328.85 85.621% 56%;
  1505. --b2: 222.22 47.368% 10.059%;
  1506. --b3: 222.22 47.368% 9.0529%;
  1507. --bc: 222.22 65.563% 82.235%;
  1508. --pc: 198.44 100% 11.922%;
  1509. --sc: 234.45 100% 14.784%;
  1510. --ac: 328.85 100% 14%;
  1511. --nc: 217.24 75.772% 83.49%;
  1512. --inc: 198.46 100% 9.6078%;
  1513. --suc: 172.46 100% 10.078%;
  1514. --wac: 40.61 100% 12.706%;
  1515. --erc: 350.94 100% 14.235%;
  1516. --rounded-box: 1rem;
  1517. --rounded-btn: 0.5rem;
  1518. --rounded-badge: 1.9rem;
  1519. --animation-btn: 0.25s;
  1520. --animation-input: .2s;
  1521. --btn-text-case: uppercase;
  1522. --btn-focus-scale: 0.95;
  1523. --border-btn: 1px;
  1524. --tab-border: 1px;
  1525. --tab-radius: 0.5rem;
  1526. --p: 198.44 93.204% 59.608%;
  1527. --s: 234.45 89.474% 73.922%;
  1528. --a: 328.85 85.621% 70%;
  1529. --n: 217.24 32.584% 17.451%;
  1530. --nf: 217.06 30.357% 21.961%;
  1531. --b1: 222.22 47.368% 11.176%;
  1532. --in: 198.46 90.204% 48.039%;
  1533. --su: 172.46 66.008% 50.392%;
  1534. --wa: 40.61 88.172% 63.529%;
  1535. --er: 350.94 94.558% 71.176%;
  1536. }
  1537.  
  1538. [data-theme=coffee] {
  1539. color-scheme: dark;
  1540. --pf: 29.583 66.667% 46.118%;
  1541. --sf: 182.4 24.752% 15.843%;
  1542. --af: 194.19 74.4% 19.608%;
  1543. --nf: 300 20% 4.7059%;
  1544. --b2: 306 18.519% 9.5294%;
  1545. --b3: 306 18.519% 8.5765%;
  1546. --pc: 29.583 100% 11.529%;
  1547. --sc: 182.4 67.237% 83.961%;
  1548. --ac: 194.19 100% 84.902%;
  1549. --nc: 300 13.75% 81.176%;
  1550. --inc: 171.15 100% 13.451%;
  1551. --suc: 92.5 100% 12.471%;
  1552. --wac: 43.125 100% 13.725%;
  1553. --erc: 9.7561 100% 14.941%;
  1554. --rounded-box: 1rem;
  1555. --rounded-btn: 0.5rem;
  1556. --rounded-badge: 1.9rem;
  1557. --animation-btn: 0.25s;
  1558. --animation-input: .2s;
  1559. --btn-text-case: uppercase;
  1560. --btn-focus-scale: 0.95;
  1561. --border-btn: 1px;
  1562. --tab-border: 1px;
  1563. --tab-radius: 0.5rem;
  1564. --p: 29.583 66.667% 57.647%;
  1565. --s: 182.4 24.752% 19.804%;
  1566. --a: 194.19 74.4% 24.51%;
  1567. --n: 300 20% 5.8824%;
  1568. --b1: 306 18.519% 10.588%;
  1569. --bc: 36.667 8.3333% 42.353%;
  1570. --in: 171.15 36.527% 67.255%;
  1571. --su: 92.5 25% 62.353%;
  1572. --wa: 43.125 100% 68.627%;
  1573. --er: 9.7561 95.349% 74.706%;
  1574. }
  1575.  
  1576. [data-theme=winter] {
  1577. color-scheme: light;
  1578. --pf: 211.79 100% 40.627%;
  1579. --sf: 246.92 47.273% 34.51%;
  1580. --af: 310.41 49.388% 41.569%;
  1581. --nf: 217.02 92.157% 8%;
  1582. --pc: 211.79 100% 90.157%;
  1583. --sc: 246.92 100% 88.627%;
  1584. --ac: 310.41 100% 90.392%;
  1585. --nc: 217.02 100% 82%;
  1586. --inc: 191.54 100% 15.608%;
  1587. --suc: 181.5 100% 13.255%;
  1588. --wac: 32.308 100% 16.706%;
  1589. --erc: 0 100% 14.431%;
  1590. --rounded-box: 1rem;
  1591. --rounded-btn: 0.5rem;
  1592. --rounded-badge: 1.9rem;
  1593. --animation-btn: 0.25s;
  1594. --animation-input: .2s;
  1595. --btn-text-case: uppercase;
  1596. --btn-focus-scale: 0.95;
  1597. --border-btn: 1px;
  1598. --tab-border: 1px;
  1599. --tab-radius: 0.5rem;
  1600. --p: 211.79 100% 50.784%;
  1601. --s: 246.92 47.273% 43.137%;
  1602. --a: 310.41 49.388% 51.961%;
  1603. --n: 217.02 92.157% 10%;
  1604. --b1: 0 0% 100%;
  1605. --b2: 216.92 100% 97.451%;
  1606. --b3: 218.82 43.59% 92.353%;
  1607. --bc: 214.29 30.061% 31.961%;
  1608. --in: 191.54 92.857% 78.039%;
  1609. --su: 181.5 46.512% 66.275%;
  1610. --wa: 32.308 61.905% 83.529%;
  1611. --er: 0 63.38% 72.157%;
  1612. }
  1613.  
  1614. *, ::before, ::after {
  1615. --tw-border-spacing-x: 0;
  1616. --tw-border-spacing-y: 0;
  1617. --tw-translate-x: 0;
  1618. --tw-translate-y: 0;
  1619. --tw-rotate: 0;
  1620. --tw-skew-x: 0;
  1621. --tw-skew-y: 0;
  1622. --tw-scale-x: 1;
  1623. --tw-scale-y: 1;
  1624. --tw-pan-x: ;
  1625. --tw-pan-y: ;
  1626. --tw-pinch-zoom: ;
  1627. --tw-scroll-snap-strictness: proximity;
  1628. --tw-ordinal: ;
  1629. --tw-slashed-zero: ;
  1630. --tw-numeric-figure: ;
  1631. --tw-numeric-spacing: ;
  1632. --tw-numeric-fraction: ;
  1633. --tw-ring-inset: ;
  1634. --tw-ring-offset-width: 0px;
  1635. --tw-ring-offset-color: #fff;
  1636. --tw-ring-color: rgb(59 130 246 / 0.5);
  1637. --tw-ring-offset-shadow: 0 0 #0000;
  1638. --tw-ring-shadow: 0 0 #0000;
  1639. --tw-shadow: 0 0 #0000;
  1640. --tw-shadow-colored: 0 0 #0000;
  1641. --tw-blur: ;
  1642. --tw-brightness: ;
  1643. --tw-contrast: ;
  1644. --tw-grayscale: ;
  1645. --tw-hue-rotate: ;
  1646. --tw-invert: ;
  1647. --tw-saturate: ;
  1648. --tw-sepia: ;
  1649. --tw-drop-shadow: ;
  1650. --tw-backdrop-blur: ;
  1651. --tw-backdrop-brightness: ;
  1652. --tw-backdrop-contrast: ;
  1653. --tw-backdrop-grayscale: ;
  1654. --tw-backdrop-hue-rotate: ;
  1655. --tw-backdrop-invert: ;
  1656. --tw-backdrop-opacity: ;
  1657. --tw-backdrop-saturate: ;
  1658. --tw-backdrop-sepia: ;
  1659. }
  1660.  
  1661. ::backdrop {
  1662. --tw-border-spacing-x: 0;
  1663. --tw-border-spacing-y: 0;
  1664. --tw-translate-x: 0;
  1665. --tw-translate-y: 0;
  1666. --tw-rotate: 0;
  1667. --tw-skew-x: 0;
  1668. --tw-skew-y: 0;
  1669. --tw-scale-x: 1;
  1670. --tw-scale-y: 1;
  1671. --tw-pan-x: ;
  1672. --tw-pan-y: ;
  1673. --tw-pinch-zoom: ;
  1674. --tw-scroll-snap-strictness: proximity;
  1675. --tw-ordinal: ;
  1676. --tw-slashed-zero: ;
  1677. --tw-numeric-figure: ;
  1678. --tw-numeric-spacing: ;
  1679. --tw-numeric-fraction: ;
  1680. --tw-ring-inset: ;
  1681. --tw-ring-offset-width: 0px;
  1682. --tw-ring-offset-color: #fff;
  1683. --tw-ring-color: rgb(59 130 246 / 0.5);
  1684. --tw-ring-offset-shadow: 0 0 #0000;
  1685. --tw-ring-shadow: 0 0 #0000;
  1686. --tw-shadow: 0 0 #0000;
  1687. --tw-shadow-colored: 0 0 #0000;
  1688. --tw-blur: ;
  1689. --tw-brightness: ;
  1690. --tw-contrast: ;
  1691. --tw-grayscale: ;
  1692. --tw-hue-rotate: ;
  1693. --tw-invert: ;
  1694. --tw-saturate: ;
  1695. --tw-sepia: ;
  1696. --tw-drop-shadow: ;
  1697. --tw-backdrop-blur: ;
  1698. --tw-backdrop-brightness: ;
  1699. --tw-backdrop-contrast: ;
  1700. --tw-backdrop-grayscale: ;
  1701. --tw-backdrop-hue-rotate: ;
  1702. --tw-backdrop-invert: ;
  1703. --tw-backdrop-opacity: ;
  1704. --tw-backdrop-saturate: ;
  1705. --tw-backdrop-sepia: ;
  1706. }
  1707.  
  1708. @keyframes spin {
  1709. from {
  1710. transform: rotate(0deg);
  1711. }
  1712.  
  1713. to {
  1714. transform: rotate(360deg);
  1715. }
  1716. }
  1717.  
  1718. @keyframes button-pop {
  1719. 0% {
  1720. transform: scale(var(--btn-focus-scale, 0.95));
  1721. }
  1722.  
  1723. 40% {
  1724. transform: scale(1.02);
  1725. }
  1726.  
  1727. 100% {
  1728. transform: scale(1);
  1729. }
  1730. }
  1731.  
  1732. @keyframes checkmark {
  1733. 0% {
  1734. background-position-y: 5px;
  1735. }
  1736.  
  1737. 50% {
  1738. background-position-y: -2px;
  1739. }
  1740.  
  1741. 100% {
  1742. background-position-y: 0;
  1743. }
  1744. }
  1745.  
  1746. @keyframes progress-loading {
  1747. 50% {
  1748. left: 107%;
  1749. }
  1750. }
  1751.  
  1752. @keyframes radiomark {
  1753. 0% {
  1754. box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
  1755. }
  1756.  
  1757. 50% {
  1758. box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
  1759. }
  1760.  
  1761. 100% {
  1762. box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
  1763. }
  1764. }
  1765.  
  1766. @keyframes rating-pop {
  1767. 0% {
  1768. transform: translateY(-0.125em);
  1769. }
  1770.  
  1771. 40% {
  1772. transform: translateY(-0.125em);
  1773. }
  1774.  
  1775. 100% {
  1776. transform: translateY(0);
  1777. }
  1778. }
  1779.  
  1780. @keyframes toast-pop {
  1781. 0% {
  1782. transform: scale(0.9);
  1783. opacity: 0;
  1784. }
  1785.  
  1786. 100% {
  1787. transform: scale(1);
  1788. opacity: 1;
  1789. }
  1790. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!