@fumadocs/base-ui 16.11.5 → 16.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/css/generated/docs.css +1 -1
  2. package/css/generated/flux.css +1 -1
  3. package/css/generated/glass.css +1 -0
  4. package/css/generated/home.css +1 -1
  5. package/css/generated/notebook.css +1 -1
  6. package/css/generated/shared.css +1 -1
  7. package/css/lib/base.css +2 -1
  8. package/css/preset.css +0 -1
  9. package/dist/.translations/index.d.ts +6 -0
  10. package/dist/.translations/keys.js +6 -0
  11. package/dist/components/image-zoom.d.ts +2 -2
  12. package/dist/components/image-zoom.js +1 -1
  13. package/dist/components/sidebar/tabs/dropdown.d.ts +2 -3
  14. package/dist/components/sidebar/tabs/dropdown.js +9 -4
  15. package/dist/components/tabs.js +0 -1
  16. package/dist/components/toc/index.js +1 -1
  17. package/dist/components/ui/popover.js +1 -1
  18. package/dist/components/ui/tabs.d.ts +1 -1
  19. package/dist/components/ui/tabs.js +36 -11
  20. package/dist/layouts/docs/client.js +10 -5
  21. package/dist/layouts/docs/page/slots/toc.js +17 -11
  22. package/dist/layouts/docs/slots/sidebar.js +8 -2
  23. package/dist/layouts/flux/index.d.ts +1 -1
  24. package/dist/layouts/flux/index.js +34 -34
  25. package/dist/layouts/flux/page/slots/toc.js +7 -4
  26. package/dist/layouts/flux/slots/sidebar.js +4 -4
  27. package/dist/layouts/flux/slots/tab-dropdown.js +8 -2
  28. package/dist/layouts/glass/index.d.ts +41 -0
  29. package/dist/layouts/glass/index.js +70 -0
  30. package/dist/layouts/glass/layout-tabs.js +53 -0
  31. package/dist/layouts/glass/page/index.d.ts +31 -0
  32. package/dist/layouts/glass/page/index.js +92 -0
  33. package/dist/layouts/glass/page/slots/breadcrumb.d.ts +7 -0
  34. package/dist/layouts/glass/page/slots/breadcrumb.js +44 -0
  35. package/dist/layouts/glass/page/slots/footer.d.ts +16 -0
  36. package/dist/layouts/glass/page/slots/footer.js +56 -0
  37. package/dist/layouts/glass/page/slots/toc.d.ts +19 -0
  38. package/dist/layouts/glass/page/slots/toc.js +108 -0
  39. package/dist/layouts/glass/slots/header.d.ts +6 -0
  40. package/dist/layouts/glass/slots/header.js +73 -0
  41. package/dist/layouts/glass/slots/sidebar.d.ts +23 -0
  42. package/dist/layouts/glass/slots/sidebar.js +294 -0
  43. package/dist/layouts/home/index.js +2 -2
  44. package/dist/layouts/home/slots/header.d.ts +1 -1
  45. package/dist/layouts/home/slots/header.js +1 -0
  46. package/dist/layouts/notebook/client.js +2 -2
  47. package/dist/layouts/notebook/page/slots/toc.js +17 -11
  48. package/dist/layouts/notebook/slots/header.js +8 -2
  49. package/dist/layouts/notebook/slots/sidebar.js +8 -2
  50. package/dist/layouts/shared/client.d.ts +1 -1
  51. package/dist/layouts/shared/client.js +1 -1
  52. package/dist/layouts/shared/index.d.ts +7 -6
  53. package/dist/layouts/shared/index.js +5 -3
  54. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/controlled.d.ts +1 -1
  55. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/controlled.js +1 -1
  56. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts +1 -1
  57. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/uncontrolled.js +1 -1
  58. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js +1 -1
  59. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js +1 -1
  60. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/element-tests.js +1 -1
  61. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js +1 -1
  62. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js +1 -1
  63. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-img-object-fit-style.js +1 -1
  64. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-img-regular-style.js +1 -1
  65. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-img-src.js +1 -1
  66. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-modal-img-transform.js +1 -1
  67. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-scale.js +1 -1
  68. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-style-ghost.js +1 -1
  69. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-style-modal-img.js +1 -1
  70. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/get-target-dimension.js +1 -1
  71. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/parse-position.js +1 -1
  72. package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/utils/test-has-scalable-src.js +1 -1
  73. package/dist/style.css +985 -885
  74. package/package.json +16 -9
  75. /package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/index.d.ts +0 -0
package/dist/style.css CHANGED
@@ -1,10 +1,11 @@
1
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
5
  :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6
+ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
7
+ "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
8
+ "Segoe UI Symbol", "Noto Color Emoji";
8
9
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
10
  "Courier New", monospace;
10
11
  --spacing: 0.25rem;
@@ -89,7 +90,7 @@
89
90
  line-height: 1.5;
90
91
  -webkit-text-size-adjust: 100%;
91
92
  tab-size: 4;
92
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
93
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
93
94
  font-feature-settings: var(--default-font-feature-settings, normal);
94
95
  font-variation-settings: var(--default-font-variation-settings, normal);
95
96
  -webkit-tap-highlight-color: transparent;
@@ -141,7 +142,7 @@
141
142
  border-color: inherit;
142
143
  border-collapse: collapse;
143
144
  }
144
- :-moz-focusring {
145
+ :-moz-focusring:where(:not(iframe)) {
145
146
  outline: auto;
146
147
  }
147
148
  progress {
@@ -236,23 +237,21 @@
236
237
  .invisible {
237
238
  visibility: hidden;
238
239
  }
239
- .fd-step {
240
- &:before {
241
- background-color: var(--color-fd-secondary);
242
- color: var(--color-fd-secondary-foreground);
243
- content: counter(step);
244
- counter-increment: step;
245
- justify-content: center;
246
- align-items: center;
247
- font-size: 0.875rem;
248
- line-height: 1.25rem;
249
- display: flex;
250
- position: absolute;
251
- inset-inline-start: calc(var(--spacing) * -4);
252
- width: calc(var(--spacing) * 8);
253
- height: calc(var(--spacing) * 8);
254
- border-radius: calc(infinity * 1px);
255
- }
240
+ .fd-step:before {
241
+ background-color: var(--color-fd-secondary);
242
+ color: var(--color-fd-secondary-foreground);
243
+ content: counter(step);
244
+ counter-increment: step;
245
+ justify-content: center;
246
+ align-items: center;
247
+ font-size: 0.875rem;
248
+ line-height: 1.25rem;
249
+ display: flex;
250
+ position: absolute;
251
+ inset-inline-start: calc(var(--spacing) * -4);
252
+ width: calc(var(--spacing) * 8);
253
+ height: calc(var(--spacing) * 8);
254
+ border-radius: calc(infinity * 1px);
256
255
  }
257
256
  .fd-steps {
258
257
  counter-reset: step;
@@ -284,22 +283,22 @@
284
283
  position: sticky;
285
284
  }
286
285
  .inset-0 {
287
- inset: 0;
286
+ inset: 0px;
288
287
  }
289
288
  .inset-x-0 {
290
- inset-inline: 0;
289
+ inset-inline: 0px;
291
290
  }
292
291
  .inset-x-2 {
293
292
  inset-inline: calc(var(--spacing) * 2);
294
293
  }
295
294
  .inset-y-0 {
296
- inset-block: 0;
295
+ inset-block: 0px;
297
296
  }
298
297
  .inset-y-2 {
299
298
  inset-block: calc(var(--spacing) * 2);
300
299
  }
301
300
  .inset-s-0 {
302
- inset-inline-start: 0;
301
+ inset-inline-start: 0px;
303
302
  }
304
303
  .inset-s-3 {
305
304
  inset-inline-start: calc(var(--spacing) * 3);
@@ -317,7 +316,7 @@
317
316
  inset-inline-end: calc(var(--spacing) * 0);
318
317
  }
319
318
  .inset-e-0 {
320
- inset-inline-end: 0;
319
+ inset-inline-end: 0px;
321
320
  }
322
321
  .inset-e-2 {
323
322
  inset-inline-end: calc(var(--spacing) * 2);
@@ -335,7 +334,7 @@
335
334
  top: var(--fd-docs-row-3);
336
335
  }
337
336
  .top-0 {
338
- top: 0;
337
+ top: 0px;
339
338
  }
340
339
  .top-1\/2 {
341
340
  top: calc(1 / 2 * 100%);
@@ -356,7 +355,7 @@
356
355
  right: calc(var(--spacing) * 2);
357
356
  }
358
357
  .bottom-0 {
359
- bottom: 0;
358
+ bottom: 0px;
360
359
  }
361
360
  .bottom-1\.5 {
362
361
  bottom: calc(var(--spacing) * 1.5);
@@ -365,7 +364,7 @@
365
364
  bottom: calc(var(--spacing) * 26);
366
365
  }
367
366
  .left-0 {
368
- left: 0;
367
+ left: 0px;
369
368
  }
370
369
  .left-1\/2 {
371
370
  left: calc(1 / 2 * 100%);
@@ -421,18 +420,24 @@
421
420
  .mx-0\.5 {
422
421
  margin-inline: calc(var(--spacing) * 0.5);
423
422
  }
423
+ .mx-2 {
424
+ margin-inline: calc(var(--spacing) * 2);
425
+ }
424
426
  .mx-auto {
425
427
  margin-inline: auto;
426
428
  }
427
429
  .my-0 {
428
- margin-block: 0;
430
+ margin-block: 0px;
429
431
  }
430
432
  .my-0\! {
431
- margin-block: 0 !important;
433
+ margin-block: 0px !important;
432
434
  }
433
435
  .my-0\.5 {
434
436
  margin-block: calc(var(--spacing) * 0.5);
435
437
  }
438
+ .my-2 {
439
+ margin-block: calc(var(--spacing) * 2);
440
+ }
436
441
  .my-4 {
437
442
  margin-block: calc(var(--spacing) * 4);
438
443
  }
@@ -840,17 +845,24 @@
840
845
  border-bottom-color: var(--tw-prose-th-borders);
841
846
  }
842
847
  }
843
- .prose-no-margin {
844
- & > :first-child {
845
- margin-top: 0;
846
- }
847
- & > :last-child {
848
- margin-bottom: 0;
849
- }
848
+ .prose-no-margin > :first-child {
849
+ margin-top: 0;
850
+ }
851
+ .prose-no-margin > :last-child {
852
+ margin-bottom: 0;
853
+ }
854
+ .-mt-1\.5 {
855
+ margin-top: calc(var(--spacing) * -1.5);
850
856
  }
851
857
  .mt-1 {
852
858
  margin-top: var(--spacing);
853
859
  }
860
+ .mt-2 {
861
+ margin-top: calc(var(--spacing) * 2);
862
+ }
863
+ .mt-2\.5 {
864
+ margin-top: calc(var(--spacing) * 2.5);
865
+ }
854
866
  .mt-4 {
855
867
  margin-top: calc(var(--spacing) * 4);
856
868
  }
@@ -860,6 +872,9 @@
860
872
  .mt-px {
861
873
  margin-top: 1px;
862
874
  }
875
+ .-mr-\(--bleed\) {
876
+ margin-right: calc(var(--bleed) * -1);
877
+ }
863
878
  .-mb-px {
864
879
  margin-bottom: -1px;
865
880
  }
@@ -884,21 +899,19 @@
884
899
  .box-border {
885
900
  box-sizing: border-box;
886
901
  }
887
- .fd-scroll-container {
888
- &::-webkit-scrollbar {
889
- width: 5px;
890
- height: 5px;
891
- }
892
- &::-webkit-scrollbar-thumb {
893
- border-radius: 5px;
894
- background: var(--color-fd-border);
895
- }
896
- &::-webkit-scrollbar-track {
897
- background: transparent;
898
- }
899
- &::-webkit-scrollbar-corner {
900
- display: none;
901
- }
902
+ .fd-scroll-container::-webkit-scrollbar {
903
+ width: 5px;
904
+ height: 5px;
905
+ }
906
+ .fd-scroll-container::-webkit-scrollbar-thumb {
907
+ border-radius: 5px;
908
+ background: var(--color-fd-border);
909
+ }
910
+ .fd-scroll-container::-webkit-scrollbar-track {
911
+ background: transparent;
912
+ }
913
+ .fd-scroll-container::-webkit-scrollbar-corner {
914
+ display: none;
902
915
  }
903
916
  .block {
904
917
  display: block;
@@ -936,10 +949,18 @@
936
949
  width: calc(var(--spacing) * 3.5);
937
950
  height: calc(var(--spacing) * 3.5);
938
951
  }
952
+ .size-3\.5\! {
953
+ width: calc(var(--spacing) * 3.5) !important;
954
+ height: calc(var(--spacing) * 3.5) !important;
955
+ }
939
956
  .size-4 {
940
957
  width: calc(var(--spacing) * 4);
941
958
  height: calc(var(--spacing) * 4);
942
959
  }
960
+ .size-4\! {
961
+ width: calc(var(--spacing) * 4) !important;
962
+ height: calc(var(--spacing) * 4) !important;
963
+ }
943
964
  .size-4\.5 {
944
965
  width: calc(var(--spacing) * 4.5);
945
966
  height: calc(var(--spacing) * 4.5);
@@ -956,6 +977,14 @@
956
977
  width: calc(var(--spacing) * 9);
957
978
  height: calc(var(--spacing) * 9);
958
979
  }
980
+ .size-10 {
981
+ width: calc(var(--spacing) * 10);
982
+ height: calc(var(--spacing) * 10);
983
+ }
984
+ .size-12 {
985
+ width: calc(var(--spacing) * 12);
986
+ height: calc(var(--spacing) * 12);
987
+ }
959
988
  .size-full {
960
989
  width: 100%;
961
990
  height: 100%;
@@ -981,9 +1010,18 @@
981
1010
  .h-\(--positioner-height\) {
982
1011
  height: var(--positioner-height);
983
1012
  }
1013
+ .h-0 {
1014
+ height: 0px;
1015
+ }
984
1016
  .h-1\.5 {
985
1017
  height: calc(var(--spacing) * 1.5);
986
1018
  }
1019
+ .h-6 {
1020
+ height: calc(var(--spacing) * 6);
1021
+ }
1022
+ .h-8 {
1023
+ height: calc(var(--spacing) * 8);
1024
+ }
987
1025
  .h-8\.5 {
988
1026
  height: calc(var(--spacing) * 8.5);
989
1027
  }
@@ -1002,6 +1040,9 @@
1002
1040
  .h-\[calc\(100\%\+--spacing\(1\.5\)\)\] {
1003
1041
  height: calc(100% + calc(var(--spacing) * 1.5));
1004
1042
  }
1043
+ .h-\[calc\(100dvh---spacing\(4\)\)\] {
1044
+ height: calc(100dvh - calc(var(--spacing) * 4));
1045
+ }
1005
1046
  .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-1\)\)\] {
1006
1047
  height: calc(var(--fd-docs-height) - var(--fd-docs-row-1));
1007
1048
  }
@@ -1036,11 +1077,17 @@
1036
1077
  min-height: var(--fd-docs-height);
1037
1078
  }
1038
1079
  .min-h-0 {
1039
- min-height: 0;
1080
+ min-height: 0px;
1040
1081
  }
1041
1082
  .min-h-11 {
1042
1083
  min-height: calc(var(--spacing) * 11);
1043
1084
  }
1085
+ .min-h-dvh {
1086
+ min-height: 100dvh;
1087
+ }
1088
+ .min-h-full {
1089
+ min-height: 100%;
1090
+ }
1044
1091
  .w-\(--anchor-width\) {
1045
1092
  width: var(--anchor-width);
1046
1093
  }
@@ -1050,8 +1097,11 @@
1050
1097
  .w-\(--fd-toc-width\) {
1051
1098
  width: var(--fd-toc-width);
1052
1099
  }
1100
+ .w-\(--width\) {
1101
+ width: var(--width);
1102
+ }
1053
1103
  .w-0 {
1054
- width: 0;
1104
+ width: 0px;
1055
1105
  }
1056
1106
  .w-0\.5 {
1057
1107
  width: calc(var(--spacing) * 0.5);
@@ -1068,12 +1118,18 @@
1068
1118
  .w-\[85\%\] {
1069
1119
  width: 85%;
1070
1120
  }
1121
+ .w-\[360px\] {
1122
+ width: 360px;
1123
+ }
1071
1124
  .w-\[calc\(100\%-1rem\)\] {
1072
1125
  width: calc(100% - 1rem);
1073
1126
  }
1074
1127
  .w-\[calc\(100\%-var\(--removed-body-scroll-bar-size\,0px\)\)\] {
1075
1128
  width: calc(100% - var(--removed-body-scroll-bar-size,0px));
1076
1129
  }
1130
+ .w-\[calc\(280px---spacing\(2\)\)\] {
1131
+ width: calc(280px - calc(var(--spacing) * 2));
1132
+ }
1077
1133
  .w-fit {
1078
1134
  width: fit-content;
1079
1135
  }
@@ -1113,6 +1169,9 @@
1113
1169
  .max-w-\[1400px\] {
1114
1170
  max-width: 1400px;
1115
1171
  }
1172
+ .max-w-\[calc\(100vw-3rem\+var\(--bleed\)\)\] {
1173
+ max-width: calc(100vw - 3rem + var(--bleed));
1174
+ }
1116
1175
  .max-w-full {
1117
1176
  max-width: 100%;
1118
1177
  }
@@ -1129,7 +1188,7 @@
1129
1188
  max-width: 100svw;
1130
1189
  }
1131
1190
  .min-w-0 {
1132
- min-width: 0;
1191
+ min-width: 0px;
1133
1192
  }
1134
1193
  .min-w-\[240px\] {
1135
1194
  min-width: 240px;
@@ -1160,6 +1219,10 @@
1160
1219
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1161
1220
  translate: var(--tw-translate-x) var(--tw-translate-y);
1162
1221
  }
1222
+ .-translate-x-\[280px\] {
1223
+ --tw-translate-x: calc(280px * -1);
1224
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1225
+ }
1163
1226
  .translate-x-2 {
1164
1227
  --tw-translate-x: calc(var(--spacing) * 2);
1165
1228
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1186,6 +1249,9 @@
1186
1249
  .rotate-180 {
1187
1250
  rotate: 180deg;
1188
1251
  }
1252
+ .\[transform\:translateX\(var\(--drawer-swipe-movement-x\)\)\] {
1253
+ transform: translateX(var(--drawer-swipe-movement-x));
1254
+ }
1189
1255
  .transform {
1190
1256
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1191
1257
  }
@@ -1195,6 +1261,9 @@
1195
1261
  .animate-pulse {
1196
1262
  animation: var(--animate-pulse);
1197
1263
  }
1264
+ .touch-auto {
1265
+ touch-action: auto;
1266
+ }
1198
1267
  .scroll-m-4 {
1199
1268
  scroll-margin: calc(var(--spacing) * 4);
1200
1269
  }
@@ -1246,6 +1315,12 @@
1246
1315
  .items-end {
1247
1316
  align-items: flex-end;
1248
1317
  }
1318
+ .items-start {
1319
+ align-items: flex-start;
1320
+ }
1321
+ .items-stretch {
1322
+ align-items: stretch;
1323
+ }
1249
1324
  .justify-between {
1250
1325
  justify-content: space-between;
1251
1326
  }
@@ -1288,27 +1363,21 @@
1288
1363
  .gap-y-4 {
1289
1364
  row-gap: calc(var(--spacing) * 4);
1290
1365
  }
1291
- .divide-x {
1292
- :where(& > :not(:last-child)) {
1293
- --tw-divide-x-reverse: 0;
1294
- border-inline-style: var(--tw-border-style);
1295
- border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
1296
- border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1297
- }
1366
+ :where(.divide-x > :not(:last-child)) {
1367
+ --tw-divide-x-reverse: 0;
1368
+ border-inline-style: var(--tw-border-style);
1369
+ border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
1370
+ border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1298
1371
  }
1299
- .divide-y {
1300
- :where(& > :not(:last-child)) {
1301
- --tw-divide-y-reverse: 0;
1302
- border-bottom-style: var(--tw-border-style);
1303
- border-top-style: var(--tw-border-style);
1304
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
1305
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1306
- }
1372
+ :where(.divide-y > :not(:last-child)) {
1373
+ --tw-divide-y-reverse: 0;
1374
+ border-bottom-style: var(--tw-border-style);
1375
+ border-top-style: var(--tw-border-style);
1376
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1377
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1307
1378
  }
1308
- .divide-fd-border {
1309
- :where(& > :not(:last-child)) {
1310
- border-color: var(--color-fd-border);
1311
- }
1379
+ :where(.divide-fd-border > :not(:last-child)) {
1380
+ border-color: var(--color-fd-border);
1312
1381
  }
1313
1382
  .truncate {
1314
1383
  overflow: hidden;
@@ -1446,6 +1515,12 @@
1446
1515
  .bg-fd-muted {
1447
1516
  background-color: var(--color-fd-muted);
1448
1517
  }
1518
+ .bg-fd-muted-foreground\/50 {
1519
+ background-color: color-mix(in srgb, hsl(0, 0%, 45.1%) 50%, transparent);
1520
+ @supports (color: color-mix(in lab, red, red)) {
1521
+ background-color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
1522
+ }
1523
+ }
1449
1524
  .bg-fd-overlay {
1450
1525
  background-color: var(--color-fd-overlay);
1451
1526
  }
@@ -1485,6 +1560,12 @@
1485
1560
  .bg-transparent {
1486
1561
  background-color: transparent;
1487
1562
  }
1563
+ .\[mask-image\:linear-gradient\(to_bottom\,transparent\,white_16px\,white_calc\(100\%-16px\)\,transparent\)\)\] {
1564
+ mask-image: linear-gradient(to bottom,transparent,white 16px,white calc(100% - 16px),transparent);
1565
+ }
1566
+ .\[mask-image\:radial-gradient\(circle_at_center_right\,white\,white_200px\,transparent_500px\)\] {
1567
+ mask-image: radial-gradient(circle at center right,white,white 200px,transparent 500px);
1568
+ }
1488
1569
  .mask-\[linear-gradient\(to_bottom\,transparent\,white_--spacing\(14\)\,white_calc\(100\%---spacing\(14\)\)\,transparent\)\] {
1489
1570
  mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - calc(var(--spacing) * 14)),transparent);
1490
1571
  }
@@ -1527,8 +1608,11 @@
1527
1608
  .stroke-fd-primary {
1528
1609
  stroke: var(--color-fd-primary);
1529
1610
  }
1611
+ .p-\(--viewport-padding\) {
1612
+ padding: var(--viewport-padding);
1613
+ }
1530
1614
  .p-0 {
1531
- padding: 0;
1615
+ padding: 0px;
1532
1616
  }
1533
1617
  .p-0\.5 {
1534
1618
  padding: calc(var(--spacing) * 0.5);
@@ -1548,6 +1632,9 @@
1548
1632
  .p-4 {
1549
1633
  padding: calc(var(--spacing) * 4);
1550
1634
  }
1635
+ .p-6 {
1636
+ padding: calc(var(--spacing) * 6);
1637
+ }
1551
1638
  .px-0\.5 {
1552
1639
  padding-inline: calc(var(--spacing) * 0.5);
1553
1640
  }
@@ -1566,6 +1653,9 @@
1566
1653
  .px-3 {
1567
1654
  padding-inline: calc(var(--spacing) * 3);
1568
1655
  }
1656
+ .px-3\.5 {
1657
+ padding-inline: calc(var(--spacing) * 3.5);
1658
+ }
1569
1659
  .px-4 {
1570
1660
  padding-inline: calc(var(--spacing) * 4);
1571
1661
  }
@@ -1579,7 +1669,7 @@
1579
1669
  padding-inline: 1px;
1580
1670
  }
1581
1671
  .py-0 {
1582
- padding-block: 0;
1672
+ padding-block: 0px;
1583
1673
  }
1584
1674
  .py-0\.5 {
1585
1675
  padding-block: calc(var(--spacing) * 0.5);
@@ -1623,6 +1713,9 @@
1623
1713
  .ps-2\.5 {
1624
1714
  padding-inline-start: calc(var(--spacing) * 2.5);
1625
1715
  }
1716
+ .ps-3 {
1717
+ padding-inline-start: calc(var(--spacing) * 3);
1718
+ }
1626
1719
  .ps-4 {
1627
1720
  padding-inline-start: calc(var(--spacing) * 4);
1628
1721
  }
@@ -1630,7 +1723,7 @@
1630
1723
  padding-inline-start: calc(var(--spacing) * 8);
1631
1724
  }
1632
1725
  .pe-0 {
1633
- padding-inline-end: 0;
1726
+ padding-inline-end: 0px;
1634
1727
  }
1635
1728
  .pe-2 {
1636
1729
  padding-inline-end: calc(var(--spacing) * 2);
@@ -1638,11 +1731,14 @@
1638
1731
  .pe-2\.5 {
1639
1732
  padding-inline-end: calc(var(--spacing) * 2.5);
1640
1733
  }
1734
+ .pe-3 {
1735
+ padding-inline-end: calc(var(--spacing) * 3);
1736
+ }
1641
1737
  .pe-4 {
1642
1738
  padding-inline-end: calc(var(--spacing) * 4);
1643
1739
  }
1644
1740
  .pt-0 {
1645
- padding-top: 0;
1741
+ padding-top: 0px;
1646
1742
  }
1647
1743
  .pt-0\.5 {
1648
1744
  padding-top: calc(var(--spacing) * 0.5);
@@ -1653,14 +1749,20 @@
1653
1749
  .pt-3 {
1654
1750
  padding-top: calc(var(--spacing) * 3);
1655
1751
  }
1752
+ .pt-4 {
1753
+ padding-top: calc(var(--spacing) * 4);
1754
+ }
1656
1755
  .pt-12 {
1657
1756
  padding-top: calc(var(--spacing) * 12);
1658
1757
  }
1758
+ .pr-\(--bleed\) {
1759
+ padding-right: var(--bleed);
1760
+ }
1659
1761
  .pr-\(--removed-body-scroll-bar-size\,0\) {
1660
1762
  padding-right: var(--removed-body-scroll-bar-size,0);
1661
1763
  }
1662
1764
  .pb-0 {
1663
- padding-bottom: 0;
1765
+ padding-bottom: 0px;
1664
1766
  }
1665
1767
  .pb-1\.5 {
1666
1768
  padding-bottom: calc(var(--spacing) * 1.5);
@@ -1668,6 +1770,12 @@
1668
1770
  .pb-2 {
1669
1771
  padding-bottom: calc(var(--spacing) * 2);
1670
1772
  }
1773
+ .pb-4 {
1774
+ padding-bottom: calc(var(--spacing) * 4);
1775
+ }
1776
+ .pb-16 {
1777
+ padding-bottom: calc(var(--spacing) * 16);
1778
+ }
1671
1779
  .pb-24 {
1672
1780
  padding-bottom: calc(var(--spacing) * 24);
1673
1781
  }
@@ -1732,6 +1840,12 @@
1732
1840
  --tw-font-weight: var(--font-weight-semibold);
1733
1841
  font-weight: var(--font-weight-semibold);
1734
1842
  }
1843
+ .prose-sm {
1844
+ --tw-prose-size: 0.875;
1845
+ :where(dt, strong, blockquote, h1, h2, h3, h4, kbd, thead th, a:not([data-card])):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
1846
+ font-weight: 450;
1847
+ }
1848
+ }
1735
1849
  .text-nowrap {
1736
1850
  text-wrap: nowrap;
1737
1851
  }
@@ -1792,6 +1906,12 @@
1792
1906
  color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
1793
1907
  }
1794
1908
  }
1909
+ .text-fd-primary\/80 {
1910
+ color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
1911
+ @supports (color: color-mix(in lab, red, red)) {
1912
+ color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
1913
+ }
1914
+ }
1795
1915
  .text-fd-secondary-foreground {
1796
1916
  color: var(--color-fd-secondary-foreground);
1797
1917
  }
@@ -1807,6 +1927,12 @@
1807
1927
  .opacity-0 {
1808
1928
  opacity: 0%;
1809
1929
  }
1930
+ .opacity-100 {
1931
+ opacity: 100%;
1932
+ }
1933
+ .opacity-\[calc\(1-var\(--drawer-swipe-progress\)\)\] {
1934
+ opacity: calc(1 - var(--drawer-swipe-progress));
1935
+ }
1810
1936
  .shadow-2xl {
1811
1937
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1812
1938
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1823,6 +1949,12 @@
1823
1949
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1824
1950
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1825
1951
  }
1952
+ .shadow-fd-background {
1953
+ --tw-shadow-color: hsl(0, 0%, 96%);
1954
+ @supports (color: color-mix(in lab, red, red)) {
1955
+ --tw-shadow-color: color-mix(in oklab, var(--color-fd-background) var(--tw-shadow-alpha), transparent);
1956
+ }
1957
+ }
1826
1958
  .outline {
1827
1959
  outline-style: var(--tw-outline-style);
1828
1960
  outline-width: 1px;
@@ -1855,6 +1987,11 @@
1855
1987
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1856
1988
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1857
1989
  }
1990
+ .transition-\[background-color\,width\,height\] {
1991
+ transition-property: background-color,width,height;
1992
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1993
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1994
+ }
1858
1995
  .transition-\[box-shadow\,background-color\,border-radius\] {
1859
1996
  transition-property: box-shadow,background-color,border-radius;
1860
1997
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1865,6 +2002,11 @@
1865
2002
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1866
2003
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1867
2004
  }
2005
+ .transition-\[grid-template-rows\] {
2006
+ transition-property: grid-template-rows;
2007
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2008
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2009
+ }
1868
2010
  .transition-\[height\,opacity\] {
1869
2011
  transition-property: height,opacity;
1870
2012
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1875,6 +2017,11 @@
1875
2017
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1876
2018
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1877
2019
  }
2020
+ .transition-\[opacity\,height\] {
2021
+ transition-property: opacity,height;
2022
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2023
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2024
+ }
1878
2025
  .transition-\[opacity\,offset-distance\] {
1879
2026
  transition-property: opacity,offset-distance;
1880
2027
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1900,11 +2047,21 @@
1900
2047
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1901
2048
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1902
2049
  }
2050
+ .transition-\[width\,height\] {
2051
+ transition-property: width,height;
2052
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2053
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2054
+ }
1903
2055
  .transition-\[width\,inset-block\,translate\,background-color\] {
1904
2056
  transition-property: width,inset-block,translate,background-color;
1905
2057
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1906
2058
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1907
2059
  }
2060
+ .transition-\[width\,padding\] {
2061
+ transition-property: width,padding;
2062
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2063
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2064
+ }
1908
2065
  .transition-all {
1909
2066
  transition-property: all;
1910
2067
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1941,14 +2098,26 @@
1941
2098
  --tw-duration: 250ms;
1942
2099
  transition-duration: 250ms;
1943
2100
  }
2101
+ .duration-300 {
2102
+ --tw-duration: 300ms;
2103
+ transition-duration: 300ms;
2104
+ }
1944
2105
  .duration-400 {
1945
2106
  --tw-duration: 400ms;
1946
2107
  transition-duration: 400ms;
1947
2108
  }
2109
+ .duration-450 {
2110
+ --tw-duration: 450ms;
2111
+ transition-duration: 450ms;
2112
+ }
1948
2113
  .ease-\(--easing\) {
1949
2114
  --tw-ease: var(--easing);
1950
2115
  transition-timing-function: var(--easing);
1951
2116
  }
2117
+ .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
2118
+ --tw-ease: cubic-bezier(0.32,0.72,0,1);
2119
+ transition-timing-function: cubic-bezier(0.32,0.72,0,1);
2120
+ }
1952
2121
  .ease-out {
1953
2122
  --tw-ease: var(--ease-out);
1954
2123
  transition-timing-function: var(--ease-out);
@@ -1961,6 +2130,9 @@
1961
2130
  -webkit-user-select: none;
1962
2131
  user-select: none;
1963
2132
  }
2133
+ .\[--bleed\:3rem\] {
2134
+ --bleed: 3rem;
2135
+ }
1964
2136
  .\[--fd-docs-height\:100dvh\] {
1965
2137
  --fd-docs-height: 100dvh;
1966
2138
  }
@@ -1970,6 +2142,15 @@
1970
2142
  .\[--fd-layout-width\:1400px\] {
1971
2143
  --fd-layout-width: 1400px;
1972
2144
  }
2145
+ .\[--fd-left-width\:0px\] {
2146
+ --fd-left-width: 0px;
2147
+ }
2148
+ .\[--fd-main-width\:900px\] {
2149
+ --fd-main-width: 900px;
2150
+ }
2151
+ .\[--fd-right-width\:0px\] {
2152
+ --fd-right-width: 0px;
2153
+ }
1973
2154
  .\[--fd-sidebar-width\:0px\] {
1974
2155
  --fd-sidebar-width: 0px;
1975
2156
  }
@@ -1979,12 +2160,30 @@
1979
2160
  .\[--fd-toc-width\:0px\] {
1980
2161
  --fd-toc-width: 0px;
1981
2162
  }
2163
+ .\[--row\:calc\(3\*var\(--spacing\)\)\] {
2164
+ --row: calc(3 * var(--spacing));
2165
+ }
2166
+ .\[--row\:calc\(6\*var\(--spacing\)\)\] {
2167
+ --row: calc(6 * var(--spacing));
2168
+ }
2169
+ .\[--viewport-padding\:0px\] {
2170
+ --viewport-padding: 0px;
2171
+ }
1982
2172
  .\[grid-area\:header\] {
1983
2173
  grid-area: header;
1984
2174
  }
2175
+ .\[grid-area\:left-margin\/left-margin\/right\/right\] {
2176
+ grid-area: left-margin/left-margin/right/right;
2177
+ }
2178
+ .\[grid-area\:left\] {
2179
+ grid-area: left;
2180
+ }
1985
2181
  .\[grid-area\:main\] {
1986
2182
  grid-area: main;
1987
2183
  }
2184
+ .\[grid-area\:right\] {
2185
+ grid-area: right;
2186
+ }
1988
2187
  .\[grid-area\:sidebar\] {
1989
2188
  grid-area: sidebar;
1990
2189
  }
@@ -1997,1048 +2196,900 @@
1997
2196
  .\[offset-distance\:var\(--offset-distance\,0\)\] {
1998
2197
  offset-distance: var(--offset-distance,0);
1999
2198
  }
2000
- .\*\:pointer-events-auto {
2001
- :is(& > *) {
2002
- pointer-events: auto;
2003
- }
2199
+ :is(.\*\:pointer-events-auto > *) {
2200
+ pointer-events: auto;
2004
2201
  }
2005
- .\*\:col-start-1 {
2006
- :is(& > *) {
2007
- grid-column-start: 1;
2008
- }
2202
+ :is(.\*\:col-start-1 > *) {
2203
+ grid-column-start: 1;
2009
2204
  }
2010
- .\*\:row-start-1 {
2011
- :is(& > *) {
2012
- grid-row-start: 1;
2013
- }
2205
+ :is(.\*\:row-start-1 > *) {
2206
+ grid-row-start: 1;
2014
2207
  }
2015
- .\*\:my-auto {
2016
- :is(& > *) {
2017
- margin-block: auto;
2018
- }
2208
+ :is(.\*\:my-auto > *) {
2209
+ margin-block: auto;
2019
2210
  }
2020
- .\*\:flex {
2021
- :is(& > *) {
2022
- display: flex;
2023
- }
2211
+ :is(.\*\:flex > *) {
2212
+ display: flex;
2024
2213
  }
2025
- .\*\:w-\(--fd-sidebar-width\) {
2026
- :is(& > *) {
2027
- width: var(--fd-sidebar-width);
2028
- }
2214
+ :is(.\*\:w-\(--fd-sidebar-width\) > *) {
2215
+ width: var(--fd-sidebar-width);
2029
2216
  }
2030
- .\*\:max-w-\[900px\] {
2031
- :is(& > *) {
2032
- max-width: 900px;
2033
- }
2217
+ :is(.\*\:max-w-\[900px\] > *) {
2218
+ max-width: 900px;
2034
2219
  }
2035
- .\*\:max-w-\[1285px\] {
2036
- :is(& > *) {
2037
- max-width: 1285px;
2038
- }
2220
+ :is(.\*\:max-w-\[1285px\] > *) {
2221
+ max-width: 1285px;
2039
2222
  }
2040
- .\*\:flex-col {
2041
- :is(& > *) {
2042
- flex-direction: column;
2043
- }
2223
+ :is(.\*\:flex-col > *) {
2224
+ flex-direction: column;
2044
2225
  }
2045
- .\*\:rounded-full {
2046
- :is(& > *) {
2047
- border-radius: calc(infinity * 1px);
2048
- }
2226
+ :is(.\*\:rounded-full > *) {
2227
+ border-radius: calc(infinity * 1px);
2049
2228
  }
2050
- .\*\:rounded-lg {
2051
- :is(& > *) {
2052
- border-radius: var(--radius-lg);
2053
- }
2229
+ :is(.\*\:rounded-lg > *) {
2230
+ border-radius: var(--radius-lg);
2054
2231
  }
2055
- .\*\:rounded-md {
2056
- :is(& > *) {
2057
- border-radius: var(--radius-md);
2058
- }
2232
+ :is(.\*\:rounded-md > *) {
2233
+ border-radius: var(--radius-md);
2059
2234
  }
2060
- .\*\:border-b {
2061
- :is(& > *) {
2062
- border-bottom-style: var(--tw-border-style);
2063
- border-bottom-width: 1px;
2064
- }
2235
+ :is(.\*\:border-b > *) {
2236
+ border-bottom-style: var(--tw-border-style);
2237
+ border-bottom-width: 1px;
2065
2238
  }
2066
- .not-last\:mb-2 {
2067
- &:not(*:last-child) {
2068
- margin-bottom: calc(var(--spacing) * 2);
2069
- }
2239
+ .not-last\:mb-2:not(:last-child) {
2240
+ margin-bottom: calc(var(--spacing) * 2);
2070
2241
  }
2071
- .group-hover\/heading\:opacity-100 {
2072
- &:is(:where(.group\/heading):hover *) {
2073
- @media (hover: hover) {
2074
- opacity: 100%;
2075
- }
2242
+ @media (hover: hover) {
2243
+ .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *) {
2244
+ opacity: 100%;
2076
2245
  }
2077
2246
  }
2078
- .group-data-active\:bg-fd-primary {
2079
- &:is(:where(.group)[data-active] *) {
2080
- background-color: var(--color-fd-primary);
2081
- }
2247
+ .group-data-active\:bg-fd-primary:is(:where(.group)[data-active] *) {
2248
+ background-color: var(--color-fd-primary);
2082
2249
  }
2083
- .group-data-open\:rotate-180 {
2084
- &:is(:where(.group)[data-open] *) {
2085
- rotate: 180deg;
2086
- }
2250
+ .group-data-open\:rotate-180:is(:where(.group)[data-open] *) {
2251
+ rotate: 180deg;
2087
2252
  }
2088
- .group-data-panel-open\:rotate-90 {
2089
- &:is(:where(.group)[data-panel-open] *) {
2090
- rotate: 90deg;
2091
- }
2253
+ .group-data-panel-open\:rotate-90:is(:where(.group)[data-panel-open] *) {
2254
+ rotate: 90deg;
2092
2255
  }
2093
- .group-data-\[open\]\:rotate-180 {
2094
- &:is(:where(.group)[data-open] *) {
2095
- rotate: 180deg;
2096
- }
2256
+ .group-data-\[active\=true\]\:bg-fd-primary:is(:where(.group)[data-active="true"] *) {
2257
+ background-color: var(--color-fd-primary);
2097
2258
  }
2098
- .placeholder\:text-fd-muted-foreground {
2099
- &::placeholder {
2100
- color: var(--color-fd-muted-foreground);
2101
- }
2259
+ .group-data-\[open\]\:rotate-180:is(:where(.group)[data-open] *) {
2260
+ rotate: 180deg;
2102
2261
  }
2103
- .before\:absolute {
2104
- &::before {
2105
- content: var(--tw-content);
2106
- position: absolute;
2107
- }
2262
+ .placeholder\:text-fd-muted-foreground::placeholder {
2263
+ color: var(--color-fd-muted-foreground);
2108
2264
  }
2109
- .before\:inset-y-1 {
2110
- &::before {
2111
- content: var(--tw-content);
2112
- inset-block: var(--spacing);
2113
- }
2265
+ .before\:absolute::before {
2266
+ content: var(--tw-content);
2267
+ position: absolute;
2114
2268
  }
2115
- .before\:inset-s-2\.5 {
2116
- &::before {
2117
- content: var(--tw-content);
2118
- inset-inline-start: calc(var(--spacing) * 2.5);
2119
- }
2269
+ .before\:inset-y-1::before {
2270
+ content: var(--tw-content);
2271
+ inset-block: var(--spacing);
2120
2272
  }
2121
- .before\:start-2\.5 {
2122
- &::before {
2123
- content: var(--tw-content);
2124
- inset-inline-start: calc(var(--spacing) * 2.5);
2125
- }
2273
+ .before\:inset-s-2\.5::before {
2274
+ content: var(--tw-content);
2275
+ inset-inline-start: calc(var(--spacing) * 2.5);
2126
2276
  }
2127
- .before\:w-px {
2128
- &::before {
2129
- content: var(--tw-content);
2130
- width: 1px;
2131
- }
2277
+ .before\:start-2\.5::before {
2278
+ content: var(--tw-content);
2279
+ inset-inline-start: calc(var(--spacing) * 2.5);
2132
2280
  }
2133
- .before\:bg-fd-border {
2134
- &::before {
2135
- content: var(--tw-content);
2136
- background-color: var(--color-fd-border);
2137
- }
2281
+ .before\:w-px::before {
2282
+ content: var(--tw-content);
2283
+ width: 1px;
2138
2284
  }
2139
- .before\:content-\[\'\'\] {
2140
- &::before {
2141
- --tw-content: '';
2142
- content: var(--tw-content);
2143
- }
2285
+ .before\:bg-fd-border::before {
2286
+ content: var(--tw-content);
2287
+ background-color: var(--color-fd-border);
2144
2288
  }
2145
- .first\:ms-0 {
2146
- &:first-child {
2147
- margin-inline-start: 0;
2148
- }
2289
+ .before\:content-\[\'\'\]::before {
2290
+ --tw-content: '';
2291
+ content: var(--tw-content);
2149
2292
  }
2150
- .first\:mt-0 {
2151
- &:first-child {
2152
- margin-top: 0;
2153
- }
2293
+ .first\:ms-0:first-child {
2294
+ margin-inline-start: 0px;
2154
2295
  }
2155
- .last\:me-0 {
2156
- &:last-child {
2157
- margin-inline-end: 0;
2158
- }
2296
+ .first\:mt-0:first-child {
2297
+ margin-top: 0px;
2159
2298
  }
2160
- .last\:rounded-b-xl {
2161
- &:last-child {
2162
- border-bottom-right-radius: var(--radius-xl);
2163
- border-bottom-left-radius: var(--radius-xl);
2164
- }
2299
+ .last\:me-0:last-child {
2300
+ margin-inline-end: 0px;
2165
2301
  }
2166
- .\*\:last\:border-b-0 {
2167
- :is(& > *) {
2168
- &:last-child {
2169
- border-bottom-style: var(--tw-border-style);
2170
- border-bottom-width: 0px;
2171
- }
2172
- }
2302
+ .last\:rounded-b-xl:last-child {
2303
+ border-bottom-right-radius: var(--radius-xl);
2304
+ border-bottom-left-radius: var(--radius-xl);
2173
2305
  }
2174
- .empty\:mb-0 {
2175
- &:empty {
2176
- margin-bottom: 0;
2177
- }
2306
+ :is(.\*\:last\:border-b-0 > *):last-child {
2307
+ border-bottom-style: var(--tw-border-style);
2308
+ border-bottom-width: 0px;
2178
2309
  }
2179
- .empty\:hidden {
2180
- &:empty {
2181
- display: none;
2182
- }
2310
+ .empty\:mb-0:empty {
2311
+ margin-bottom: 0px;
2183
2312
  }
2184
- .hover\:bg-fd-accent {
2185
- &:hover {
2186
- @media (hover: hover) {
2187
- background-color: var(--color-fd-accent);
2188
- }
2189
- }
2313
+ .empty\:hidden:empty {
2314
+ display: none;
2190
2315
  }
2191
- .hover\:bg-fd-accent\/50 {
2192
- &:hover {
2193
- @media (hover: hover) {
2194
- background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
2195
- @supports (color: color-mix(in lab, red, red)) {
2196
- background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
2197
- }
2198
- }
2316
+ @media (hover: hover) {
2317
+ .hover\:bg-fd-accent:hover {
2318
+ background-color: var(--color-fd-accent);
2199
2319
  }
2200
- }
2201
- .hover\:bg-fd-accent\/80 {
2202
- &:hover {
2203
- @media (hover: hover) {
2204
- background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 80%, transparent);
2205
- @supports (color: color-mix(in lab, red, red)) {
2206
- background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
2207
- }
2208
- }
2320
+ .hover\:bg-fd-accent\/50:hover {
2321
+ background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
2209
2322
  }
2210
- }
2211
- .hover\:bg-fd-primary\/80 {
2212
- &:hover {
2213
- @media (hover: hover) {
2214
- background-color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
2215
- @supports (color: color-mix(in lab, red, red)) {
2216
- background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
2217
- }
2323
+ @supports (color: color-mix(in lab, red, red)) {
2324
+ .hover\:bg-fd-accent\/50:hover {
2325
+ background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
2218
2326
  }
2219
2327
  }
2220
- }
2221
- .hover\:text-fd-accent-foreground {
2222
- &:hover {
2223
- @media (hover: hover) {
2224
- color: var(--color-fd-accent-foreground);
2225
- }
2328
+ .hover\:bg-fd-accent\/80:hover {
2329
+ background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 80%, transparent);
2226
2330
  }
2227
- }
2228
- .hover\:text-fd-accent-foreground\/80 {
2229
- &:hover {
2230
- @media (hover: hover) {
2231
- color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
2232
- @supports (color: color-mix(in lab, red, red)) {
2233
- color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
2234
- }
2331
+ @supports (color: color-mix(in lab, red, red)) {
2332
+ .hover\:bg-fd-accent\/80:hover {
2333
+ background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
2235
2334
  }
2236
2335
  }
2237
- }
2238
- .hover\:text-fd-popover-foreground\/50 {
2239
- &:hover {
2240
- @media (hover: hover) {
2241
- color: color-mix(in srgb, hsl(0, 0%, 15.1%) 50%, transparent);
2242
- @supports (color: color-mix(in lab, red, red)) {
2243
- color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
2244
- }
2245
- }
2336
+ .hover\:bg-fd-primary\/80:hover {
2337
+ background-color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
2246
2338
  }
2247
- }
2248
- .hover\:opacity-80 {
2249
- &:hover {
2250
- @media (hover: hover) {
2251
- opacity: 80%;
2339
+ @supports (color: color-mix(in lab, red, red)) {
2340
+ .hover\:bg-fd-primary\/80:hover {
2341
+ background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
2252
2342
  }
2253
2343
  }
2254
- }
2255
- .hover\:transition-none {
2256
- &:hover {
2257
- @media (hover: hover) {
2258
- transition-property: none;
2344
+ .hover\:text-fd-accent-foreground:hover {
2345
+ color: var(--color-fd-accent-foreground);
2346
+ }
2347
+ .hover\:text-fd-accent-foreground\/80:hover {
2348
+ color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
2349
+ }
2350
+ @supports (color: color-mix(in lab, red, red)) {
2351
+ .hover\:text-fd-accent-foreground\/80:hover {
2352
+ color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
2259
2353
  }
2260
2354
  }
2261
- }
2262
- .focus-visible\:ring-2 {
2263
- &:focus-visible {
2264
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2265
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2355
+ .hover\:text-fd-popover-foreground\/50:hover {
2356
+ color: color-mix(in srgb, hsl(0, 0%, 15.1%) 50%, transparent);
2266
2357
  }
2267
- }
2268
- .focus-visible\:ring-fd-ring {
2269
- &:focus-visible {
2270
- --tw-ring-color: var(--color-fd-ring);
2358
+ @supports (color: color-mix(in lab, red, red)) {
2359
+ .hover\:text-fd-popover-foreground\/50:hover {
2360
+ color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
2361
+ }
2271
2362
  }
2272
- }
2273
- .focus-visible\:outline-none {
2274
- &:focus-visible {
2275
- --tw-outline-style: none;
2276
- outline-style: none;
2363
+ .hover\:underline:hover {
2364
+ text-decoration-line: underline;
2277
2365
  }
2278
- }
2279
- .focus-visible\:ring-inset {
2280
- &:focus-visible {
2281
- --tw-ring-inset: inset;
2366
+ .hover\:decoration-fd-muted-foreground:hover {
2367
+ text-decoration-color: var(--color-fd-muted-foreground);
2282
2368
  }
2283
- }
2284
- .disabled\:pointer-events-none {
2285
- &:disabled {
2286
- pointer-events: none;
2369
+ .hover\:decoration-dashed:hover {
2370
+ text-decoration-style: dashed;
2287
2371
  }
2288
- }
2289
- .disabled\:opacity-50 {
2290
- &:disabled {
2291
- opacity: 50%;
2372
+ .hover\:underline-offset-4:hover {
2373
+ text-underline-offset: 4px;
2292
2374
  }
2293
- }
2294
- .has-focus-visible\:bg-fd-accent {
2295
- &:has(*:focus-visible) {
2296
- background-color: var(--color-fd-accent);
2375
+ .hover\:opacity-80:hover {
2376
+ opacity: 80%;
2297
2377
  }
2298
- }
2299
- .has-data-\[active\=true\]\:text-fd-primary {
2300
- &:has(*[data-active="true"]) {
2301
- color: var(--color-fd-primary);
2378
+ .hover\:transition-none:hover {
2379
+ transition-property: none;
2302
2380
  }
2303
2381
  }
2304
- .\*\:has-\[\+\:last-child\[data-empty\=true\]\]\:border-b-0 {
2305
- :is(& > *) {
2306
- &:has(+:last-child[data-empty=true]) {
2307
- border-bottom-style: var(--tw-border-style);
2308
- border-bottom-width: 0px;
2309
- }
2310
- }
2382
+ .focus-visible\:ring-2:focus-visible {
2383
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2384
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2311
2385
  }
2312
- .data-checked\:text-fd-accent-foreground {
2313
- &[data-checked] {
2314
- color: var(--color-fd-accent-foreground);
2315
- }
2386
+ .focus-visible\:ring-fd-ring:focus-visible {
2387
+ --tw-ring-color: var(--color-fd-ring);
2316
2388
  }
2317
- .data-closed\:animate-fd-dialog-out {
2318
- &[data-closed] {
2319
- animation: var(--animate-fd-dialog-out);
2320
- }
2389
+ .focus-visible\:outline-none:focus-visible {
2390
+ --tw-outline-style: none;
2391
+ outline-style: none;
2321
2392
  }
2322
- .data-closed\:animate-fd-fade-out {
2323
- &[data-closed] {
2324
- animation: var(--animate-fd-fade-out);
2325
- }
2393
+ .focus-visible\:ring-inset:focus-visible {
2394
+ --tw-ring-inset: inset;
2326
2395
  }
2327
- .data-ending-style\:h-0 {
2328
- &[data-ending-style] {
2329
- height: 0;
2330
- }
2396
+ .disabled\:pointer-events-none:disabled {
2397
+ pointer-events: none;
2331
2398
  }
2332
- .data-ending-style\:opacity-0 {
2333
- &[data-ending-style] {
2334
- opacity: 0%;
2335
- }
2399
+ .disabled\:opacity-50:disabled {
2400
+ opacity: 50%;
2336
2401
  }
2337
- .data-ending-style\:duration-150 {
2338
- &[data-ending-style] {
2339
- --tw-duration: 150ms;
2340
- transition-duration: 150ms;
2341
- }
2402
+ .has-focus-visible\:bg-fd-accent:has(:focus-visible) {
2403
+ background-color: var(--color-fd-accent);
2342
2404
  }
2343
- .data-instant\:transition-none {
2344
- &[data-instant] {
2345
- transition-property: none;
2346
- }
2405
+ .has-data-\[active\=true\]\:text-fd-primary:has([data-active="true"]) {
2406
+ color: var(--color-fd-primary);
2347
2407
  }
2348
- .data-open\:animate-fd-dialog-in {
2349
- &[data-open] {
2350
- animation: var(--animate-fd-dialog-in);
2351
- }
2408
+ :is(.\*\:has-\[\+\:last-child\[data-empty\=true\]\]\:border-b-0 > *):has( + :last-child[data-empty=true]) {
2409
+ border-bottom-style: var(--tw-border-style);
2410
+ border-bottom-width: 0px;
2352
2411
  }
2353
- .data-open\:animate-fd-fade-in {
2354
- &[data-open] {
2355
- animation: var(--animate-fd-fade-in);
2356
- }
2412
+ .data-checked\:text-fd-accent-foreground[data-checked] {
2413
+ color: var(--color-fd-accent-foreground);
2357
2414
  }
2358
- .data-open\:bg-fd-accent {
2359
- &[data-open] {
2360
- background-color: var(--color-fd-accent);
2361
- }
2415
+ .data-closed\:animate-fd-dialog-out[data-closed] {
2416
+ animation: var(--animate-fd-dialog-out);
2362
2417
  }
2363
- .data-open\:text-fd-accent-foreground {
2364
- &[data-open] {
2365
- color: var(--color-fd-accent-foreground);
2366
- }
2418
+ .data-closed\:animate-fd-fade-out[data-closed] {
2419
+ animation: var(--animate-fd-fade-out);
2367
2420
  }
2368
- .data-starting-style\:h-0 {
2369
- &[data-starting-style] {
2370
- height: 0;
2371
- }
2421
+ .data-closed\:animate-fd-popover-out[data-closed] {
2422
+ animation: var(--animate-fd-popover-out);
2372
2423
  }
2373
- .data-starting-style\:opacity-0 {
2374
- &[data-starting-style] {
2375
- opacity: 0%;
2376
- }
2424
+ .data-ending-style\:h-0[data-ending-style] {
2425
+ height: 0px;
2377
2426
  }
2378
- .data-ending-style\:data-\[activation-direction\=left\]\:translate-x-1\/2 {
2379
- &[data-ending-style] {
2380
- &[data-activation-direction="left"] {
2381
- --tw-translate-x: calc(1 / 2 * 100%);
2382
- translate: var(--tw-translate-x) var(--tw-translate-y);
2383
- }
2384
- }
2427
+ .data-ending-style\:\[transform\:translateX\(calc\(100\%-var\(--bleed\)\+var\(--viewport-padding\)\+2px\)\)\][data-ending-style] {
2428
+ transform: translateX(calc(100% - var(--bleed) + var(--viewport-padding) + 2px));
2385
2429
  }
2386
- .data-starting-style\:data-\[activation-direction\=left\]\:-translate-x-1\/2 {
2387
- &[data-starting-style] {
2388
- &[data-activation-direction="left"] {
2389
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2390
- translate: var(--tw-translate-x) var(--tw-translate-y);
2391
- }
2392
- }
2430
+ .data-ending-style\:opacity-0[data-ending-style] {
2431
+ opacity: 0%;
2393
2432
  }
2394
- .data-ending-style\:data-\[activation-direction\=right\]\:-translate-x-1\/2 {
2395
- &[data-ending-style] {
2396
- &[data-activation-direction="right"] {
2397
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2398
- translate: var(--tw-translate-x) var(--tw-translate-y);
2399
- }
2400
- }
2433
+ .data-ending-style\:duration-150[data-ending-style] {
2434
+ --tw-duration: 150ms;
2435
+ transition-duration: 150ms;
2401
2436
  }
2402
- .data-starting-style\:data-\[activation-direction\=right\]\:translate-x-1\/2 {
2403
- &[data-starting-style] {
2404
- &[data-activation-direction="right"] {
2405
- --tw-translate-x: calc(1 / 2 * 100%);
2406
- translate: var(--tw-translate-x) var(--tw-translate-y);
2407
- }
2408
- }
2437
+ .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style] {
2438
+ --tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
2439
+ transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
2409
2440
  }
2410
- .data-\[active\]\:border-fd-primary {
2411
- &[data-active] {
2412
- border-color: var(--color-fd-primary);
2413
- }
2441
+ .data-instant\:transition-none[data-instant] {
2442
+ transition-property: none;
2414
2443
  }
2415
- .data-\[active\]\:text-fd-primary {
2416
- &[data-active] {
2417
- color: var(--color-fd-primary);
2418
- }
2444
+ .data-open\:animate-fd-dialog-in[data-open] {
2445
+ animation: var(--animate-fd-dialog-in);
2419
2446
  }
2420
- .data-\[active\=true\]\:bg-fd-primary\/10 {
2421
- &[data-active="true"] {
2422
- background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
2423
- @supports (color: color-mix(in lab, red, red)) {
2424
- background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
2425
- }
2426
- }
2447
+ .data-open\:animate-fd-fade-in[data-open] {
2448
+ animation: var(--animate-fd-fade-in);
2427
2449
  }
2428
- .data-\[active\=true\]\:font-medium {
2429
- &[data-active="true"] {
2430
- --tw-font-weight: var(--font-weight-medium);
2431
- font-weight: var(--font-weight-medium);
2432
- }
2450
+ .data-open\:animate-fd-popover-in[data-open] {
2451
+ animation: var(--animate-fd-popover-in);
2433
2452
  }
2434
- .data-\[active\=true\]\:text-fd-primary {
2435
- &[data-active="true"] {
2436
- color: var(--color-fd-primary);
2437
- }
2453
+ .data-open\:bg-fd-accent[data-open] {
2454
+ background-color: var(--color-fd-accent);
2438
2455
  }
2439
- .data-\[active\=true\]\:before\:absolute {
2440
- &[data-active="true"] {
2441
- &::before {
2442
- content: var(--tw-content);
2443
- position: absolute;
2444
- }
2445
- }
2456
+ .data-open\:text-fd-accent-foreground[data-open] {
2457
+ color: var(--color-fd-accent-foreground);
2446
2458
  }
2447
- .data-\[active\=true\]\:before\:inset-y-2\.5 {
2448
- &[data-active="true"] {
2449
- &::before {
2450
- content: var(--tw-content);
2451
- inset-block: calc(var(--spacing) * 2.5);
2452
- }
2453
- }
2459
+ .data-popup-open\:bg-fd-accent[data-popup-open] {
2460
+ background-color: var(--color-fd-accent);
2454
2461
  }
2455
- .data-\[active\=true\]\:before\:inset-s-2\.5 {
2456
- &[data-active="true"] {
2457
- &::before {
2458
- content: var(--tw-content);
2459
- inset-inline-start: calc(var(--spacing) * 2.5);
2460
- }
2461
- }
2462
+ .data-starting-style\:h-0[data-starting-style] {
2463
+ height: 0px;
2462
2464
  }
2463
- .data-\[active\=true\]\:before\:start-2\.5 {
2464
- &[data-active="true"] {
2465
- &::before {
2466
- content: var(--tw-content);
2467
- inset-inline-start: calc(var(--spacing) * 2.5);
2468
- }
2469
- }
2465
+ .data-starting-style\:\[transform\:translateX\(calc\(100\%-var\(--bleed\)\+var\(--viewport-padding\)\+2px\)\)\][data-starting-style] {
2466
+ transform: translateX(calc(100% - var(--bleed) + var(--viewport-padding) + 2px));
2470
2467
  }
2471
- .data-\[active\=true\]\:before\:w-px {
2472
- &[data-active="true"] {
2473
- &::before {
2474
- content: var(--tw-content);
2475
- width: 1px;
2476
- }
2477
- }
2468
+ .data-starting-style\:opacity-0[data-starting-style] {
2469
+ opacity: 0%;
2478
2470
  }
2479
- .data-\[active\=true\]\:before\:bg-fd-primary {
2480
- &[data-active="true"] {
2481
- &::before {
2482
- content: var(--tw-content);
2483
- background-color: var(--color-fd-primary);
2484
- }
2485
- }
2471
+ .data-swiping\:duration-0[data-swiping] {
2472
+ --tw-duration: 0ms;
2473
+ transition-duration: 0ms;
2486
2474
  }
2487
- .data-\[active\=true\]\:before\:content-\[\'\'\] {
2488
- &[data-active="true"] {
2489
- &::before {
2490
- --tw-content: '';
2491
- content: var(--tw-content);
2492
- }
2493
- }
2475
+ .data-swiping\:select-none[data-swiping] {
2476
+ -webkit-user-select: none;
2477
+ user-select: none;
2494
2478
  }
2495
- .data-\[active\=true\]\:hover\:transition-colors {
2496
- &[data-active="true"] {
2497
- &:hover {
2498
- @media (hover: hover) {
2499
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2500
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2501
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2502
- }
2503
- }
2504
- }
2479
+ .data-ending-style\:data-\[activation-direction\=left\]\:translate-x-1\/2[data-ending-style][data-activation-direction="left"] {
2480
+ --tw-translate-x: calc(1 / 2 * 100%);
2481
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2482
+ }
2483
+ .data-starting-style\:data-\[activation-direction\=left\]\:-translate-x-1\/2[data-starting-style][data-activation-direction="left"] {
2484
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2485
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2486
+ }
2487
+ .data-ending-style\:data-\[activation-direction\=right\]\:-translate-x-1\/2[data-ending-style][data-activation-direction="right"] {
2488
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2489
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2490
+ }
2491
+ .data-starting-style\:data-\[activation-direction\=right\]\:translate-x-1\/2[data-starting-style][data-activation-direction="right"] {
2492
+ --tw-translate-x: calc(1 / 2 * 100%);
2493
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2494
+ }
2495
+ .data-\[active\]\:border-fd-primary[data-active] {
2496
+ border-color: var(--color-fd-primary);
2497
+ }
2498
+ .data-\[active\]\:text-fd-primary[data-active] {
2499
+ color: var(--color-fd-primary);
2505
2500
  }
2506
- .data-\[closed\]\:animate-fd-popover-out {
2507
- &[data-closed] {
2508
- animation: var(--animate-fd-popover-out);
2501
+ @media (hover: hover) {
2502
+ .data-\[active\=false\]\:hover\:text-fd-accent-foreground[data-active="false"]:hover {
2503
+ color: var(--color-fd-accent-foreground);
2509
2504
  }
2510
2505
  }
2511
- .data-\[collapsed\=false\]\:hidden {
2512
- &[data-collapsed="false"] {
2513
- display: none;
2506
+ .data-\[active\=true\]\:bg-fd-primary\/10[data-active="true"] {
2507
+ background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
2508
+ @supports (color: color-mix(in lab, red, red)) {
2509
+ background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
2514
2510
  }
2515
2511
  }
2516
- .data-\[column-changed\=true\]\:transition-\[grid-template-columns\] {
2517
- &[data-column-changed="true"] {
2518
- transition-property: grid-template-columns;
2512
+ .data-\[active\=true\]\:font-medium[data-active="true"] {
2513
+ --tw-font-weight: var(--font-weight-medium);
2514
+ font-weight: var(--font-weight-medium);
2515
+ }
2516
+ .data-\[active\=true\]\:text-fd-primary[data-active="true"] {
2517
+ color: var(--color-fd-primary);
2518
+ }
2519
+ .data-\[active\=true\]\:before\:absolute[data-active="true"]::before {
2520
+ content: var(--tw-content);
2521
+ position: absolute;
2522
+ }
2523
+ .data-\[active\=true\]\:before\:inset-y-2\.5[data-active="true"]::before {
2524
+ content: var(--tw-content);
2525
+ inset-block: calc(var(--spacing) * 2.5);
2526
+ }
2527
+ .data-\[active\=true\]\:before\:inset-s-2\.5[data-active="true"]::before {
2528
+ content: var(--tw-content);
2529
+ inset-inline-start: calc(var(--spacing) * 2.5);
2530
+ }
2531
+ .data-\[active\=true\]\:before\:start-2\.5[data-active="true"]::before {
2532
+ content: var(--tw-content);
2533
+ inset-inline-start: calc(var(--spacing) * 2.5);
2534
+ }
2535
+ .data-\[active\=true\]\:before\:w-px[data-active="true"]::before {
2536
+ content: var(--tw-content);
2537
+ width: 1px;
2538
+ }
2539
+ .data-\[active\=true\]\:before\:bg-fd-primary[data-active="true"]::before {
2540
+ content: var(--tw-content);
2541
+ background-color: var(--color-fd-primary);
2542
+ }
2543
+ .data-\[active\=true\]\:before\:content-\[\'\'\][data-active="true"]::before {
2544
+ --tw-content: '';
2545
+ content: var(--tw-content);
2546
+ }
2547
+ @media (hover: hover) {
2548
+ .data-\[active\=true\]\:hover\:transition-colors[data-active="true"]:hover {
2549
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2519
2550
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2520
2551
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2521
2552
  }
2522
2553
  }
2523
- .\*\:data-\[empty\=true\]\:border-b-0 {
2524
- :is(& > *) {
2525
- &[data-empty="true"] {
2526
- border-bottom-style: var(--tw-border-style);
2527
- border-bottom-width: 0px;
2528
- }
2529
- }
2554
+ .data-\[collapsed\=false\]\:hidden[data-collapsed="false"] {
2555
+ display: none;
2530
2556
  }
2531
- .data-\[inactive\]\:hidden {
2532
- &[data-inactive] {
2533
- display: none;
2534
- }
2557
+ .data-\[column-changed\=true\]\:transition-\[grid-template-columns\][data-column-changed="true"] {
2558
+ transition-property: grid-template-columns;
2559
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2560
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2535
2561
  }
2536
- .data-\[open\]\:animate-fd-popover-in {
2537
- &[data-open] {
2538
- animation: var(--animate-fd-popover-in);
2539
- }
2562
+ :is(.\*\:data-\[empty\=true\]\:border-b-0 > *)[data-empty="true"] {
2563
+ border-bottom-style: var(--tw-border-style);
2564
+ border-bottom-width: 0px;
2540
2565
  }
2541
- .data-\[popup-open\]\:bg-fd-accent {
2542
- &[data-popup-open] {
2543
- background-color: var(--color-fd-accent);
2544
- }
2566
+ .data-\[inactive\]\:hidden[data-inactive] {
2567
+ display: none;
2545
2568
  }
2546
- .data-\[popup-open\]\:text-fd-accent-foreground {
2547
- &[data-popup-open] {
2548
- color: var(--color-fd-accent-foreground);
2549
- }
2569
+ .data-\[popup-open\]\:bg-fd-accent[data-popup-open] {
2570
+ background-color: var(--color-fd-accent);
2550
2571
  }
2551
- .data-\[side\=bottom\]\:before\:top-\[-10px\] {
2552
- &[data-side="bottom"] {
2553
- &::before {
2554
- content: var(--tw-content);
2555
- top: -10px;
2556
- }
2557
- }
2572
+ .data-\[popup-open\]\:text-fd-accent-foreground[data-popup-open] {
2573
+ color: var(--color-fd-accent-foreground);
2558
2574
  }
2559
- .data-\[side\=bottom\]\:before\:right-0 {
2560
- &[data-side="bottom"] {
2561
- &::before {
2562
- content: var(--tw-content);
2563
- right: 0;
2564
- }
2565
- }
2575
+ .data-\[side\=bottom\]\:before\:top-\[-10px\][data-side="bottom"]::before {
2576
+ content: var(--tw-content);
2577
+ top: -10px;
2566
2578
  }
2567
- .data-\[side\=bottom\]\:before\:left-0 {
2568
- &[data-side="bottom"] {
2569
- &::before {
2570
- content: var(--tw-content);
2571
- left: 0;
2572
- }
2573
- }
2579
+ .data-\[side\=bottom\]\:before\:right-0[data-side="bottom"]::before {
2580
+ content: var(--tw-content);
2581
+ right: 0px;
2574
2582
  }
2575
- .data-\[side\=bottom\]\:before\:h-2\.5 {
2576
- &[data-side="bottom"] {
2577
- &::before {
2578
- content: var(--tw-content);
2579
- height: calc(var(--spacing) * 2.5);
2580
- }
2581
- }
2583
+ .data-\[side\=bottom\]\:before\:left-0[data-side="bottom"]::before {
2584
+ content: var(--tw-content);
2585
+ left: 0px;
2582
2586
  }
2583
- .data-\[side\=left\]\:before\:top-0 {
2584
- &[data-side="left"] {
2585
- &::before {
2586
- content: var(--tw-content);
2587
- top: 0;
2588
- }
2589
- }
2587
+ .data-\[side\=bottom\]\:before\:h-2\.5[data-side="bottom"]::before {
2588
+ content: var(--tw-content);
2589
+ height: calc(var(--spacing) * 2.5);
2590
2590
  }
2591
- .data-\[side\=left\]\:before\:right-\[-10px\] {
2592
- &[data-side="left"] {
2593
- &::before {
2594
- content: var(--tw-content);
2595
- right: -10px;
2596
- }
2597
- }
2591
+ .data-\[side\=left\]\:before\:top-0[data-side="left"]::before {
2592
+ content: var(--tw-content);
2593
+ top: 0px;
2598
2594
  }
2599
- .data-\[side\=left\]\:before\:bottom-0 {
2600
- &[data-side="left"] {
2601
- &::before {
2602
- content: var(--tw-content);
2603
- bottom: 0;
2604
- }
2605
- }
2595
+ .data-\[side\=left\]\:before\:right-\[-10px\][data-side="left"]::before {
2596
+ content: var(--tw-content);
2597
+ right: -10px;
2606
2598
  }
2607
- .data-\[side\=left\]\:before\:w-2\.5 {
2608
- &[data-side="left"] {
2609
- &::before {
2610
- content: var(--tw-content);
2611
- width: calc(var(--spacing) * 2.5);
2612
- }
2613
- }
2599
+ .data-\[side\=left\]\:before\:bottom-0[data-side="left"]::before {
2600
+ content: var(--tw-content);
2601
+ bottom: 0px;
2614
2602
  }
2615
- .data-\[side\=right\]\:before\:top-0 {
2616
- &[data-side="right"] {
2617
- &::before {
2618
- content: var(--tw-content);
2619
- top: 0;
2620
- }
2621
- }
2603
+ .data-\[side\=left\]\:before\:w-2\.5[data-side="left"]::before {
2604
+ content: var(--tw-content);
2605
+ width: calc(var(--spacing) * 2.5);
2622
2606
  }
2623
- .data-\[side\=right\]\:before\:bottom-0 {
2624
- &[data-side="right"] {
2625
- &::before {
2626
- content: var(--tw-content);
2627
- bottom: 0;
2628
- }
2629
- }
2607
+ .data-\[side\=right\]\:before\:top-0[data-side="right"]::before {
2608
+ content: var(--tw-content);
2609
+ top: 0px;
2630
2610
  }
2631
- .data-\[side\=right\]\:before\:left-\[-10px\] {
2632
- &[data-side="right"] {
2633
- &::before {
2634
- content: var(--tw-content);
2635
- left: -10px;
2636
- }
2637
- }
2611
+ .data-\[side\=right\]\:before\:bottom-0[data-side="right"]::before {
2612
+ content: var(--tw-content);
2613
+ bottom: 0px;
2638
2614
  }
2639
- .data-\[side\=right\]\:before\:w-2\.5 {
2640
- &[data-side="right"] {
2641
- &::before {
2642
- content: var(--tw-content);
2643
- width: calc(var(--spacing) * 2.5);
2644
- }
2645
- }
2615
+ .data-\[side\=right\]\:before\:left-\[-10px\][data-side="right"]::before {
2616
+ content: var(--tw-content);
2617
+ left: -10px;
2646
2618
  }
2647
- .data-\[side\=top\]\:before\:right-0 {
2648
- &[data-side="top"] {
2649
- &::before {
2650
- content: var(--tw-content);
2651
- right: 0;
2652
- }
2653
- }
2619
+ .data-\[side\=right\]\:before\:w-2\.5[data-side="right"]::before {
2620
+ content: var(--tw-content);
2621
+ width: calc(var(--spacing) * 2.5);
2654
2622
  }
2655
- .data-\[side\=top\]\:before\:bottom-\[-10px\] {
2656
- &[data-side="top"] {
2657
- &::before {
2658
- content: var(--tw-content);
2659
- bottom: -10px;
2660
- }
2661
- }
2623
+ .data-\[side\=top\]\:before\:right-0[data-side="top"]::before {
2624
+ content: var(--tw-content);
2625
+ right: 0px;
2662
2626
  }
2663
- .data-\[side\=top\]\:before\:left-0 {
2664
- &[data-side="top"] {
2665
- &::before {
2666
- content: var(--tw-content);
2667
- left: 0;
2668
- }
2669
- }
2627
+ .data-\[side\=top\]\:before\:bottom-\[-10px\][data-side="top"]::before {
2628
+ content: var(--tw-content);
2629
+ bottom: -10px;
2670
2630
  }
2671
- .data-\[side\=top\]\:before\:h-2\.5 {
2672
- &[data-side="top"] {
2673
- &::before {
2674
- content: var(--tw-content);
2675
- height: calc(var(--spacing) * 2.5);
2676
- }
2677
- }
2631
+ .data-\[side\=top\]\:before\:left-0[data-side="top"]::before {
2632
+ content: var(--tw-content);
2633
+ left: 0px;
2678
2634
  }
2679
- .data-\[state\=closed\]\:animate-fd-fade-out {
2680
- &[data-state="closed"] {
2681
- animation: var(--animate-fd-fade-out);
2682
- }
2635
+ .data-\[side\=top\]\:before\:h-2\.5[data-side="top"]::before {
2636
+ content: var(--tw-content);
2637
+ height: calc(var(--spacing) * 2.5);
2683
2638
  }
2684
- .data-\[state\=closed\]\:animate-fd-sidebar-out {
2685
- &[data-state="closed"] {
2686
- animation: var(--animate-fd-sidebar-out);
2687
- }
2639
+ .data-\[state\=closed\]\:animate-fd-fade-out[data-state="closed"] {
2640
+ animation: var(--animate-fd-fade-out);
2688
2641
  }
2689
- .data-\[state\=open\]\:animate-fd-fade-in {
2690
- &[data-state="open"] {
2691
- animation: var(--animate-fd-fade-in);
2692
- }
2642
+ .data-\[state\=closed\]\:animate-fd-sidebar-out[data-state="closed"] {
2643
+ animation: var(--animate-fd-sidebar-out);
2644
+ }
2645
+ .data-\[state\=open\]\:animate-fd-fade-in[data-state="open"] {
2646
+ animation: var(--animate-fd-fade-in);
2647
+ }
2648
+ .data-\[state\=open\]\:animate-fd-sidebar-in[data-state="open"] {
2649
+ animation: var(--animate-fd-sidebar-in);
2693
2650
  }
2694
- .data-\[state\=open\]\:animate-fd-sidebar-in {
2695
- &[data-state="open"] {
2696
- animation: var(--animate-fd-sidebar-in);
2651
+ .data-\[transparent\=false\]\:bg-fd-background\/80[data-transparent="false"] {
2652
+ background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
2653
+ @supports (color: color-mix(in lab, red, red)) {
2654
+ background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
2697
2655
  }
2698
2656
  }
2699
- .data-\[transparent\=false\]\:bg-fd-background\/80 {
2700
- &[data-transparent="false"] {
2701
- background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
2702
- @supports (color: color-mix(in lab, red, red)) {
2703
- background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
2704
- }
2657
+ @supports (-webkit-touch-callout:none) {
2658
+ .supports-\[-webkit-touch-callout\:none\]\:absolute {
2659
+ position: absolute;
2660
+ }
2661
+ .supports-\[-webkit-touch-callout\:none\]\:rounded-xl {
2662
+ border-radius: var(--radius-xl);
2663
+ }
2664
+ .supports-\[-webkit-touch-callout\:none\]\:border {
2665
+ border-style: var(--tw-border-style);
2666
+ border-width: 1px;
2667
+ }
2668
+ .supports-\[-webkit-touch-callout\:none\]\:\[--bleed\:0px\] {
2669
+ --bleed: 0px;
2670
+ }
2671
+ .supports-\[-webkit-touch-callout\:none\]\:\[--viewport-padding\:0\.625rem\] {
2672
+ --viewport-padding: 0.625rem;
2705
2673
  }
2706
2674
  }
2707
- .max-xl\:hidden {
2708
- @media (width < 80rem) {
2675
+ @media (width < 80rem) {
2676
+ .max-xl\:fixed {
2677
+ position: fixed;
2678
+ }
2679
+ .max-xl\:end-1 {
2680
+ inset-inline-end: calc(var(--spacing) * 1);
2681
+ }
2682
+ .max-xl\:top-1\/2 {
2683
+ top: calc(1 / 2 * 100%);
2684
+ }
2685
+ .max-xl\:hidden {
2709
2686
  display: none;
2710
2687
  }
2688
+ .max-xl\:max-h-\[calc\(100dvh---spacing\(32\)\)\] {
2689
+ max-height: calc(100dvh - calc(var(--spacing) * 32));
2690
+ }
2691
+ .max-xl\:w-6 {
2692
+ width: calc(var(--spacing) * 6);
2693
+ }
2694
+ .max-xl\:w-\[240px\] {
2695
+ width: 240px;
2696
+ }
2697
+ .max-xl\:-translate-y-1\/2 {
2698
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2699
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2700
+ }
2701
+ .max-xl\:grid-cols-\[calc\(240px---spacing\(6\)\)\] {
2702
+ grid-template-columns: calc(240px - calc(var(--spacing) * 6));
2703
+ }
2704
+ .max-xl\:overflow-clip {
2705
+ overflow: clip;
2706
+ }
2707
+ .max-xl\:rounded-xl {
2708
+ border-radius: var(--radius-xl);
2709
+ }
2710
+ .max-xl\:border {
2711
+ border-style: var(--tw-border-style);
2712
+ border-width: 1px;
2713
+ }
2714
+ .max-xl\:bg-fd-popover {
2715
+ background-color: var(--color-fd-popover);
2716
+ }
2717
+ .max-xl\:mask-none {
2718
+ mask-image: none;
2719
+ }
2720
+ .max-xl\:p-3 {
2721
+ padding: calc(var(--spacing) * 3);
2722
+ }
2723
+ .max-xl\:ps-\[calc\(--spacing\(2\.5\)-1px\)\] {
2724
+ padding-inline-start: calc(calc(var(--spacing) * 2.5) - 1px);
2725
+ }
2726
+ .max-xl\:text-fd-popover-foreground {
2727
+ color: var(--color-fd-popover-foreground);
2728
+ }
2729
+ .max-xl\:shadow-md {
2730
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2731
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2732
+ }
2711
2733
  }
2712
- .max-lg\:flex {
2713
- @media (width < 64rem) {
2734
+ @media (width < 64rem) {
2735
+ .max-lg\:flex {
2714
2736
  display: flex;
2715
2737
  }
2716
- }
2717
- .max-lg\:hidden {
2718
- @media (width < 64rem) {
2738
+ .max-lg\:hidden {
2719
2739
  display: none;
2720
2740
  }
2721
- }
2722
- .max-lg\:rounded-b-2xl {
2723
- @media (width < 64rem) {
2741
+ .max-lg\:rounded-b-2xl {
2724
2742
  border-bottom-right-radius: var(--radius-2xl);
2725
2743
  border-bottom-left-radius: var(--radius-2xl);
2726
2744
  }
2727
- }
2728
- .max-lg\:shadow-lg {
2729
- @media (width < 64rem) {
2745
+ .max-lg\:shadow-lg {
2730
2746
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2731
2747
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2732
2748
  }
2733
2749
  }
2734
- .max-md\:flex {
2735
- @media (width < 48rem) {
2750
+ @media (width < 48rem) {
2751
+ .max-md\:bottom-0 {
2752
+ bottom: 0px;
2753
+ }
2754
+ .max-md\:mt-auto {
2755
+ margin-top: auto;
2756
+ }
2757
+ .max-md\:flex {
2736
2758
  display: flex;
2737
2759
  }
2738
- }
2739
- .max-md\:hidden {
2740
- @media (width < 48rem) {
2760
+ .max-md\:hidden {
2741
2761
  display: none;
2742
2762
  }
2743
- }
2744
- .max-md\:rounded-md {
2745
- @media (width < 48rem) {
2763
+ .max-md\:h-16 {
2764
+ height: calc(var(--spacing) * 16);
2765
+ }
2766
+ .max-md\:w-4 {
2767
+ width: calc(var(--spacing) * 4);
2768
+ }
2769
+ .max-md\:rounded-md {
2746
2770
  border-radius: var(--radius-md);
2747
2771
  }
2748
- }
2749
- .max-md\:border {
2750
- @media (width < 48rem) {
2772
+ .max-md\:border {
2751
2773
  border-style: var(--tw-border-style);
2752
2774
  border-width: 1px;
2753
2775
  }
2754
- }
2755
- .max-md\:bg-fd-secondary {
2756
- @media (width < 48rem) {
2776
+ .max-md\:bg-fd-secondary {
2757
2777
  background-color: var(--color-fd-secondary);
2758
2778
  }
2759
- }
2760
- .max-md\:p-1\.5 {
2761
- @media (width < 48rem) {
2779
+ .max-md\:bg-linear-to-t {
2780
+ --tw-gradient-position: to top;
2781
+ }
2782
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2783
+ .max-md\:bg-linear-to-t {
2784
+ --tw-gradient-position: to top in oklab;
2785
+ }
2786
+ }
2787
+ .max-md\:bg-linear-to-t {
2788
+ background-image: linear-gradient(var(--tw-gradient-stops));
2789
+ }
2790
+ .max-md\:from-fd-background {
2791
+ --tw-gradient-from: var(--color-fd-background);
2792
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2793
+ }
2794
+ .max-md\:p-1\.5 {
2762
2795
  padding: calc(var(--spacing) * 1.5);
2763
2796
  }
2797
+ .max-md\:ps-\[calc\(--spacing\(1\.5\)-1px\)\] {
2798
+ padding-inline-start: calc(calc(var(--spacing) * 1.5) - 1px);
2799
+ }
2800
+ .max-md\:pb-4 {
2801
+ padding-bottom: calc(var(--spacing) * 4);
2802
+ }
2764
2803
  }
2765
- .max-sm\:mt-2 {
2766
- @media (width < 40rem) {
2804
+ @media (width < 40rem) {
2805
+ .max-sm\:mt-2 {
2767
2806
  margin-top: calc(var(--spacing) * 2);
2768
2807
  }
2769
- }
2770
- .max-sm\:hidden {
2771
- @media (width < 40rem) {
2808
+ .max-sm\:hidden {
2772
2809
  display: none;
2773
2810
  }
2774
2811
  }
2775
- .sm\:bottom-6 {
2776
- @media (width >= 40rem) {
2812
+ @media (width >= 40rem) {
2813
+ .sm\:bottom-6 {
2777
2814
  bottom: calc(var(--spacing) * 6);
2778
2815
  }
2779
- }
2780
- .sm\:hidden {
2781
- @media (width >= 40rem) {
2816
+ .sm\:hidden {
2782
2817
  display: none;
2783
2818
  }
2784
- }
2785
- .sm\:max-w-\[380px\] {
2786
- @media (width >= 40rem) {
2819
+ .sm\:max-w-\[380px\] {
2787
2820
  max-width: 380px;
2788
2821
  }
2789
- }
2790
- .sm\:max-w-\[400px\] {
2791
- @media (width >= 40rem) {
2822
+ .sm\:max-w-\[400px\] {
2792
2823
  max-width: 400px;
2793
2824
  }
2794
- }
2795
- .sm\:flex-row {
2796
- @media (width >= 40rem) {
2825
+ .sm\:flex-row {
2797
2826
  flex-direction: row;
2798
2827
  }
2799
- }
2800
- .sm\:items-center {
2801
- @media (width >= 40rem) {
2828
+ .sm\:items-center {
2802
2829
  align-items: center;
2803
2830
  }
2804
- }
2805
- .sm\:justify-end {
2806
- @media (width >= 40rem) {
2831
+ .sm\:justify-end {
2807
2832
  justify-content: flex-end;
2808
2833
  }
2809
- }
2810
- .sm\:rounded-2xl {
2811
- @media (width >= 40rem) {
2834
+ .sm\:rounded-2xl {
2812
2835
  border-radius: var(--radius-2xl);
2813
2836
  }
2814
- }
2815
- .sm\:border {
2816
- @media (width >= 40rem) {
2837
+ .sm\:border {
2817
2838
  border-style: var(--tw-border-style);
2818
2839
  border-width: 1px;
2819
2840
  }
2820
- }
2821
- .sm\:p-1 {
2822
- @media (width >= 40rem) {
2841
+ .sm\:p-1 {
2823
2842
  padding: var(--spacing);
2824
2843
  }
2825
2844
  }
2826
- .md\:top-\[calc\(50\%-250px\)\] {
2827
- @media (width >= 48rem) {
2845
+ @media (width >= 48rem) {
2846
+ .md\:top-0 {
2847
+ top: 0px;
2848
+ }
2849
+ .md\:top-\[calc\(50\%-250px\)\] {
2828
2850
  top: calc(50% - 250px);
2829
2851
  }
2830
- }
2831
- .md\:mb-auto {
2832
- @media (width >= 48rem) {
2852
+ .md\:mb-auto {
2833
2853
  margin-bottom: auto;
2834
2854
  }
2835
- }
2836
- .md\:hidden {
2837
- @media (width >= 48rem) {
2855
+ .md\:hidden {
2838
2856
  display: none;
2839
2857
  }
2840
- }
2841
- .md\:size-5 {
2842
- @media (width >= 48rem) {
2858
+ .md\:size-5 {
2843
2859
  width: calc(var(--spacing) * 5);
2844
2860
  height: calc(var(--spacing) * 5);
2845
2861
  }
2846
- }
2847
- .md\:grid-cols-2 {
2848
- @media (width >= 48rem) {
2862
+ .md\:h-12 {
2863
+ height: calc(var(--spacing) * 12);
2864
+ }
2865
+ .md\:grid-cols-2 {
2849
2866
  grid-template-columns: repeat(2, minmax(0, 1fr));
2850
2867
  }
2851
- }
2852
- .md\:gap-2 {
2853
- @media (width >= 48rem) {
2868
+ .md\:gap-2 {
2854
2869
  gap: calc(var(--spacing) * 2);
2855
2870
  }
2856
- }
2857
- .md\:px-6 {
2858
- @media (width >= 48rem) {
2871
+ .md\:bg-linear-to-b {
2872
+ --tw-gradient-position: to bottom;
2873
+ }
2874
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2875
+ .md\:bg-linear-to-b {
2876
+ --tw-gradient-position: to bottom in oklab;
2877
+ }
2878
+ }
2879
+ .md\:bg-linear-to-b {
2880
+ background-image: linear-gradient(var(--tw-gradient-stops));
2881
+ }
2882
+ .md\:from-fd-background {
2883
+ --tw-gradient-from: var(--color-fd-background);
2884
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2885
+ }
2886
+ .md\:px-2 {
2887
+ padding-inline: calc(var(--spacing) * 2);
2888
+ }
2889
+ .md\:px-6 {
2859
2890
  padding-inline: calc(var(--spacing) * 6);
2860
2891
  }
2861
- }
2862
- .md\:pt-8 {
2863
- @media (width >= 48rem) {
2892
+ .md\:py-1\.5 {
2893
+ padding-block: calc(var(--spacing) * 1.5);
2894
+ }
2895
+ .md\:pt-2 {
2896
+ padding-top: calc(var(--spacing) * 2);
2897
+ }
2898
+ .md\:pt-8 {
2864
2899
  padding-top: calc(var(--spacing) * 8);
2865
2900
  }
2866
- }
2867
- .has-data-\[collapsed\=true\]\:md\:flex {
2868
- &:has(*[data-collapsed="true"]) {
2869
- @media (width >= 48rem) {
2870
- display: flex;
2871
- }
2901
+ .md\:pt-16 {
2902
+ padding-top: calc(var(--spacing) * 16);
2903
+ }
2904
+ .md\:pb-8 {
2905
+ padding-bottom: calc(var(--spacing) * 8);
2906
+ }
2907
+ .has-data-\[collapsed\=true\]\:md\:flex:has([data-collapsed="true"]) {
2908
+ display: flex;
2872
2909
  }
2873
2910
  }
2874
- .lg\:hidden {
2875
- @media (width >= 64rem) {
2911
+ @media (width >= 64rem) {
2912
+ .lg\:hidden {
2876
2913
  display: none;
2877
2914
  }
2878
- }
2879
- .lg\:grid-cols-3 {
2880
- @media (width >= 64rem) {
2915
+ .lg\:grid-cols-3 {
2881
2916
  grid-template-columns: repeat(3, minmax(0, 1fr));
2882
2917
  }
2883
- }
2884
- .lg\:text-sm {
2885
- @media (width >= 64rem) {
2918
+ .lg\:text-sm {
2886
2919
  font-size: var(--text-sm);
2887
2920
  line-height: var(--tw-leading, var(--text-sm--line-height));
2888
2921
  }
2889
2922
  }
2890
- .xl\:hidden {
2891
- @media (width >= 80rem) {
2923
+ @media (width >= 80rem) {
2924
+ .xl\:sticky {
2925
+ position: sticky;
2926
+ }
2927
+ .xl\:top-10 {
2928
+ top: calc(var(--spacing) * 10);
2929
+ }
2930
+ .xl\:hidden {
2892
2931
  display: none;
2893
2932
  }
2894
- }
2895
- .xl\:px-8 {
2896
- @media (width >= 80rem) {
2933
+ .xl\:h-\[calc\(100dvh---spacing\(10\)\)\] {
2934
+ height: calc(100dvh - calc(var(--spacing) * 10));
2935
+ }
2936
+ .xl\:flex-row-reverse {
2937
+ flex-direction: row-reverse;
2938
+ }
2939
+ .xl\:items-center {
2940
+ align-items: center;
2941
+ }
2942
+ .xl\:items-end {
2943
+ align-items: flex-end;
2944
+ }
2945
+ .xl\:px-8 {
2897
2946
  padding-inline: calc(var(--spacing) * 8);
2898
2947
  }
2899
- }
2900
- .xl\:pt-14 {
2901
- @media (width >= 80rem) {
2948
+ .xl\:pe-4 {
2949
+ padding-inline-end: calc(var(--spacing) * 4);
2950
+ }
2951
+ .xl\:pt-14 {
2902
2952
  padding-top: calc(var(--spacing) * 14);
2903
2953
  }
2954
+ .xl\:text-end {
2955
+ text-align: end;
2956
+ }
2904
2957
  }
2905
- .\@max-xl\:hidden {
2906
- @container (width < 36rem) {
2958
+ @container (width < 36rem) {
2959
+ .\@max-xl\:hidden {
2907
2960
  display: none;
2908
2961
  }
2909
2962
  }
2910
- .\@max-lg\:col-span-full {
2911
- @container (width < 32rem) {
2963
+ @container (width < 32rem) {
2964
+ .\@max-lg\:col-span-full {
2912
2965
  grid-column: 1 / -1;
2913
2966
  }
2914
2967
  }
2915
- .rtl\:-translate-x-2 {
2916
- &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2917
- --tw-translate-x: calc(var(--spacing) * -2);
2918
- translate: var(--tw-translate-x) var(--tw-translate-y);
2968
+ @container (width >= 24rem) {
2969
+ .\@sm\:max-w-\[200px\] {
2970
+ max-width: 200px;
2919
2971
  }
2920
2972
  }
2921
- .rtl\:translate-x-full {
2922
- &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2923
- --tw-translate-x: 100%;
2924
- translate: var(--tw-translate-x) var(--tw-translate-y);
2925
- }
2973
+ .rtl\:-translate-x-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2974
+ --tw-translate-x: calc(var(--spacing) * -2);
2975
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2926
2976
  }
2927
- .rtl\:-scale-x-100 {
2928
- &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2929
- --tw-scale-x: calc(100% * -1);
2930
- scale: var(--tw-scale-x) var(--tw-scale-y);
2931
- }
2977
+ .rtl\:translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2978
+ --tw-translate-x: 100%;
2979
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2932
2980
  }
2933
- .rtl\:rotate-90 {
2934
- &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2935
- rotate: 90deg;
2936
- }
2981
+ .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2982
+ --tw-scale-x: calc(100% * -1);
2983
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2937
2984
  }
2938
- .rtl\:rotate-180 {
2939
- &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2940
- rotate: 180deg;
2941
- }
2985
+ .rtl\:rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2986
+ rotate: 90deg;
2987
+ }
2988
+ .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
2989
+ rotate: 180deg;
2990
+ }
2991
+ .dark\:bg-\(--shiki-dark-bg\):where(.dark, .dark *) {
2992
+ background-color: var(--shiki-dark-bg);
2993
+ }
2994
+ #nd-docs-layout:has(.layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-notebook-layout:has(.layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-home-layout:has(.layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-flux-layout:has(.layout\:\[--fd-header-height\:--spacing\(14\)\]), #fd-glass-layout:has(.layout\:\[--fd-header-height\:--spacing\(14\)\]) {
2995
+ --fd-header-height: calc(var(--spacing) * 14);
2996
+ }
2997
+ #nd-docs-layout:has(.layout\:\[--fd-main-width\:1200px\]), #nd-notebook-layout:has(.layout\:\[--fd-main-width\:1200px\]), #nd-home-layout:has(.layout\:\[--fd-main-width\:1200px\]), #nd-flux-layout:has(.layout\:\[--fd-main-width\:1200px\]), #fd-glass-layout:has(.layout\:\[--fd-main-width\:1200px\]) {
2998
+ --fd-main-width: 1200px;
2942
2999
  }
2943
- .dark\:bg-\(--shiki-dark-bg\) {
2944
- &:where(.dark, .dark *) {
2945
- background-color: var(--shiki-dark-bg);
3000
+ @media (width < 80rem) {
3001
+ #nd-docs-layout:has(.max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\]), #nd-notebook-layout:has(.max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\]), #nd-home-layout:has(.max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\]), #nd-flux-layout:has(.max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\]), #fd-glass-layout:has(.max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\]) {
3002
+ --fd-toc-popover-height: calc(var(--spacing) * 10);
2946
3003
  }
2947
3004
  }
2948
- .layout\:\[--fd-header-height\:--spacing\(14\)\] {
2949
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
3005
+ @media (width < 48rem) {
3006
+ #nd-docs-layout:has(.max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-notebook-layout:has(.max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-home-layout:has(.max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\]), #nd-flux-layout:has(.max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\]), #fd-glass-layout:has(.max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\]) {
2950
3007
  --fd-header-height: calc(var(--spacing) * 14);
2951
3008
  }
2952
3009
  }
2953
- .max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\] {
2954
- @media (width < 80rem) {
2955
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
2956
- --fd-toc-popover-height: calc(var(--spacing) * 10);
2957
- }
3010
+ @media (width >= 48rem) {
3011
+ #nd-docs-layout:has(.md\:layout\:\[--fd-left-width\:0px\]), #nd-notebook-layout:has(.md\:layout\:\[--fd-left-width\:0px\]), #nd-home-layout:has(.md\:layout\:\[--fd-left-width\:0px\]), #nd-flux-layout:has(.md\:layout\:\[--fd-left-width\:0px\]), #fd-glass-layout:has(.md\:layout\:\[--fd-left-width\:0px\]) {
3012
+ --fd-left-width: 0px;
2958
3013
  }
2959
- }
2960
- .max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\] {
2961
- @media (width < 48rem) {
2962
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
2963
- --fd-header-height: calc(var(--spacing) * 14);
2964
- }
3014
+ #nd-docs-layout:has(.md\:layout\:\[--fd-left-width\:280px\]), #nd-notebook-layout:has(.md\:layout\:\[--fd-left-width\:280px\]), #nd-home-layout:has(.md\:layout\:\[--fd-left-width\:280px\]), #nd-flux-layout:has(.md\:layout\:\[--fd-left-width\:280px\]), #fd-glass-layout:has(.md\:layout\:\[--fd-left-width\:280px\]) {
3015
+ --fd-left-width: 280px;
2965
3016
  }
2966
- }
2967
- .md\:layout\:\[--fd-sidebar-width\:268px\] {
2968
- @media (width >= 48rem) {
2969
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
2970
- --fd-sidebar-width: 268px;
2971
- }
3017
+ #nd-docs-layout:has(.md\:layout\:\[--fd-right-width\:12px\]), #nd-notebook-layout:has(.md\:layout\:\[--fd-right-width\:12px\]), #nd-home-layout:has(.md\:layout\:\[--fd-right-width\:12px\]), #nd-flux-layout:has(.md\:layout\:\[--fd-right-width\:12px\]), #fd-glass-layout:has(.md\:layout\:\[--fd-right-width\:12px\]) {
3018
+ --fd-right-width: 12px;
2972
3019
  }
2973
- }
2974
- .lg\:layout\:\[--fd-header-height\:--spacing\(24\)\] {
2975
- @media (width >= 64rem) {
2976
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
2977
- --fd-header-height: calc(var(--spacing) * 24);
2978
- }
3020
+ #nd-docs-layout:has(.md\:layout\:\[--fd-sidebar-width\:268px\]), #nd-notebook-layout:has(.md\:layout\:\[--fd-sidebar-width\:268px\]), #nd-home-layout:has(.md\:layout\:\[--fd-sidebar-width\:268px\]), #nd-flux-layout:has(.md\:layout\:\[--fd-sidebar-width\:268px\]), #fd-glass-layout:has(.md\:layout\:\[--fd-sidebar-width\:268px\]) {
3021
+ --fd-sidebar-width: 268px;
2979
3022
  }
2980
3023
  }
2981
- .xl\:layout\:\[--fd-toc-width\:268px\] {
2982
- @media (width >= 80rem) {
2983
- #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
2984
- --fd-toc-width: 268px;
2985
- }
3024
+ @media (width >= 64rem) {
3025
+ #nd-docs-layout:has(.lg\:layout\:\[--fd-header-height\:--spacing\(24\)\]), #nd-notebook-layout:has(.lg\:layout\:\[--fd-header-height\:--spacing\(24\)\]), #nd-home-layout:has(.lg\:layout\:\[--fd-header-height\:--spacing\(24\)\]), #nd-flux-layout:has(.lg\:layout\:\[--fd-header-height\:--spacing\(24\)\]), #fd-glass-layout:has(.lg\:layout\:\[--fd-header-height\:--spacing\(24\)\]) {
3026
+ --fd-header-height: calc(var(--spacing) * 24);
2986
3027
  }
2987
3028
  }
2988
- .\[\&_svg\]\:size-3\.5 {
2989
- & svg {
2990
- width: calc(var(--spacing) * 3.5);
2991
- height: calc(var(--spacing) * 3.5);
3029
+ @media (width >= 80rem) {
3030
+ #nd-docs-layout:has(.xl\:layout\:\[--fd-right-width\:240px\]), #nd-notebook-layout:has(.xl\:layout\:\[--fd-right-width\:240px\]), #nd-home-layout:has(.xl\:layout\:\[--fd-right-width\:240px\]), #nd-flux-layout:has(.xl\:layout\:\[--fd-right-width\:240px\]), #fd-glass-layout:has(.xl\:layout\:\[--fd-right-width\:240px\]) {
3031
+ --fd-right-width: 240px;
2992
3032
  }
2993
- }
2994
- .\[\&_svg\]\:size-4 {
2995
- & svg {
2996
- width: calc(var(--spacing) * 4);
2997
- height: calc(var(--spacing) * 4);
3033
+ #nd-docs-layout:has(.xl\:layout\:\[--fd-toc-width\:268px\]), #nd-notebook-layout:has(.xl\:layout\:\[--fd-toc-width\:268px\]), #nd-home-layout:has(.xl\:layout\:\[--fd-toc-width\:268px\]), #nd-flux-layout:has(.xl\:layout\:\[--fd-toc-width\:268px\]), #fd-glass-layout:has(.xl\:layout\:\[--fd-toc-width\:268px\]) {
3034
+ --fd-toc-width: 268px;
2998
3035
  }
2999
3036
  }
3000
- .\[\&_svg\]\:size-4\.5 {
3001
- & svg {
3002
- width: calc(var(--spacing) * 4.5);
3003
- height: calc(var(--spacing) * 4.5);
3004
- }
3037
+ .\[\&_svg\]\:size-3\.5 svg {
3038
+ width: calc(var(--spacing) * 3.5);
3039
+ height: calc(var(--spacing) * 3.5);
3005
3040
  }
3006
- .\[\&_svg\]\:size-5 {
3007
- & svg {
3008
- width: calc(var(--spacing) * 5);
3009
- height: calc(var(--spacing) * 5);
3010
- }
3041
+ .\[\&_svg\]\:size-4 svg {
3042
+ width: calc(var(--spacing) * 4);
3043
+ height: calc(var(--spacing) * 4);
3011
3044
  }
3012
- .\[\&_svg\]\:size-full {
3013
- & svg {
3014
- width: 100%;
3015
- height: 100%;
3016
- }
3045
+ .\[\&_svg\]\:size-4\.5 svg {
3046
+ width: calc(var(--spacing) * 4.5);
3047
+ height: calc(var(--spacing) * 4.5);
3017
3048
  }
3018
- .\[\&_svg\]\:shrink-0 {
3019
- & svg {
3020
- flex-shrink: 0;
3021
- }
3049
+ .\[\&_svg\]\:size-5 svg {
3050
+ width: calc(var(--spacing) * 5);
3051
+ height: calc(var(--spacing) * 5);
3022
3052
  }
3023
- .\[\&_svg\]\:text-fd-muted-foreground {
3024
- & svg {
3025
- color: var(--color-fd-muted-foreground);
3026
- }
3053
+ .\[\&_svg\]\:size-full svg {
3054
+ width: 100%;
3055
+ height: 100%;
3027
3056
  }
3028
- .\[\&\>figure\:only-child\]\:-m-4 {
3029
- &>figure:only-child {
3030
- margin: calc(var(--spacing) * -4);
3031
- }
3057
+ .\[\&_svg\]\:shrink-0 svg {
3058
+ flex-shrink: 0;
3032
3059
  }
3033
- .\[\&\>figure\:only-child\]\:border-none {
3034
- &>figure:only-child {
3035
- --tw-border-style: none;
3036
- border-style: none;
3037
- }
3060
+ .\[\&_svg\]\:text-fd-muted-foreground svg {
3061
+ color: var(--color-fd-muted-foreground);
3038
3062
  }
3039
- .\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden {
3040
- &[hidden]:not([hidden='until-found']) {
3041
- display: none;
3063
+ .\[\&\>figure\:only-child\]\:-m-4 > figure:only-child {
3064
+ margin: calc(var(--spacing) * -4);
3065
+ }
3066
+ .\[\&\>figure\:only-child\]\:border-none > figure:only-child {
3067
+ --tw-border-style: none;
3068
+ border-style: none;
3069
+ }
3070
+ .\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden[hidden]:not([hidden='until-found']) {
3071
+ display: none;
3072
+ }
3073
+ @media (width >= 80rem) {
3074
+ @media (hover:none) {
3075
+ .xl\:\[\@media\(hover\:none\)\]\:pointer-events-auto {
3076
+ pointer-events: auto;
3077
+ }
3078
+ .xl\:\[\@media\(hover\:none\)\]\:h-6 {
3079
+ height: calc(var(--spacing) * 6);
3080
+ }
3081
+ .xl\:\[\@media\(hover\:none\)\]\:h-px {
3082
+ height: 1px;
3083
+ }
3084
+ .xl\:\[\@media\(hover\:none\)\]\:w-\(--width\) {
3085
+ width: var(--width);
3086
+ }
3087
+ .xl\:\[\@media\(hover\:none\)\]\:opacity-100 {
3088
+ opacity: 100%;
3089
+ }
3090
+ .xl\:\[\@media\(hover\:none\)\]\:\[--row\:calc\(6\*var\(--spacing\)\)\] {
3091
+ --row: calc(6 * var(--spacing));
3092
+ }
3042
3093
  }
3043
3094
  }
3044
3095
  }
@@ -3140,8 +3191,8 @@
3140
3191
  .highlighted::after {
3141
3192
  position: absolute;
3142
3193
  content: '';
3143
- inset-block: 0;
3144
- left: 0;
3194
+ inset-block: 0px;
3195
+ left: 0px;
3145
3196
  border-left-style: var(--tw-border-style);
3146
3197
  border-left-width: 2px;
3147
3198
  border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
@@ -3180,17 +3231,15 @@
3180
3231
  @supports (color: color-mix(in lab, red, red)) {
3181
3232
  color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
3182
3233
  }
3183
- inset-block: 0;
3184
- left: 0;
3234
+ inset-block: 0px;
3235
+ left: 0px;
3185
3236
  width: calc(var(--spacing) * 7);
3186
3237
  text-align: right;
3187
3238
  }
3188
3239
  }
3189
- .dark .shiki:not(.not-fumadocs-codeblock *) {
3190
- code span {
3191
- color: var(--shiki-dark);
3192
- font-style: var(--shiki-dark-font-style);
3193
- }
3240
+ .dark .shiki:not(.not-fumadocs-codeblock *) code span {
3241
+ color: var(--shiki-dark);
3242
+ font-style: var(--shiki-dark-font-style);
3194
3243
  }
3195
3244
  code.shiki:not(.not-fumadocs-code *) span {
3196
3245
  color: var(--shiki-light);
@@ -3437,6 +3486,48 @@ code.shiki:not(.not-fumadocs-code *) span {
3437
3486
  initial-value: "";
3438
3487
  inherits: false;
3439
3488
  }
3489
+ @property --tw-gradient-position {
3490
+ syntax: "*";
3491
+ inherits: false;
3492
+ }
3493
+ @property --tw-gradient-from {
3494
+ syntax: "<color>";
3495
+ inherits: false;
3496
+ initial-value: #0000;
3497
+ }
3498
+ @property --tw-gradient-via {
3499
+ syntax: "<color>";
3500
+ inherits: false;
3501
+ initial-value: #0000;
3502
+ }
3503
+ @property --tw-gradient-to {
3504
+ syntax: "<color>";
3505
+ inherits: false;
3506
+ initial-value: #0000;
3507
+ }
3508
+ @property --tw-gradient-stops {
3509
+ syntax: "*";
3510
+ inherits: false;
3511
+ }
3512
+ @property --tw-gradient-via-stops {
3513
+ syntax: "*";
3514
+ inherits: false;
3515
+ }
3516
+ @property --tw-gradient-from-position {
3517
+ syntax: "<length-percentage>";
3518
+ inherits: false;
3519
+ initial-value: 0%;
3520
+ }
3521
+ @property --tw-gradient-via-position {
3522
+ syntax: "<length-percentage>";
3523
+ inherits: false;
3524
+ initial-value: 50%;
3525
+ }
3526
+ @property --tw-gradient-to-position {
3527
+ syntax: "<length-percentage>";
3528
+ inherits: false;
3529
+ initial-value: 100%;
3530
+ }
3440
3531
  @property --tw-scale-x {
3441
3532
  syntax: "*";
3442
3533
  inherits: false;
@@ -3569,6 +3660,15 @@ code.shiki:not(.not-fumadocs-code *) span {
3569
3660
  --tw-duration: initial;
3570
3661
  --tw-ease: initial;
3571
3662
  --tw-content: "";
3663
+ --tw-gradient-position: initial;
3664
+ --tw-gradient-from: #0000;
3665
+ --tw-gradient-via: #0000;
3666
+ --tw-gradient-to: #0000;
3667
+ --tw-gradient-stops: initial;
3668
+ --tw-gradient-via-stops: initial;
3669
+ --tw-gradient-from-position: 0%;
3670
+ --tw-gradient-via-position: 50%;
3671
+ --tw-gradient-to-position: 100%;
3572
3672
  --tw-scale-x: 1;
3573
3673
  --tw-scale-y: 1;
3574
3674
  --tw-scale-z: 1;