@mhamz.01/easyflow-texteditor 0.1.12 → 0.1.15

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.
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  @import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
3
3
 
4
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
5
5
  .tiptap-tooltip {
6
6
  --tt-tooltip-bg: var(--tt-gray-light-900);
7
7
  --tt-tooltip-text: var(--white);
@@ -43,7 +43,7 @@
43
43
  color: var(--tt-kbd);
44
44
  }
45
45
 
46
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
47
47
  .tiptap-button {
48
48
  --tt-button-default-bg-color: var(--tt-gray-light-a-100);
49
49
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
@@ -279,7 +279,7 @@
279
279
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
280
280
  }
281
281
 
282
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
282
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
283
283
  .tiptap-button-group {
284
284
  position: relative;
285
285
  display: flex;
@@ -300,7 +300,7 @@
300
300
  align-items: center;
301
301
  }
302
302
 
303
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
303
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
304
304
  .tiptap-button {
305
305
  font-size: 0.875rem;
306
306
  font-weight: 500;
@@ -563,7 +563,7 @@
563
563
  color: var(--tt-button-disabled-icon-color);
564
564
  }
565
565
 
566
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
566
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
567
567
  .tiptap-separator {
568
568
  --tt-link-border-color: var(--tt-gray-light-a-200);
569
569
  }
@@ -584,7 +584,7 @@
584
584
  width: 1px;
585
585
  }
586
586
 
587
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
587
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
588
588
  :root {
589
589
  --tt-toolbar-height: 2.75rem;
590
590
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -692,7 +692,7 @@
692
692
  }
693
693
  }
694
694
 
695
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
695
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
696
696
  :root {
697
697
  --tiptap-image-upload-active: var(--tt-brand-color-500);
698
698
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
@@ -896,7 +896,7 @@
896
896
  }
897
897
  }
898
898
 
899
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
899
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
900
900
  .tiptap.ProseMirror {
901
901
  --blockquote-bg-color: var(--tt-gray-light-900);
902
902
  }
@@ -926,7 +926,7 @@
926
926
  border-radius: 0;
927
927
  }
928
928
 
929
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
929
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
930
930
  .tiptap.ProseMirror {
931
931
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
932
932
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
@@ -971,7 +971,7 @@
971
971
  color: inherit;
972
972
  }
973
973
 
974
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
974
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
975
975
  .tiptap.ProseMirror {
976
976
  --horizontal-rule-color: var(--tt-gray-light-a-200);
977
977
  }
@@ -990,7 +990,7 @@
990
990
  padding-bottom: 0.75rem;
991
991
  }
992
992
 
993
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
993
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
994
994
  .tiptap.ProseMirror {
995
995
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
996
996
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
@@ -1115,7 +1115,7 @@
1115
1115
  min-width: 0;
1116
1116
  }
1117
1117
 
1118
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1118
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1119
1119
  .tiptap.ProseMirror img {
1120
1120
  max-width: 100%;
1121
1121
  height: auto;
@@ -1140,7 +1140,7 @@
1140
1140
  margin: 0;
1141
1141
  }
1142
1142
 
1143
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1143
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1144
1144
  .tiptap.ProseMirror h1,
1145
1145
  .tiptap.ProseMirror h2,
1146
1146
  .tiptap.ProseMirror h3,
@@ -1180,7 +1180,7 @@
1180
1180
  margin-top: 2em;
1181
1181
  }
1182
1182
 
1183
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1183
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1184
1184
  .tiptap-badge {
1185
1185
  --tt-badge-border-color: var(--tt-gray-light-a-200);
1186
1186
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
@@ -1378,7 +1378,7 @@
1378
1378
  --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
1379
1379
  }
1380
1380
 
1381
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1381
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1382
1382
  .tiptap-badge-group {
1383
1383
  align-items: center;
1384
1384
  display: flex;
@@ -1392,7 +1392,7 @@
1392
1392
  flex-direction: row;
1393
1393
  }
1394
1394
 
1395
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1395
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1396
1396
  .tiptap-badge {
1397
1397
  font-size: 0.625rem;
1398
1398
  font-weight: 700;
@@ -1470,7 +1470,7 @@
1470
1470
  color: var(--tt-badge-icon-color-subdued);
1471
1471
  }
1472
1472
 
1473
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1473
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1474
1474
  .tiptap-dropdown-menu {
1475
1475
  --tt-dropdown-menu-bg-color: var(--white);
1476
1476
  --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
@@ -1517,7 +1517,7 @@
1517
1517
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1518
1518
  }
1519
1519
 
1520
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1520
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1521
1521
  :root {
1522
1522
  --tiptap-card-bg-color: var(--white);
1523
1523
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
@@ -1586,7 +1586,7 @@
1586
1586
  color: var(--tiptap-card-group-label-color);
1587
1587
  }
1588
1588
 
1589
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1589
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1590
1590
  .tiptap-popover {
1591
1591
  --tt-popover-bg-color: var(--white);
1592
1592
  --tt-popover-border-color: var(--tt-gray-light-a-100);
@@ -1633,7 +1633,7 @@
1633
1633
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1634
1634
  }
1635
1635
 
1636
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1636
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1637
1637
  .tiptap-button-highlight {
1638
1638
  position: relative;
1639
1639
  width: 1.25rem;
@@ -1667,7 +1667,7 @@
1667
1667
  filter: brightness(180%);
1668
1668
  }
1669
1669
 
1670
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1670
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1671
1671
  :root {
1672
1672
  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
1673
1673
  }
@@ -1707,7 +1707,7 @@
1707
1707
  align-items: stretch;
1708
1708
  }
1709
1709
 
1710
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1710
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1711
1711
  body {
1712
1712
  --tt-toolbar-height: 44px;
1713
1713
  --tt-theme-text: var(--tt-gray-dark-900);
@@ -1851,7 +1851,7 @@ table .column-resize-handle {
1851
1851
  }
1852
1852
  }
1853
1853
 
1854
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/styles/index.css */
1854
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/styles/index.css */
1855
1855
  .tiptap.ProseMirror {
1856
1856
  --blockquote-bg-color: var(--tt-gray-light-900);
1857
1857
  }
@@ -3423,6 +3423,7 @@ table .column-resize-handle {
3423
3423
  padding-left: 0.5rem;
3424
3424
  padding-right: 0.5rem;
3425
3425
  padding-bottom: 0.25rem;
3426
+ line-height: normal;
3426
3427
  font-size: 0.75rem;
3427
3428
  font-weight: 600;
3428
3429
  line-height: normal;
@@ -3722,88 +3723,8 @@ table .column-resize-handle {
3722
3723
  text-transform: capitalize;
3723
3724
  color: var(--tt-kbd);
3724
3725
  }
3725
- @keyframes fadeIn {
3726
- from {
3727
- opacity: 0;
3728
- }
3729
- to {
3730
- opacity: 1;
3731
- }
3732
- }
3733
- @keyframes fadeOut {
3734
- from {
3735
- opacity: 1;
3736
- }
3737
- to {
3738
- opacity: 0;
3739
- }
3740
- }
3741
- @keyframes zoomIn {
3742
- from {
3743
- transform: scale(0.95);
3744
- }
3745
- to {
3746
- transform: scale(1);
3747
- }
3748
- }
3749
- @keyframes zoomOut {
3750
- from {
3751
- transform: scale(1);
3752
- }
3753
- to {
3754
- transform: scale(0.95);
3755
- }
3756
- }
3757
- @keyframes zoom {
3758
- 0% {
3759
- opacity: 0;
3760
- transform: scale(0.95);
3761
- }
3762
- 100% {
3763
- opacity: 1;
3764
- transform: scale(1);
3765
- }
3766
- }
3767
- @keyframes slideFromTop {
3768
- from {
3769
- transform: translateY(-0.5rem);
3770
- }
3771
- to {
3772
- transform: translateY(0);
3773
- }
3774
- }
3775
- @keyframes slideFromRight {
3776
- from {
3777
- transform: translateX(0.5rem);
3778
- }
3779
- to {
3780
- transform: translateX(0);
3781
- }
3782
- }
3783
- @keyframes slideFromLeft {
3784
- from {
3785
- transform: translateX(-0.5rem);
3786
- }
3787
- to {
3788
- transform: translateX(0);
3789
- }
3790
- }
3791
- @keyframes slideFromBottom {
3792
- from {
3793
- transform: translateY(0.5rem);
3794
- }
3795
- to {
3796
- transform: translateY(0);
3797
- }
3798
- }
3799
- @keyframes spin {
3800
- from {
3801
- transform: rotate(0deg);
3802
- }
3803
- to {
3804
- transform: rotate(360deg);
3805
- }
3806
- }
3726
+
3727
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-29080-18nQUmhUGKRP/easyflow-texteditor/src/styles/_variables.css */
3807
3728
  :root {
3808
3729
  overflow-wrap: break-word;
3809
3730
  text-size-adjust: none;
@@ -4034,143 +3955,2495 @@ table .column-resize-handle {
4034
3955
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
4035
3956
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
4036
3957
  }
4037
- :root {
4038
- --radius: 0.625rem;
4039
- --background: oklch(1 0 0);
4040
- --foreground: oklch(0.145 0 0);
4041
- --card: oklch(1 0 0);
4042
- --card-foreground: oklch(0.145 0 0);
4043
- --popover: oklch(1 0 0);
4044
- --popover-foreground: oklch(0.145 0 0);
4045
- --primary: oklch(0.205 0 0);
4046
- --primary-foreground: oklch(0.985 0 0);
4047
- --secondary: oklch(0.97 0 0);
4048
- --secondary-foreground: oklch(0.205 0 0);
4049
- --muted: oklch(0.97 0 0);
4050
- --muted-foreground: oklch(0.556 0 0);
4051
- --accent: oklch(0.97 0 0);
4052
- --accent-foreground: oklch(0.205 0 0);
4053
- --destructive: oklch(0.577 0.245 27.325);
4054
- --border: oklch(0.922 0 0);
4055
- --input: oklch(0.922 0 0);
4056
- --ring: oklch(0.708 0 0);
4057
- --chart-1: oklch(0.646 0.222 41.116);
4058
- --chart-2: oklch(0.6 0.118 184.704);
4059
- --chart-3: oklch(0.398 0.07 227.392);
4060
- --chart-4: oklch(0.828 0.189 84.429);
4061
- --chart-5: oklch(0.769 0.188 70.08);
4062
- --sidebar: oklch(0.985 0 0);
4063
- --sidebar-foreground: oklch(0.145 0 0);
4064
- --sidebar-primary: oklch(0.205 0 0);
4065
- --sidebar-primary-foreground: oklch(0.985 0 0);
4066
- --sidebar-accent: oklch(0.97 0 0);
4067
- --sidebar-accent-foreground: oklch(0.205 0 0);
4068
- --sidebar-border: oklch(0.922 0 0);
4069
- --sidebar-ring: oklch(0.708 0 0);
4070
- }
4071
- .dark {
4072
- --background: oklch(0.145 0 0);
4073
- --foreground: oklch(0.985 0 0);
4074
- --card: oklch(0.205 0 0);
4075
- --card-foreground: oklch(0.985 0 0);
4076
- --popover: oklch(0.205 0 0);
4077
- --popover-foreground: oklch(0.985 0 0);
4078
- --primary: oklch(0.922 0 0);
4079
- --primary-foreground: oklch(0.205 0 0);
4080
- --secondary: oklch(0.269 0 0);
4081
- --secondary-foreground: oklch(0.985 0 0);
4082
- --muted: oklch(0.269 0 0);
4083
- --muted-foreground: oklch(0.708 0 0);
4084
- --accent: oklch(0.269 0 0);
4085
- --accent-foreground: oklch(0.985 0 0);
4086
- --destructive: oklch(0.704 0.191 22.216);
4087
- --border: oklch(1 0 0 / 10%);
4088
- --input: oklch(1 0 0 / 15%);
4089
- --ring: oklch(0.556 0 0);
4090
- --chart-1: oklch(0.488 0.243 264.376);
4091
- --chart-2: oklch(0.696 0.17 162.48);
4092
- --chart-3: oklch(0.769 0.188 70.08);
4093
- --chart-4: oklch(0.627 0.265 303.9);
4094
- --chart-5: oklch(0.645 0.246 16.439);
4095
- --sidebar: oklch(0.205 0 0);
4096
- --sidebar-foreground: oklch(0.985 0 0);
4097
- --sidebar-primary: oklch(0.488 0.243 264.376);
4098
- --sidebar-primary-foreground: oklch(0.985 0 0);
4099
- --sidebar-accent: oklch(0.269 0 0);
4100
- --sidebar-accent-foreground: oklch(0.985 0 0);
4101
- --sidebar-border: oklch(1 0 0 / 10%);
4102
- --sidebar-ring: oklch(0.556 0 0);
3958
+
3959
+ /* src/styles/globals.css */
3960
+ @layer properties;
3961
+ @layer theme, base, components, utilities;
3962
+ @layer theme {
3963
+ :root,
3964
+ :host {
3965
+ --font-sans:
3966
+ ui-sans-serif,
3967
+ system-ui,
3968
+ sans-serif,
3969
+ "Apple Color Emoji",
3970
+ "Segoe UI Emoji",
3971
+ "Segoe UI Symbol",
3972
+ "Noto Color Emoji";
3973
+ --font-mono:
3974
+ ui-monospace,
3975
+ SFMono-Regular,
3976
+ Menlo,
3977
+ Monaco,
3978
+ Consolas,
3979
+ "Liberation Mono",
3980
+ "Courier New",
3981
+ monospace;
3982
+ --color-red-500: oklch(63.7% 0.237 25.331);
3983
+ --color-red-600: oklch(57.7% 0.245 27.325);
3984
+ --color-black: #000;
3985
+ --color-white: #fff;
3986
+ --spacing: 0.25rem;
3987
+ --container-sm: 24rem;
3988
+ --container-lg: 32rem;
3989
+ --text-xs: 0.75rem;
3990
+ --text-xs--line-height: calc(1 / 0.75);
3991
+ --text-sm: 0.875rem;
3992
+ --text-sm--line-height: calc(1.25 / 0.875);
3993
+ --text-base: 1rem;
3994
+ --text-base--line-height: calc(1.5 / 1);
3995
+ --text-lg: 1.125rem;
3996
+ --text-lg--line-height: calc(1.75 / 1.125);
3997
+ --font-weight-medium: 500;
3998
+ --font-weight-semibold: 600;
3999
+ --tracking-widest: 0.1em;
4000
+ --radius-xs: 0.125rem;
4001
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
4002
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
4003
+ --default-transition-duration: 150ms;
4004
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4005
+ --default-font-family: var(--font-sans);
4006
+ --default-mono-font-family: var(--font-mono);
4007
+ }
4103
4008
  }
4104
4009
  @layer base {
4105
- * {
4106
- border-color: var(--border);
4107
- outline-color: var(--ring);
4108
- @supports (color: color-mix(in lab, red, red)) {
4109
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
4010
+ *,
4011
+ ::after,
4012
+ ::before,
4013
+ ::backdrop,
4014
+ ::file-selector-button {
4015
+ box-sizing: border-box;
4016
+ margin: 0;
4017
+ padding: 0;
4018
+ border: 0 solid;
4019
+ }
4020
+ html,
4021
+ :host {
4022
+ line-height: 1.5;
4023
+ -webkit-text-size-adjust: 100%;
4024
+ tab-size: 4;
4025
+ 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");
4026
+ font-feature-settings: var(--default-font-feature-settings, normal);
4027
+ font-variation-settings: var(--default-font-variation-settings, normal);
4028
+ -webkit-tap-highlight-color: transparent;
4029
+ }
4030
+ hr {
4031
+ height: 0;
4032
+ color: inherit;
4033
+ border-top-width: 1px;
4034
+ }
4035
+ abbr:where([title]) {
4036
+ -webkit-text-decoration: underline dotted;
4037
+ text-decoration: underline dotted;
4038
+ }
4039
+ h1,
4040
+ h2,
4041
+ h3,
4042
+ h4,
4043
+ h5,
4044
+ h6 {
4045
+ font-size: inherit;
4046
+ font-weight: inherit;
4047
+ }
4048
+ a {
4049
+ color: inherit;
4050
+ -webkit-text-decoration: inherit;
4051
+ text-decoration: inherit;
4052
+ }
4053
+ b,
4054
+ strong {
4055
+ font-weight: bolder;
4056
+ }
4057
+ code,
4058
+ kbd,
4059
+ samp,
4060
+ pre {
4061
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
4062
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
4063
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
4064
+ font-size: 1em;
4065
+ }
4066
+ small {
4067
+ font-size: 80%;
4068
+ }
4069
+ sub,
4070
+ sup {
4071
+ font-size: 75%;
4072
+ line-height: 0;
4073
+ position: relative;
4074
+ vertical-align: baseline;
4075
+ }
4076
+ sub {
4077
+ bottom: -0.25em;
4078
+ }
4079
+ sup {
4080
+ top: -0.5em;
4081
+ }
4082
+ table {
4083
+ text-indent: 0;
4084
+ border-color: inherit;
4085
+ border-collapse: collapse;
4086
+ }
4087
+ :-moz-focusring {
4088
+ outline: auto;
4089
+ }
4090
+ progress {
4091
+ vertical-align: baseline;
4092
+ }
4093
+ summary {
4094
+ display: list-item;
4095
+ }
4096
+ ol,
4097
+ ul,
4098
+ menu {
4099
+ list-style: none;
4100
+ }
4101
+ img,
4102
+ svg,
4103
+ video,
4104
+ canvas,
4105
+ audio,
4106
+ iframe,
4107
+ embed,
4108
+ object {
4109
+ display: block;
4110
+ vertical-align: middle;
4111
+ }
4112
+ img,
4113
+ video {
4114
+ max-width: 100%;
4115
+ height: auto;
4116
+ }
4117
+ button,
4118
+ input,
4119
+ select,
4120
+ optgroup,
4121
+ textarea,
4122
+ ::file-selector-button {
4123
+ font: inherit;
4124
+ font-feature-settings: inherit;
4125
+ font-variation-settings: inherit;
4126
+ letter-spacing: inherit;
4127
+ color: inherit;
4128
+ border-radius: 0;
4129
+ background-color: transparent;
4130
+ opacity: 1;
4131
+ }
4132
+ :where(select:is([multiple], [size])) optgroup {
4133
+ font-weight: bolder;
4134
+ }
4135
+ :where(select:is([multiple], [size])) optgroup option {
4136
+ padding-inline-start: 20px;
4137
+ }
4138
+ ::file-selector-button {
4139
+ margin-inline-end: 4px;
4140
+ }
4141
+ ::placeholder {
4142
+ opacity: 1;
4143
+ }
4144
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
4145
+ ::placeholder {
4146
+ color: currentcolor;
4147
+ @supports (color: color-mix(in lab, red, red)) {
4148
+ color: color-mix(in oklab, currentcolor 50%, transparent);
4149
+ }
4110
4150
  }
4111
4151
  }
4112
- body {
4113
- background-color: var(--background);
4114
- color: var(--foreground);
4152
+ textarea {
4153
+ resize: vertical;
4154
+ }
4155
+ ::-webkit-search-decoration {
4156
+ -webkit-appearance: none;
4157
+ }
4158
+ ::-webkit-date-and-time-value {
4159
+ min-height: 1lh;
4160
+ text-align: inherit;
4161
+ }
4162
+ ::-webkit-datetime-edit {
4163
+ display: inline-flex;
4164
+ }
4165
+ ::-webkit-datetime-edit-fields-wrapper {
4166
+ padding: 0;
4167
+ }
4168
+ ::-webkit-datetime-edit,
4169
+ ::-webkit-datetime-edit-year-field,
4170
+ ::-webkit-datetime-edit-month-field,
4171
+ ::-webkit-datetime-edit-day-field,
4172
+ ::-webkit-datetime-edit-hour-field,
4173
+ ::-webkit-datetime-edit-minute-field,
4174
+ ::-webkit-datetime-edit-second-field,
4175
+ ::-webkit-datetime-edit-millisecond-field,
4176
+ ::-webkit-datetime-edit-meridiem-field {
4177
+ padding-block: 0;
4178
+ }
4179
+ ::-webkit-calendar-picker-indicator {
4180
+ line-height: 1;
4181
+ }
4182
+ :-moz-ui-invalid {
4183
+ box-shadow: none;
4184
+ }
4185
+ button,
4186
+ input:where([type=button], [type=reset], [type=submit]),
4187
+ ::file-selector-button {
4188
+ appearance: button;
4189
+ }
4190
+ ::-webkit-inner-spin-button,
4191
+ ::-webkit-outer-spin-button {
4192
+ height: auto;
4193
+ }
4194
+ [hidden]:where(:not([hidden=until-found])) {
4195
+ display: none !important;
4115
4196
  }
4116
4197
  }
4117
-
4118
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/styles/_variables.css */
4119
- :root {
4120
- overflow-wrap: break-word;
4121
- text-size-adjust: none;
4122
- text-rendering: optimizeLegibility;
4123
- -webkit-font-smoothing: antialiased;
4124
- -moz-osx-font-smoothing: grayscale;
4125
- --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
4126
- --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
4127
- --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
4128
- --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
4129
- --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
4130
- --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
4131
- --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
4132
- --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
4133
- --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
4134
- --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
4135
- --tt-gray-light-50: rgba(250, 250, 250, 1);
4136
- --tt-gray-light-100: rgba(244, 244, 245, 1);
4137
- --tt-gray-light-200: rgba(234, 234, 235, 1);
4138
- --tt-gray-light-300: rgba(213, 214, 215, 1);
4139
- --tt-gray-light-400: rgba(166, 167, 171, 1);
4140
- --tt-gray-light-500: rgba(125, 127, 130, 1);
4141
- --tt-gray-light-600: rgba(83, 86, 90, 1);
4142
- --tt-gray-light-700: rgba(64, 65, 69, 1);
4143
- --tt-gray-light-800: rgba(44, 45, 48, 1);
4144
- --tt-gray-light-900: rgba(34, 35, 37, 1);
4145
- --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
4146
- --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
4147
- --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
4148
- --tt-gray-dark-a-300: rgba(239, 239, 245, 0.22);
4149
- --tt-gray-dark-a-400: rgba(244, 244, 255, 0.37);
4150
- --tt-gray-dark-a-500: rgba(236, 238, 253, 0.5);
4151
- --tt-gray-dark-a-600: rgba(247, 247, 253, 0.64);
4152
- --tt-gray-dark-a-700: rgba(251, 251, 254, 0.75);
4153
- --tt-gray-dark-a-800: rgba(253, 253, 253, 0.88);
4154
- --tt-gray-dark-a-900: rgba(255, 255, 255, 0.96);
4155
- --tt-gray-dark-50: rgba(25, 25, 26, 1);
4156
- --tt-gray-dark-100: rgba(32, 32, 34, 1);
4157
- --tt-gray-dark-200: rgba(45, 45, 47, 1);
4158
- --tt-gray-dark-300: rgba(70, 70, 73, 1);
4159
- --tt-gray-dark-400: rgba(99, 99, 105, 1);
4160
- --tt-gray-dark-500: rgba(124, 124, 131, 1);
4161
- --tt-gray-dark-600: rgba(163, 163, 168, 1);
4162
- --tt-gray-dark-700: rgba(192, 192, 195, 1);
4163
- --tt-gray-dark-800: rgba(224, 224, 225, 1);
4164
- --tt-gray-dark-900: rgba(245, 245, 245, 1);
4165
- --tt-brand-color-50: rgba(239, 238, 255, 1);
4166
- --tt-brand-color-100: rgba(222, 219, 255, 1);
4167
- --tt-brand-color-200: rgba(195, 189, 255, 1);
4168
- --tt-brand-color-300: rgba(157, 138, 255, 1);
4169
- --tt-brand-color-400: rgba(122, 82, 255, 1);
4170
- --tt-brand-color-500: rgba(98, 41, 255, 1);
4171
- --tt-brand-color-600: rgba(84, 0, 229, 1);
4172
- --tt-brand-color-700: rgba(75, 0, 204, 1);
4173
- --tt-brand-color-800: rgba(56, 0, 153, 1);
4198
+ @layer utilities {
4199
+ .pointer-events-none {
4200
+ pointer-events: none;
4201
+ }
4202
+ .visible {
4203
+ visibility: visible;
4204
+ }
4205
+ .sr-only {
4206
+ position: absolute;
4207
+ width: 1px;
4208
+ height: 1px;
4209
+ padding: 0;
4210
+ margin: -1px;
4211
+ overflow: hidden;
4212
+ clip-path: inset(50%);
4213
+ white-space: nowrap;
4214
+ border-width: 0;
4215
+ }
4216
+ .absolute {
4217
+ position: absolute;
4218
+ }
4219
+ .fixed {
4220
+ position: fixed;
4221
+ }
4222
+ .relative {
4223
+ position: relative;
4224
+ }
4225
+ .inset-0 {
4226
+ inset: calc(var(--spacing) * 0);
4227
+ }
4228
+ .inset-x-0 {
4229
+ inset-inline: calc(var(--spacing) * 0);
4230
+ }
4231
+ .inset-y-0 {
4232
+ inset-block: calc(var(--spacing) * 0);
4233
+ }
4234
+ .top-0 {
4235
+ top: calc(var(--spacing) * 0);
4236
+ }
4237
+ .top-1\.5 {
4238
+ top: calc(var(--spacing) * 1.5);
4239
+ }
4240
+ .top-3\.5 {
4241
+ top: calc(var(--spacing) * 3.5);
4242
+ }
4243
+ .top-4 {
4244
+ top: calc(var(--spacing) * 4);
4245
+ }
4246
+ .top-\[50\%\] {
4247
+ top: 50%;
4248
+ }
4249
+ .right-0 {
4250
+ right: calc(var(--spacing) * 0);
4251
+ }
4252
+ .right-1 {
4253
+ right: calc(var(--spacing) * 1);
4254
+ }
4255
+ .right-3 {
4256
+ right: calc(var(--spacing) * 3);
4257
+ }
4258
+ .right-4 {
4259
+ right: calc(var(--spacing) * 4);
4260
+ }
4261
+ .bottom-0 {
4262
+ bottom: calc(var(--spacing) * 0);
4263
+ }
4264
+ .left-0 {
4265
+ left: calc(var(--spacing) * 0);
4266
+ }
4267
+ .left-2 {
4268
+ left: calc(var(--spacing) * 2);
4269
+ }
4270
+ .left-\[50\%\] {
4271
+ left: 50%;
4272
+ }
4273
+ .z-10 {
4274
+ z-index: 10;
4275
+ }
4276
+ .z-20 {
4277
+ z-index: 20;
4278
+ }
4279
+ .z-50 {
4280
+ z-index: 50;
4281
+ }
4282
+ .z-\[15\] {
4283
+ z-index: 15;
4284
+ }
4285
+ .container {
4286
+ width: 100%;
4287
+ @media (width >= 40rem) {
4288
+ max-width: 40rem;
4289
+ }
4290
+ @media (width >= 48rem) {
4291
+ max-width: 48rem;
4292
+ }
4293
+ @media (width >= 64rem) {
4294
+ max-width: 64rem;
4295
+ }
4296
+ @media (width >= 80rem) {
4297
+ max-width: 80rem;
4298
+ }
4299
+ @media (width >= 96rem) {
4300
+ max-width: 96rem;
4301
+ }
4302
+ }
4303
+ .-mx-1 {
4304
+ margin-inline: calc(var(--spacing) * -1);
4305
+ }
4306
+ .mx-1 {
4307
+ margin-inline: calc(var(--spacing) * 1);
4308
+ }
4309
+ .mx-2 {
4310
+ margin-inline: calc(var(--spacing) * 2);
4311
+ }
4312
+ .mx-3\.5 {
4313
+ margin-inline: calc(var(--spacing) * 3.5);
4314
+ }
4315
+ .my-1 {
4316
+ margin-block: calc(var(--spacing) * 1);
4317
+ }
4318
+ .mt-2 {
4319
+ margin-top: calc(var(--spacing) * 2);
4320
+ }
4321
+ .mt-auto {
4322
+ margin-top: auto;
4323
+ }
4324
+ .mb-2 {
4325
+ margin-bottom: calc(var(--spacing) * 2);
4326
+ }
4327
+ .ml-2 {
4328
+ margin-left: calc(var(--spacing) * 2);
4329
+ }
4330
+ .ml-5 {
4331
+ margin-left: calc(var(--spacing) * 5);
4332
+ }
4333
+ .ml-9 {
4334
+ margin-left: calc(var(--spacing) * 9);
4335
+ }
4336
+ .ml-auto {
4337
+ margin-left: auto;
4338
+ }
4339
+ .block {
4340
+ display: block;
4341
+ }
4342
+ .flex {
4343
+ display: flex;
4344
+ }
4345
+ .grid {
4346
+ display: grid;
4347
+ }
4348
+ .hidden {
4349
+ display: none;
4350
+ }
4351
+ .inline-flex {
4352
+ display: inline-flex;
4353
+ }
4354
+ .table {
4355
+ display: table;
4356
+ }
4357
+ .aspect-square {
4358
+ aspect-ratio: 1 / 1;
4359
+ }
4360
+ .size-2 {
4361
+ width: calc(var(--spacing) * 2);
4362
+ height: calc(var(--spacing) * 2);
4363
+ }
4364
+ .size-2\.5 {
4365
+ width: calc(var(--spacing) * 2.5);
4366
+ height: calc(var(--spacing) * 2.5);
4367
+ }
4368
+ .size-3\.5 {
4369
+ width: calc(var(--spacing) * 3.5);
4370
+ height: calc(var(--spacing) * 3.5);
4371
+ }
4372
+ .size-4 {
4373
+ width: calc(var(--spacing) * 4);
4374
+ height: calc(var(--spacing) * 4);
4375
+ }
4376
+ .size-7 {
4377
+ width: calc(var(--spacing) * 7);
4378
+ height: calc(var(--spacing) * 7);
4379
+ }
4380
+ .size-8 {
4381
+ width: calc(var(--spacing) * 8);
4382
+ height: calc(var(--spacing) * 8);
4383
+ }
4384
+ .size-9 {
4385
+ width: calc(var(--spacing) * 9);
4386
+ height: calc(var(--spacing) * 9);
4387
+ }
4388
+ .size-10 {
4389
+ width: calc(var(--spacing) * 10);
4390
+ height: calc(var(--spacing) * 10);
4391
+ }
4392
+ .size-full {
4393
+ width: 100%;
4394
+ height: 100%;
4395
+ }
4396
+ .h-2\.5 {
4397
+ height: calc(var(--spacing) * 2.5);
4398
+ }
4399
+ .h-3 {
4400
+ height: calc(var(--spacing) * 3);
4401
+ }
4402
+ .h-4 {
4403
+ height: calc(var(--spacing) * 4);
4404
+ }
4405
+ .h-5 {
4406
+ height: calc(var(--spacing) * 5);
4407
+ }
4408
+ .h-6 {
4409
+ height: calc(var(--spacing) * 6);
4410
+ }
4411
+ .h-7 {
4412
+ height: calc(var(--spacing) * 7);
4413
+ }
4414
+ .h-8 {
4415
+ height: calc(var(--spacing) * 8);
4416
+ }
4417
+ .h-9 {
4418
+ height: calc(var(--spacing) * 9);
4419
+ }
4420
+ .h-10 {
4421
+ height: calc(var(--spacing) * 10);
4422
+ }
4423
+ .h-12 {
4424
+ height: calc(var(--spacing) * 12);
4425
+ }
4426
+ .h-auto {
4427
+ height: auto;
4428
+ }
4429
+ .h-full {
4430
+ height: 100%;
4431
+ }
4432
+ .h-px {
4433
+ height: 1px;
4434
+ }
4435
+ .h-screen {
4436
+ height: 100vh;
4437
+ }
4438
+ .h-svh {
4439
+ height: 100svh;
4440
+ }
4441
+ .max-h-\(--radix-context-menu-content-available-height\) {
4442
+ max-height: var(--radix-context-menu-content-available-height);
4443
+ }
4444
+ .max-h-\(--radix-dropdown-menu-content-available-height\) {
4445
+ max-height: var(--radix-dropdown-menu-content-available-height);
4446
+ }
4447
+ .max-h-\[220px\] {
4448
+ max-height: 220px;
4449
+ }
4450
+ .max-h-\[260px\] {
4451
+ max-height: 260px;
4452
+ }
4453
+ .max-h-\[300px\] {
4454
+ max-height: 300px;
4455
+ }
4456
+ .min-h-0 {
4457
+ min-height: calc(var(--spacing) * 0);
4458
+ }
4459
+ .min-h-svh {
4460
+ min-height: 100svh;
4461
+ }
4462
+ .w-\(--sidebar-width\) {
4463
+ width: var(--sidebar-width);
4464
+ }
4465
+ .w-2\.5 {
4466
+ width: calc(var(--spacing) * 2.5);
4467
+ }
4468
+ .w-3 {
4469
+ width: calc(var(--spacing) * 3);
4470
+ }
4471
+ .w-3\/4 {
4472
+ width: calc(3/4 * 100%);
4473
+ }
4474
+ .w-4 {
4475
+ width: calc(var(--spacing) * 4);
4476
+ }
4477
+ .w-5 {
4478
+ width: calc(var(--spacing) * 5);
4479
+ }
4480
+ .w-40 {
4481
+ width: calc(var(--spacing) * 40);
4482
+ }
4483
+ .w-72 {
4484
+ width: calc(var(--spacing) * 72);
4485
+ }
4486
+ .w-\[220px\] {
4487
+ width: 220px;
4488
+ }
4489
+ .w-\[260px\] {
4490
+ width: 260px;
4491
+ }
4492
+ .w-\[300px\] {
4493
+ width: 300px;
4494
+ }
4495
+ .w-auto {
4496
+ width: auto;
4497
+ }
4498
+ .w-fit {
4499
+ width: fit-content;
4500
+ }
4501
+ .w-full {
4502
+ width: 100%;
4503
+ }
4504
+ .max-w-\(--skeleton-width\) {
4505
+ max-width: var(--skeleton-width);
4506
+ }
4507
+ .max-w-\[calc\(100\%-2rem\)\] {
4508
+ max-width: calc(100% - 2rem);
4509
+ }
4510
+ .min-w-0 {
4511
+ min-width: calc(var(--spacing) * 0);
4512
+ }
4513
+ .min-w-5 {
4514
+ min-width: calc(var(--spacing) * 5);
4515
+ }
4516
+ .min-w-\[8rem\] {
4517
+ min-width: 8rem;
4518
+ }
4519
+ .min-w-\[90px\] {
4520
+ min-width: 90px;
4521
+ }
4522
+ .flex-1 {
4523
+ flex: 1;
4524
+ }
4525
+ .flex-shrink-0 {
4526
+ flex-shrink: 0;
4527
+ }
4528
+ .shrink-0 {
4529
+ flex-shrink: 0;
4530
+ }
4531
+ .origin-\(--radix-context-menu-content-transform-origin\) {
4532
+ transform-origin: var(--radix-context-menu-content-transform-origin);
4533
+ }
4534
+ .origin-\(--radix-dropdown-menu-content-transform-origin\) {
4535
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
4536
+ }
4537
+ .origin-\(--radix-popover-content-transform-origin\) {
4538
+ transform-origin: var(--radix-popover-content-transform-origin);
4539
+ }
4540
+ .origin-\(--radix-tooltip-content-transform-origin\) {
4541
+ transform-origin: var(--radix-tooltip-content-transform-origin);
4542
+ }
4543
+ .-translate-x-1\/2 {
4544
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
4545
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4546
+ }
4547
+ .-translate-x-px {
4548
+ --tw-translate-x: -1px;
4549
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4550
+ }
4551
+ .translate-x-\[-50\%\] {
4552
+ --tw-translate-x: -50%;
4553
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4554
+ }
4555
+ .translate-x-px {
4556
+ --tw-translate-x: 1px;
4557
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4558
+ }
4559
+ .translate-y-\[-50\%\] {
4560
+ --tw-translate-y: -50%;
4561
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4562
+ }
4563
+ .translate-y-\[calc\(-50\%_-_2px\)\] {
4564
+ --tw-translate-y: calc(-50% - 2px);
4565
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4566
+ }
4567
+ .rotate-45 {
4568
+ rotate: 45deg;
4569
+ }
4570
+ .rotate-90 {
4571
+ rotate: 90deg;
4572
+ }
4573
+ .transform {
4574
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
4575
+ }
4576
+ .animate-in {
4577
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
4578
+ }
4579
+ .animate-pulse {
4580
+ animation: var(--animate-pulse);
4581
+ }
4582
+ .cursor-default {
4583
+ cursor: default;
4584
+ }
4585
+ .cursor-pointer {
4586
+ cursor: pointer;
4587
+ }
4588
+ .touch-none {
4589
+ touch-action: none;
4590
+ }
4591
+ .resize {
4592
+ resize: both;
4593
+ }
4594
+ .scroll-py-1 {
4595
+ scroll-padding-block: calc(var(--spacing) * 1);
4596
+ }
4597
+ .list-none {
4598
+ list-style-type: none;
4599
+ }
4600
+ .grid-cols-7 {
4601
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4602
+ }
4603
+ .grid-rows-\[0fr\] {
4604
+ grid-template-rows: 0fr;
4605
+ }
4606
+ .grid-rows-\[1fr\] {
4607
+ grid-template-rows: 1fr;
4608
+ }
4609
+ .flex-col {
4610
+ flex-direction: column;
4611
+ }
4612
+ .flex-col-reverse {
4613
+ flex-direction: column-reverse;
4614
+ }
4615
+ .items-center {
4616
+ align-items: center;
4617
+ }
4618
+ .justify-between {
4619
+ justify-content: space-between;
4620
+ }
4621
+ .justify-center {
4622
+ justify-content: center;
4623
+ }
4624
+ .justify-end {
4625
+ justify-content: flex-end;
4626
+ }
4627
+ .gap-1 {
4628
+ gap: calc(var(--spacing) * 1);
4629
+ }
4630
+ .gap-1\.5 {
4631
+ gap: calc(var(--spacing) * 1.5);
4632
+ }
4633
+ .gap-2 {
4634
+ gap: calc(var(--spacing) * 2);
4635
+ }
4636
+ .gap-3 {
4637
+ gap: calc(var(--spacing) * 3);
4638
+ }
4639
+ .gap-4 {
4640
+ gap: calc(var(--spacing) * 4);
4641
+ }
4642
+ .space-y-1 {
4643
+ :where(& > :not(:last-child)) {
4644
+ --tw-space-y-reverse: 0;
4645
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
4646
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
4647
+ }
4648
+ }
4649
+ .truncate {
4650
+ overflow: hidden;
4651
+ text-overflow: ellipsis;
4652
+ white-space: nowrap;
4653
+ }
4654
+ .overflow-auto {
4655
+ overflow: auto;
4656
+ }
4657
+ .overflow-hidden {
4658
+ overflow: hidden;
4659
+ }
4660
+ .overflow-x-hidden {
4661
+ overflow-x: hidden;
4662
+ }
4663
+ .overflow-y-auto {
4664
+ overflow-y: auto;
4665
+ }
4666
+ .rounded {
4667
+ border-radius: 0.25rem;
4668
+ }
4669
+ .rounded-\[2px\] {
4670
+ border-radius: 2px;
4671
+ }
4672
+ .rounded-\[inherit\] {
4673
+ border-radius: inherit;
4674
+ }
4675
+ .rounded-full {
4676
+ border-radius: calc(infinity * 1px);
4677
+ }
4678
+ .rounded-lg {
4679
+ border-radius: var(--radius);
4680
+ }
4681
+ .rounded-md {
4682
+ border-radius: calc(var(--radius) - 2px);
4683
+ }
4684
+ .rounded-sm {
4685
+ border-radius: calc(var(--radius) - 4px);
4686
+ }
4687
+ .rounded-xs {
4688
+ border-radius: var(--radius-xs);
4689
+ }
4690
+ .border {
4691
+ border-style: var(--tw-border-style);
4692
+ border-width: 1px;
4693
+ }
4694
+ .border-t {
4695
+ border-top-style: var(--tw-border-style);
4696
+ border-top-width: 1px;
4697
+ }
4698
+ .border-r {
4699
+ border-right-style: var(--tw-border-style);
4700
+ border-right-width: 1px;
4701
+ }
4702
+ .border-b {
4703
+ border-bottom-style: var(--tw-border-style);
4704
+ border-bottom-width: 1px;
4705
+ }
4706
+ .border-l {
4707
+ border-left-style: var(--tw-border-style);
4708
+ border-left-width: 1px;
4709
+ }
4710
+ .border-\[\#a3a3a8\] {
4711
+ border-color: #a3a3a8;
4712
+ }
4713
+ .border-black\/10 {
4714
+ border-color: color-mix(in srgb, #000 10%, transparent);
4715
+ @supports (color: color-mix(in lab, red, red)) {
4716
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
4717
+ }
4718
+ }
4719
+ .border-black\/20 {
4720
+ border-color: color-mix(in srgb, #000 20%, transparent);
4721
+ @supports (color: color-mix(in lab, red, red)) {
4722
+ border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
4723
+ }
4724
+ }
4725
+ .border-input {
4726
+ border-color: var(--input);
4727
+ }
4728
+ .border-sidebar-border {
4729
+ border-color: var(--sidebar-border);
4730
+ }
4731
+ .border-t-transparent {
4732
+ border-top-color: transparent;
4733
+ }
4734
+ .border-l-transparent {
4735
+ border-left-color: transparent;
4736
+ }
4737
+ .bg-accent {
4738
+ background-color: var(--accent);
4739
+ }
4740
+ .bg-background {
4741
+ background-color: var(--background);
4742
+ }
4743
+ .bg-black\/50 {
4744
+ background-color: color-mix(in srgb, #000 50%, transparent);
4745
+ @supports (color: color-mix(in lab, red, red)) {
4746
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
4747
+ }
4748
+ }
4749
+ .bg-border {
4750
+ background-color: var(--border);
4751
+ }
4752
+ .bg-destructive {
4753
+ background-color: var(--destructive);
4754
+ }
4755
+ .bg-foreground {
4756
+ background-color: var(--foreground);
4757
+ }
4758
+ .bg-popover {
4759
+ background-color: var(--popover);
4760
+ }
4761
+ .bg-primary {
4762
+ background-color: var(--primary);
4763
+ }
4764
+ .bg-secondary {
4765
+ background-color: var(--secondary);
4766
+ }
4767
+ .bg-sidebar {
4768
+ background-color: var(--sidebar);
4769
+ }
4770
+ .bg-sidebar-border {
4771
+ background-color: var(--sidebar-border);
4772
+ }
4773
+ .bg-transparent {
4774
+ background-color: transparent;
4775
+ }
4776
+ .fill-current {
4777
+ fill: currentcolor;
4778
+ }
4779
+ .fill-foreground {
4780
+ fill: var(--foreground);
4781
+ }
4782
+ .p-0 {
4783
+ padding: calc(var(--spacing) * 0);
4784
+ }
4785
+ .p-1 {
4786
+ padding: calc(var(--spacing) * 1);
4787
+ }
4788
+ .p-2 {
4789
+ padding: calc(var(--spacing) * 2);
4790
+ }
4791
+ .p-3 {
4792
+ padding: calc(var(--spacing) * 3);
4793
+ }
4794
+ .p-4 {
4795
+ padding: calc(var(--spacing) * 4);
4796
+ }
4797
+ .p-6 {
4798
+ padding: calc(var(--spacing) * 6);
4799
+ }
4800
+ .p-px {
4801
+ padding: 1px;
4802
+ }
4803
+ .px-1 {
4804
+ padding-inline: calc(var(--spacing) * 1);
4805
+ }
4806
+ .px-2 {
4807
+ padding-inline: calc(var(--spacing) * 2);
4808
+ }
4809
+ .px-2\.5 {
4810
+ padding-inline: calc(var(--spacing) * 2.5);
4811
+ }
4812
+ .px-3 {
4813
+ padding-inline: calc(var(--spacing) * 3);
4814
+ }
4815
+ .px-4 {
4816
+ padding-inline: calc(var(--spacing) * 4);
4817
+ }
4818
+ .px-6 {
4819
+ padding-inline: calc(var(--spacing) * 6);
4820
+ }
4821
+ .py-0\.5 {
4822
+ padding-block: calc(var(--spacing) * 0.5);
4823
+ }
4824
+ .py-1 {
4825
+ padding-block: calc(var(--spacing) * 1);
4826
+ }
4827
+ .py-1\.5 {
4828
+ padding-block: calc(var(--spacing) * 1.5);
4829
+ }
4830
+ .py-2 {
4831
+ padding-block: calc(var(--spacing) * 2);
4832
+ }
4833
+ .py-3 {
4834
+ padding-block: calc(var(--spacing) * 3);
4835
+ }
4836
+ .py-6 {
4837
+ padding-block: calc(var(--spacing) * 6);
4838
+ }
4839
+ .pt-1 {
4840
+ padding-top: calc(var(--spacing) * 1);
4841
+ }
4842
+ .pr-2 {
4843
+ padding-right: calc(var(--spacing) * 2);
4844
+ }
4845
+ .pl-8 {
4846
+ padding-left: calc(var(--spacing) * 8);
4847
+ }
4848
+ .text-center {
4849
+ text-align: center;
4850
+ }
4851
+ .text-left {
4852
+ text-align: left;
4853
+ }
4854
+ .font-sans {
4855
+ font-family: var(--font-sans);
4856
+ }
4857
+ .text-base {
4858
+ font-size: var(--text-base);
4859
+ line-height: var(--tw-leading, var(--text-base--line-height));
4860
+ }
4861
+ .text-lg {
4862
+ font-size: var(--text-lg);
4863
+ line-height: var(--tw-leading, var(--text-lg--line-height));
4864
+ }
4865
+ .text-sm {
4866
+ font-size: var(--text-sm);
4867
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4868
+ }
4869
+ .text-xs {
4870
+ font-size: var(--text-xs);
4871
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4872
+ }
4873
+ .leading-none {
4874
+ --tw-leading: 1;
4875
+ line-height: 1;
4876
+ }
4877
+ .font-medium {
4878
+ --tw-font-weight: var(--font-weight-medium);
4879
+ font-weight: var(--font-weight-medium);
4880
+ }
4881
+ .font-semibold {
4882
+ --tw-font-weight: var(--font-weight-semibold);
4883
+ font-weight: var(--font-weight-semibold);
4884
+ }
4885
+ .tracking-widest {
4886
+ --tw-tracking: var(--tracking-widest);
4887
+ letter-spacing: var(--tracking-widest);
4888
+ }
4889
+ .text-balance {
4890
+ text-wrap: balance;
4891
+ }
4892
+ .whitespace-nowrap {
4893
+ white-space: nowrap;
4894
+ }
4895
+ .text-\[\#a3a3a8\] {
4896
+ color: #a3a3a8;
4897
+ }
4898
+ .text-background {
4899
+ color: var(--background);
4900
+ }
4901
+ .text-foreground {
4902
+ color: var(--foreground);
4903
+ }
4904
+ .text-muted-foreground {
4905
+ color: var(--muted-foreground);
4906
+ }
4907
+ .text-popover-foreground {
4908
+ color: var(--popover-foreground);
4909
+ }
4910
+ .text-primary {
4911
+ color: var(--primary);
4912
+ }
4913
+ .text-primary-foreground {
4914
+ color: var(--primary-foreground);
4915
+ }
4916
+ .text-red-500 {
4917
+ color: var(--color-red-500);
4918
+ }
4919
+ .text-secondary-foreground {
4920
+ color: var(--secondary-foreground);
4921
+ }
4922
+ .text-sidebar-foreground {
4923
+ color: var(--sidebar-foreground);
4924
+ }
4925
+ .text-sidebar-foreground\/70 {
4926
+ color: var(--sidebar-foreground);
4927
+ @supports (color: color-mix(in lab, red, red)) {
4928
+ color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
4929
+ }
4930
+ }
4931
+ .text-white {
4932
+ color: var(--color-white);
4933
+ }
4934
+ .capitalize {
4935
+ text-transform: capitalize;
4936
+ }
4937
+ .italic {
4938
+ font-style: italic;
4939
+ }
4940
+ .tabular-nums {
4941
+ --tw-numeric-spacing: tabular-nums;
4942
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
4943
+ }
4944
+ .underline {
4945
+ text-decoration-line: underline;
4946
+ }
4947
+ .underline-offset-4 {
4948
+ text-underline-offset: 4px;
4949
+ }
4950
+ .opacity-0 {
4951
+ opacity: 0%;
4952
+ }
4953
+ .opacity-50 {
4954
+ opacity: 50%;
4955
+ }
4956
+ .opacity-60 {
4957
+ opacity: 60%;
4958
+ }
4959
+ .opacity-70 {
4960
+ opacity: 70%;
4961
+ }
4962
+ .opacity-100 {
4963
+ opacity: 100%;
4964
+ }
4965
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
4966
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
4967
+ box-shadow:
4968
+ var(--tw-inset-shadow),
4969
+ var(--tw-inset-ring-shadow),
4970
+ var(--tw-ring-offset-shadow),
4971
+ var(--tw-ring-shadow),
4972
+ var(--tw-shadow);
4973
+ }
4974
+ .shadow-lg {
4975
+ --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));
4976
+ box-shadow:
4977
+ var(--tw-inset-shadow),
4978
+ var(--tw-inset-ring-shadow),
4979
+ var(--tw-ring-offset-shadow),
4980
+ var(--tw-ring-shadow),
4981
+ var(--tw-shadow);
4982
+ }
4983
+ .shadow-md {
4984
+ --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));
4985
+ box-shadow:
4986
+ var(--tw-inset-shadow),
4987
+ var(--tw-inset-ring-shadow),
4988
+ var(--tw-ring-offset-shadow),
4989
+ var(--tw-ring-shadow),
4990
+ var(--tw-shadow);
4991
+ }
4992
+ .shadow-none {
4993
+ --tw-shadow: 0 0 #0000;
4994
+ box-shadow:
4995
+ var(--tw-inset-shadow),
4996
+ var(--tw-inset-ring-shadow),
4997
+ var(--tw-ring-offset-shadow),
4998
+ var(--tw-ring-shadow),
4999
+ var(--tw-shadow);
5000
+ }
5001
+ .shadow-xs {
5002
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
5003
+ box-shadow:
5004
+ var(--tw-inset-shadow),
5005
+ var(--tw-inset-ring-shadow),
5006
+ var(--tw-ring-offset-shadow),
5007
+ var(--tw-ring-shadow),
5008
+ var(--tw-shadow);
5009
+ }
5010
+ .ring-sidebar-ring {
5011
+ --tw-ring-color: var(--sidebar-ring);
5012
+ }
5013
+ .ring-offset-background {
5014
+ --tw-ring-offset-color: var(--background);
5015
+ }
5016
+ .outline-hidden {
5017
+ --tw-outline-style: none;
5018
+ outline-style: none;
5019
+ @media (forced-colors: active) {
5020
+ outline: 2px solid transparent;
5021
+ outline-offset: 2px;
5022
+ }
5023
+ }
5024
+ .outline {
5025
+ outline-style: var(--tw-outline-style);
5026
+ outline-width: 1px;
5027
+ }
5028
+ .blur {
5029
+ --tw-blur: blur(8px);
5030
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
5031
+ }
5032
+ .transition {
5033
+ transition-property:
5034
+ color,
5035
+ background-color,
5036
+ border-color,
5037
+ outline-color,
5038
+ text-decoration-color,
5039
+ fill,
5040
+ stroke,
5041
+ --tw-gradient-from,
5042
+ --tw-gradient-via,
5043
+ --tw-gradient-to,
5044
+ opacity,
5045
+ box-shadow,
5046
+ transform,
5047
+ translate,
5048
+ scale,
5049
+ rotate,
5050
+ filter,
5051
+ -webkit-backdrop-filter,
5052
+ backdrop-filter,
5053
+ display,
5054
+ content-visibility,
5055
+ overlay,
5056
+ pointer-events;
5057
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5058
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5059
+ }
5060
+ .transition-\[color\,box-shadow\] {
5061
+ transition-property: color, box-shadow;
5062
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5063
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5064
+ }
5065
+ .transition-\[left\,right\,width\] {
5066
+ transition-property:
5067
+ left,
5068
+ right,
5069
+ width;
5070
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5071
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5072
+ }
5073
+ .transition-\[margin\,opacity\] {
5074
+ transition-property: margin, opacity;
5075
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5076
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5077
+ }
5078
+ .transition-\[width\,height\,padding\] {
5079
+ transition-property:
5080
+ width,
5081
+ height,
5082
+ padding;
5083
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5084
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5085
+ }
5086
+ .transition-\[width\] {
5087
+ transition-property: width;
5088
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5089
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5090
+ }
5091
+ .transition-all {
5092
+ transition-property: all;
5093
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5094
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5095
+ }
5096
+ .transition-colors {
5097
+ transition-property:
5098
+ color,
5099
+ background-color,
5100
+ border-color,
5101
+ outline-color,
5102
+ text-decoration-color,
5103
+ fill,
5104
+ stroke,
5105
+ --tw-gradient-from,
5106
+ --tw-gradient-via,
5107
+ --tw-gradient-to;
5108
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5109
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5110
+ }
5111
+ .transition-opacity {
5112
+ transition-property: opacity;
5113
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5114
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5115
+ }
5116
+ .transition-transform {
5117
+ transition-property:
5118
+ transform,
5119
+ translate,
5120
+ scale,
5121
+ rotate;
5122
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5123
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5124
+ }
5125
+ .duration-150 {
5126
+ --tw-duration: 150ms;
5127
+ transition-duration: 150ms;
5128
+ }
5129
+ .duration-200 {
5130
+ --tw-duration: 200ms;
5131
+ transition-duration: 200ms;
5132
+ }
5133
+ .duration-300 {
5134
+ --tw-duration: 300ms;
5135
+ transition-duration: 300ms;
5136
+ }
5137
+ .ease-in-out {
5138
+ --tw-ease: var(--ease-in-out);
5139
+ transition-timing-function: var(--ease-in-out);
5140
+ }
5141
+ .ease-linear {
5142
+ --tw-ease: linear;
5143
+ transition-timing-function: linear;
5144
+ }
5145
+ .fade-in-0 {
5146
+ --tw-enter-opacity: calc(0/100);
5147
+ --tw-enter-opacity: 0;
5148
+ }
5149
+ .outline-none {
5150
+ --tw-outline-style: none;
5151
+ outline-style: none;
5152
+ }
5153
+ .select-none {
5154
+ -webkit-user-select: none;
5155
+ user-select: none;
5156
+ }
5157
+ .zoom-in-95 {
5158
+ --tw-enter-scale: calc(95*1%);
5159
+ --tw-enter-scale: .95;
5160
+ }
5161
+ .fade-in {
5162
+ --tw-enter-opacity: 0;
5163
+ }
5164
+ .running {
5165
+ animation-play-state: running;
5166
+ }
5167
+ .slide-in-from-top-2 {
5168
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
5169
+ }
5170
+ .group-focus-within\/menu-item\:opacity-100 {
5171
+ &:is(:where(.group\/menu-item):focus-within *) {
5172
+ opacity: 100%;
5173
+ }
5174
+ }
5175
+ .group-hover\:opacity-100 {
5176
+ &:is(:where(.group):hover *) {
5177
+ @media (hover: hover) {
5178
+ opacity: 100%;
5179
+ }
5180
+ }
5181
+ }
5182
+ .group-hover\/menu-item\:opacity-100 {
5183
+ &:is(:where(.group\/menu-item):hover *) {
5184
+ @media (hover: hover) {
5185
+ opacity: 100%;
5186
+ }
5187
+ }
5188
+ }
5189
+ .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
5190
+ &:is(:where(.group\/menu-item):has(*[data-sidebar=menu-action]) *) {
5191
+ padding-right: calc(var(--spacing) * 8);
5192
+ }
5193
+ }
5194
+ .group-data-\[collapsible\=icon\]\:-mt-8 {
5195
+ &:is(:where(.group)[data-collapsible=icon] *) {
5196
+ margin-top: calc(var(--spacing) * -8);
5197
+ }
5198
+ }
5199
+ .group-data-\[collapsible\=icon\]\:hidden {
5200
+ &:is(:where(.group)[data-collapsible=icon] *) {
5201
+ display: none;
5202
+ }
5203
+ }
5204
+ .group-data-\[collapsible\=icon\]\:size-8\! {
5205
+ &:is(:where(.group)[data-collapsible=icon] *) {
5206
+ width: calc(var(--spacing) * 8) !important;
5207
+ height: calc(var(--spacing) * 8) !important;
5208
+ }
5209
+ }
5210
+ .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
5211
+ &:is(:where(.group)[data-collapsible=icon] *) {
5212
+ width: var(--sidebar-width-icon);
5213
+ }
5214
+ }
5215
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
5216
+ &:is(:where(.group)[data-collapsible=icon] *) {
5217
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
5218
+ }
5219
+ }
5220
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
5221
+ &:is(:where(.group)[data-collapsible=icon] *) {
5222
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
5223
+ }
5224
+ }
5225
+ .group-data-\[collapsible\=icon\]\:overflow-hidden {
5226
+ &:is(:where(.group)[data-collapsible=icon] *) {
5227
+ overflow: hidden;
5228
+ }
5229
+ }
5230
+ .group-data-\[collapsible\=icon\]\:p-0\! {
5231
+ &:is(:where(.group)[data-collapsible=icon] *) {
5232
+ padding: calc(var(--spacing) * 0) !important;
5233
+ }
5234
+ }
5235
+ .group-data-\[collapsible\=icon\]\:p-2\! {
5236
+ &:is(:where(.group)[data-collapsible=icon] *) {
5237
+ padding: calc(var(--spacing) * 2) !important;
5238
+ }
5239
+ }
5240
+ .group-data-\[collapsible\=icon\]\:opacity-0 {
5241
+ &:is(:where(.group)[data-collapsible=icon] *) {
5242
+ opacity: 0%;
5243
+ }
5244
+ }
5245
+ .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
5246
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5247
+ right: calc(var(--sidebar-width) * -1);
5248
+ }
5249
+ }
5250
+ .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
5251
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5252
+ left: calc(var(--sidebar-width) * -1);
5253
+ }
5254
+ }
5255
+ .group-data-\[collapsible\=offcanvas\]\:w-0 {
5256
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5257
+ width: calc(var(--spacing) * 0);
5258
+ }
5259
+ }
5260
+ .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
5261
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5262
+ --tw-translate-x: calc(var(--spacing) * 0);
5263
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5264
+ }
5265
+ }
5266
+ .group-data-\[disabled\=true\]\:pointer-events-none {
5267
+ &:is(:where(.group)[data-disabled=true] *) {
5268
+ pointer-events: none;
5269
+ }
5270
+ }
5271
+ .group-data-\[disabled\=true\]\:opacity-50 {
5272
+ &:is(:where(.group)[data-disabled=true] *) {
5273
+ opacity: 50%;
5274
+ }
5275
+ }
5276
+ .group-data-\[side\=left\]\:-right-4 {
5277
+ &:is(:where(.group)[data-side=left] *) {
5278
+ right: calc(var(--spacing) * -4);
5279
+ }
5280
+ }
5281
+ .group-data-\[side\=left\]\:border-r {
5282
+ &:is(:where(.group)[data-side=left] *) {
5283
+ border-right-style: var(--tw-border-style);
5284
+ border-right-width: 1px;
5285
+ }
5286
+ }
5287
+ .group-data-\[side\=right\]\:left-0 {
5288
+ &:is(:where(.group)[data-side=right] *) {
5289
+ left: calc(var(--spacing) * 0);
5290
+ }
5291
+ }
5292
+ .group-data-\[side\=right\]\:rotate-180 {
5293
+ &:is(:where(.group)[data-side=right] *) {
5294
+ rotate: 180deg;
5295
+ }
5296
+ }
5297
+ .group-data-\[side\=right\]\:border-l {
5298
+ &:is(:where(.group)[data-side=right] *) {
5299
+ border-left-style: var(--tw-border-style);
5300
+ border-left-width: 1px;
5301
+ }
5302
+ }
5303
+ .group-data-\[variant\=floating\]\:rounded-lg {
5304
+ &:is(:where(.group)[data-variant=floating] *) {
5305
+ border-radius: var(--radius);
5306
+ }
5307
+ }
5308
+ .group-data-\[variant\=floating\]\:border {
5309
+ &:is(:where(.group)[data-variant=floating] *) {
5310
+ border-style: var(--tw-border-style);
5311
+ border-width: 1px;
5312
+ }
5313
+ }
5314
+ .group-data-\[variant\=floating\]\:border-sidebar-border {
5315
+ &:is(:where(.group)[data-variant=floating] *) {
5316
+ border-color: var(--sidebar-border);
5317
+ }
5318
+ }
5319
+ .group-data-\[variant\=floating\]\:shadow-sm {
5320
+ &:is(:where(.group)[data-variant=floating] *) {
5321
+ --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));
5322
+ box-shadow:
5323
+ var(--tw-inset-shadow),
5324
+ var(--tw-inset-ring-shadow),
5325
+ var(--tw-ring-offset-shadow),
5326
+ var(--tw-ring-shadow),
5327
+ var(--tw-shadow);
5328
+ }
5329
+ }
5330
+ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
5331
+ &:is(:where(.peer\/menu-button):hover ~ *) {
5332
+ @media (hover: hover) {
5333
+ color: var(--sidebar-accent-foreground);
5334
+ }
5335
+ }
5336
+ }
5337
+ .peer-disabled\:cursor-not-allowed {
5338
+ &:is(:where(.peer):disabled ~ *) {
5339
+ cursor: not-allowed;
5340
+ }
5341
+ }
5342
+ .peer-disabled\:opacity-50 {
5343
+ &:is(:where(.peer):disabled ~ *) {
5344
+ opacity: 50%;
5345
+ }
5346
+ }
5347
+ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
5348
+ &:is(:where(.peer\/menu-button)[data-active=true] ~ *) {
5349
+ color: var(--sidebar-accent-foreground);
5350
+ }
5351
+ }
5352
+ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
5353
+ &:is(:where(.peer\/menu-button)[data-size=default] ~ *) {
5354
+ top: calc(var(--spacing) * 1.5);
5355
+ }
5356
+ }
5357
+ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
5358
+ &:is(:where(.peer\/menu-button)[data-size=lg] ~ *) {
5359
+ top: calc(var(--spacing) * 2.5);
5360
+ }
5361
+ }
5362
+ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
5363
+ &:is(:where(.peer\/menu-button)[data-size=sm] ~ *) {
5364
+ top: calc(var(--spacing) * 1);
5365
+ }
5366
+ }
5367
+ .selection\:bg-primary {
5368
+ & *::selection {
5369
+ background-color: var(--primary);
5370
+ }
5371
+ &::selection {
5372
+ background-color: var(--primary);
5373
+ }
5374
+ }
5375
+ .selection\:text-primary-foreground {
5376
+ & *::selection {
5377
+ color: var(--primary-foreground);
5378
+ }
5379
+ &::selection {
5380
+ color: var(--primary-foreground);
5381
+ }
5382
+ }
5383
+ .file\:inline-flex {
5384
+ &::file-selector-button {
5385
+ display: inline-flex;
5386
+ }
5387
+ }
5388
+ .file\:h-7 {
5389
+ &::file-selector-button {
5390
+ height: calc(var(--spacing) * 7);
5391
+ }
5392
+ }
5393
+ .file\:border-0 {
5394
+ &::file-selector-button {
5395
+ border-style: var(--tw-border-style);
5396
+ border-width: 0px;
5397
+ }
5398
+ }
5399
+ .file\:bg-transparent {
5400
+ &::file-selector-button {
5401
+ background-color: transparent;
5402
+ }
5403
+ }
5404
+ .file\:text-sm {
5405
+ &::file-selector-button {
5406
+ font-size: var(--text-sm);
5407
+ line-height: var(--tw-leading, var(--text-sm--line-height));
5408
+ }
5409
+ }
5410
+ .file\:font-medium {
5411
+ &::file-selector-button {
5412
+ --tw-font-weight: var(--font-weight-medium);
5413
+ font-weight: var(--font-weight-medium);
5414
+ }
5415
+ }
5416
+ .file\:text-foreground {
5417
+ &::file-selector-button {
5418
+ color: var(--foreground);
5419
+ }
5420
+ }
5421
+ .placeholder\:text-muted-foreground {
5422
+ &::placeholder {
5423
+ color: var(--muted-foreground);
5424
+ }
5425
+ }
5426
+ .after\:absolute {
5427
+ &::after {
5428
+ content: var(--tw-content);
5429
+ position: absolute;
5430
+ }
5431
+ }
5432
+ .after\:-inset-2 {
5433
+ &::after {
5434
+ content: var(--tw-content);
5435
+ inset: calc(var(--spacing) * -2);
5436
+ }
5437
+ }
5438
+ .after\:inset-y-0 {
5439
+ &::after {
5440
+ content: var(--tw-content);
5441
+ inset-block: calc(var(--spacing) * 0);
5442
+ }
5443
+ }
5444
+ .after\:left-1\/2 {
5445
+ &::after {
5446
+ content: var(--tw-content);
5447
+ left: calc(1/2 * 100%);
5448
+ }
5449
+ }
5450
+ .after\:w-\[2px\] {
5451
+ &::after {
5452
+ content: var(--tw-content);
5453
+ width: 2px;
5454
+ }
5455
+ }
5456
+ .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
5457
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5458
+ &::after {
5459
+ content: var(--tw-content);
5460
+ left: 100%;
5461
+ }
5462
+ }
5463
+ }
5464
+ .hover\:scale-105 {
5465
+ &:hover {
5466
+ @media (hover: hover) {
5467
+ --tw-scale-x: 105%;
5468
+ --tw-scale-y: 105%;
5469
+ --tw-scale-z: 105%;
5470
+ scale: var(--tw-scale-x) var(--tw-scale-y);
5471
+ }
5472
+ }
5473
+ }
5474
+ .hover\:scale-110 {
5475
+ &:hover {
5476
+ @media (hover: hover) {
5477
+ --tw-scale-x: 110%;
5478
+ --tw-scale-y: 110%;
5479
+ --tw-scale-z: 110%;
5480
+ scale: var(--tw-scale-x) var(--tw-scale-y);
5481
+ }
5482
+ }
5483
+ }
5484
+ .hover\:border-\[\#000\] {
5485
+ &:hover {
5486
+ @media (hover: hover) {
5487
+ border-color: #000;
5488
+ }
5489
+ }
5490
+ }
5491
+ .hover\:bg-accent {
5492
+ &:hover {
5493
+ @media (hover: hover) {
5494
+ background-color: var(--accent);
5495
+ }
5496
+ }
5497
+ }
5498
+ .hover\:bg-accent\/50 {
5499
+ &:hover {
5500
+ @media (hover: hover) {
5501
+ background-color: var(--accent);
5502
+ @supports (color: color-mix(in lab, red, red)) {
5503
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
5504
+ }
5505
+ }
5506
+ }
5507
+ }
5508
+ .hover\:bg-accent\/80 {
5509
+ &:hover {
5510
+ @media (hover: hover) {
5511
+ background-color: var(--accent);
5512
+ @supports (color: color-mix(in lab, red, red)) {
5513
+ background-color: color-mix(in oklab, var(--accent) 80%, transparent);
5514
+ }
5515
+ }
5516
+ }
5517
+ }
5518
+ .hover\:bg-destructive\/90 {
5519
+ &:hover {
5520
+ @media (hover: hover) {
5521
+ background-color: var(--destructive);
5522
+ @supports (color: color-mix(in lab, red, red)) {
5523
+ background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
5524
+ }
5525
+ }
5526
+ }
5527
+ }
5528
+ .hover\:bg-primary\/90 {
5529
+ &:hover {
5530
+ @media (hover: hover) {
5531
+ background-color: var(--primary);
5532
+ @supports (color: color-mix(in lab, red, red)) {
5533
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
5534
+ }
5535
+ }
5536
+ }
5537
+ }
5538
+ .hover\:bg-secondary\/80 {
5539
+ &:hover {
5540
+ @media (hover: hover) {
5541
+ background-color: var(--secondary);
5542
+ @supports (color: color-mix(in lab, red, red)) {
5543
+ background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
5544
+ }
5545
+ }
5546
+ }
5547
+ }
5548
+ .hover\:bg-sidebar-accent {
5549
+ &:hover {
5550
+ @media (hover: hover) {
5551
+ background-color: var(--sidebar-accent);
5552
+ }
5553
+ }
5554
+ }
5555
+ .hover\:text-\[\#fff\] {
5556
+ &:hover {
5557
+ @media (hover: hover) {
5558
+ color: #fff;
5559
+ }
5560
+ }
5561
+ }
5562
+ .hover\:text-accent-foreground {
5563
+ &:hover {
5564
+ @media (hover: hover) {
5565
+ color: var(--accent-foreground);
5566
+ }
5567
+ }
5568
+ }
5569
+ .hover\:text-sidebar-accent-foreground {
5570
+ &:hover {
5571
+ @media (hover: hover) {
5572
+ color: var(--sidebar-accent-foreground);
5573
+ }
5574
+ }
5575
+ }
5576
+ .hover\:text-white {
5577
+ &:hover {
5578
+ @media (hover: hover) {
5579
+ color: var(--color-white);
5580
+ }
5581
+ }
5582
+ }
5583
+ .hover\:underline {
5584
+ &:hover {
5585
+ @media (hover: hover) {
5586
+ text-decoration-line: underline;
5587
+ }
5588
+ }
5589
+ }
5590
+ .hover\:opacity-100 {
5591
+ &:hover {
5592
+ @media (hover: hover) {
5593
+ opacity: 100%;
5594
+ }
5595
+ }
5596
+ }
5597
+ .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
5598
+ &:hover {
5599
+ @media (hover: hover) {
5600
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
5601
+ box-shadow:
5602
+ var(--tw-inset-shadow),
5603
+ var(--tw-inset-ring-shadow),
5604
+ var(--tw-ring-offset-shadow),
5605
+ var(--tw-ring-shadow),
5606
+ var(--tw-shadow);
5607
+ }
5608
+ }
5609
+ }
5610
+ .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
5611
+ &:hover {
5612
+ @media (hover: hover) {
5613
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
5614
+ background-color: var(--sidebar);
5615
+ }
5616
+ }
5617
+ }
5618
+ }
5619
+ .hover\:after\:bg-sidebar-border {
5620
+ &:hover {
5621
+ @media (hover: hover) {
5622
+ &::after {
5623
+ content: var(--tw-content);
5624
+ background-color: var(--sidebar-border);
5625
+ }
5626
+ }
5627
+ }
5628
+ }
5629
+ .focus\:bg-accent {
5630
+ &:focus {
5631
+ background-color: var(--accent);
5632
+ }
5633
+ }
5634
+ .focus\:text-accent-foreground {
5635
+ &:focus {
5636
+ color: var(--accent-foreground);
5637
+ }
5638
+ }
5639
+ .focus\:text-red-600 {
5640
+ &:focus {
5641
+ color: var(--color-red-600);
5642
+ }
5643
+ }
5644
+ .focus\:ring-2 {
5645
+ &:focus {
5646
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5647
+ box-shadow:
5648
+ var(--tw-inset-shadow),
5649
+ var(--tw-inset-ring-shadow),
5650
+ var(--tw-ring-offset-shadow),
5651
+ var(--tw-ring-shadow),
5652
+ var(--tw-shadow);
5653
+ }
5654
+ }
5655
+ .focus\:ring-ring {
5656
+ &:focus {
5657
+ --tw-ring-color: var(--ring);
5658
+ }
5659
+ }
5660
+ .focus\:ring-offset-2 {
5661
+ &:focus {
5662
+ --tw-ring-offset-width: 2px;
5663
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5664
+ }
5665
+ }
5666
+ .focus\:outline-hidden {
5667
+ &:focus {
5668
+ --tw-outline-style: none;
5669
+ outline-style: none;
5670
+ @media (forced-colors: active) {
5671
+ outline: 2px solid transparent;
5672
+ outline-offset: 2px;
5673
+ }
5674
+ }
5675
+ }
5676
+ .focus-visible\:border-ring {
5677
+ &:focus-visible {
5678
+ border-color: var(--ring);
5679
+ }
5680
+ }
5681
+ .focus-visible\:ring-2 {
5682
+ &:focus-visible {
5683
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5684
+ box-shadow:
5685
+ var(--tw-inset-shadow),
5686
+ var(--tw-inset-ring-shadow),
5687
+ var(--tw-ring-offset-shadow),
5688
+ var(--tw-ring-shadow),
5689
+ var(--tw-shadow);
5690
+ }
5691
+ }
5692
+ .focus-visible\:ring-\[3px\] {
5693
+ &:focus-visible {
5694
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5695
+ box-shadow:
5696
+ var(--tw-inset-shadow),
5697
+ var(--tw-inset-ring-shadow),
5698
+ var(--tw-ring-offset-shadow),
5699
+ var(--tw-ring-shadow),
5700
+ var(--tw-shadow);
5701
+ }
5702
+ }
5703
+ .focus-visible\:ring-destructive\/20 {
5704
+ &:focus-visible {
5705
+ --tw-ring-color: var(--destructive);
5706
+ @supports (color: color-mix(in lab, red, red)) {
5707
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
5708
+ }
5709
+ }
5710
+ }
5711
+ .focus-visible\:ring-ring\/50 {
5712
+ &:focus-visible {
5713
+ --tw-ring-color: var(--ring);
5714
+ @supports (color: color-mix(in lab, red, red)) {
5715
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
5716
+ }
5717
+ }
5718
+ }
5719
+ .focus-visible\:outline-1 {
5720
+ &:focus-visible {
5721
+ outline-style: var(--tw-outline-style);
5722
+ outline-width: 1px;
5723
+ }
5724
+ }
5725
+ .active\:bg-sidebar-accent {
5726
+ &:active {
5727
+ background-color: var(--sidebar-accent);
5728
+ }
5729
+ }
5730
+ .active\:text-sidebar-accent-foreground {
5731
+ &:active {
5732
+ color: var(--sidebar-accent-foreground);
5733
+ }
5734
+ }
5735
+ .disabled\:pointer-events-none {
5736
+ &:disabled {
5737
+ pointer-events: none;
5738
+ }
5739
+ }
5740
+ .disabled\:cursor-not-allowed {
5741
+ &:disabled {
5742
+ cursor: not-allowed;
5743
+ }
5744
+ }
5745
+ .disabled\:opacity-50 {
5746
+ &:disabled {
5747
+ opacity: 50%;
5748
+ }
5749
+ }
5750
+ .in-data-\[side\=left\]\:cursor-w-resize {
5751
+ :where(*[data-side=left]) & {
5752
+ cursor: w-resize;
5753
+ }
5754
+ }
5755
+ .in-data-\[side\=right\]\:cursor-e-resize {
5756
+ :where(*[data-side=right]) & {
5757
+ cursor: e-resize;
5758
+ }
5759
+ }
5760
+ .has-data-\[variant\=inset\]\:bg-sidebar {
5761
+ &:has(*[data-variant=inset]) {
5762
+ background-color: var(--sidebar);
5763
+ }
5764
+ }
5765
+ .has-\[\>svg\]\:px-2\.5 {
5766
+ &:has(> svg) {
5767
+ padding-inline: calc(var(--spacing) * 2.5);
5768
+ }
5769
+ }
5770
+ .has-\[\>svg\]\:px-3 {
5771
+ &:has(> svg) {
5772
+ padding-inline: calc(var(--spacing) * 3);
5773
+ }
5774
+ }
5775
+ .has-\[\>svg\]\:px-4 {
5776
+ &:has(> svg) {
5777
+ padding-inline: calc(var(--spacing) * 4);
5778
+ }
5779
+ }
5780
+ .aria-disabled\:pointer-events-none {
5781
+ &[aria-disabled=true] {
5782
+ pointer-events: none;
5783
+ }
5784
+ }
5785
+ .aria-disabled\:opacity-50 {
5786
+ &[aria-disabled=true] {
5787
+ opacity: 50%;
5788
+ }
5789
+ }
5790
+ .aria-invalid\:border-destructive {
5791
+ &[aria-invalid=true] {
5792
+ border-color: var(--destructive);
5793
+ }
5794
+ }
5795
+ .aria-invalid\:ring-destructive\/20 {
5796
+ &[aria-invalid=true] {
5797
+ --tw-ring-color: var(--destructive);
5798
+ @supports (color: color-mix(in lab, red, red)) {
5799
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
5800
+ }
5801
+ }
5802
+ }
5803
+ .data-\[active\=true\]\:bg-sidebar-accent {
5804
+ &[data-active=true] {
5805
+ background-color: var(--sidebar-accent);
5806
+ }
5807
+ }
5808
+ .data-\[active\=true\]\:font-medium {
5809
+ &[data-active=true] {
5810
+ --tw-font-weight: var(--font-weight-medium);
5811
+ font-weight: var(--font-weight-medium);
5812
+ }
5813
+ }
5814
+ .data-\[active\=true\]\:text-sidebar-accent-foreground {
5815
+ &[data-active=true] {
5816
+ color: var(--sidebar-accent-foreground);
5817
+ }
5818
+ }
5819
+ .data-\[disabled\]\:pointer-events-none {
5820
+ &[data-disabled] {
5821
+ pointer-events: none;
5822
+ }
5823
+ }
5824
+ .data-\[disabled\]\:opacity-50 {
5825
+ &[data-disabled] {
5826
+ opacity: 50%;
5827
+ }
5828
+ }
5829
+ .data-\[disabled\=true\]\:pointer-events-none {
5830
+ &[data-disabled=true] {
5831
+ pointer-events: none;
5832
+ }
5833
+ }
5834
+ .data-\[disabled\=true\]\:opacity-50 {
5835
+ &[data-disabled=true] {
5836
+ opacity: 50%;
5837
+ }
5838
+ }
5839
+ .data-\[inset\]\:pl-8 {
5840
+ &[data-inset] {
5841
+ padding-left: calc(var(--spacing) * 8);
5842
+ }
5843
+ }
5844
+ .data-\[orientation\=horizontal\]\:h-px {
5845
+ &[data-orientation=horizontal] {
5846
+ height: 1px;
5847
+ }
5848
+ }
5849
+ .data-\[orientation\=horizontal\]\:w-full {
5850
+ &[data-orientation=horizontal] {
5851
+ width: 100%;
5852
+ }
5853
+ }
5854
+ .data-\[orientation\=vertical\]\:h-full {
5855
+ &[data-orientation=vertical] {
5856
+ height: 100%;
5857
+ }
5858
+ }
5859
+ .data-\[orientation\=vertical\]\:w-px {
5860
+ &[data-orientation=vertical] {
5861
+ width: 1px;
5862
+ }
5863
+ }
5864
+ .data-\[selected\=true\]\:bg-accent {
5865
+ &[data-selected=true] {
5866
+ background-color: var(--accent);
5867
+ }
5868
+ }
5869
+ .data-\[selected\=true\]\:text-accent-foreground {
5870
+ &[data-selected=true] {
5871
+ color: var(--accent-foreground);
5872
+ }
5873
+ }
5874
+ .data-\[side\=bottom\]\:slide-in-from-top-2 {
5875
+ &[data-side=bottom] {
5876
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
5877
+ }
5878
+ }
5879
+ .data-\[side\=left\]\:slide-in-from-right-2 {
5880
+ &[data-side=left] {
5881
+ --tw-enter-translate-x: calc(2*var(--spacing));
5882
+ }
5883
+ }
5884
+ .data-\[side\=right\]\:slide-in-from-left-2 {
5885
+ &[data-side=right] {
5886
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
5887
+ }
5888
+ }
5889
+ .data-\[side\=top\]\:slide-in-from-bottom-2 {
5890
+ &[data-side=top] {
5891
+ --tw-enter-translate-y: calc(2*var(--spacing));
5892
+ }
5893
+ }
5894
+ .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
5895
+ :is(& *) {
5896
+ &[data-slot=command-input-wrapper] {
5897
+ height: calc(var(--spacing) * 12);
5898
+ }
5899
+ }
5900
+ }
5901
+ .data-\[state\=closed\]\:animate-out {
5902
+ &[data-state=closed] {
5903
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
5904
+ }
5905
+ }
5906
+ .data-\[state\=closed\]\:duration-300 {
5907
+ &[data-state=closed] {
5908
+ --tw-duration: 300ms;
5909
+ transition-duration: 300ms;
5910
+ }
5911
+ }
5912
+ .data-\[state\=closed\]\:fade-out-0 {
5913
+ &[data-state=closed] {
5914
+ --tw-exit-opacity: calc(0/100);
5915
+ --tw-exit-opacity: 0;
5916
+ }
5917
+ }
5918
+ .data-\[state\=closed\]\:zoom-out-95 {
5919
+ &[data-state=closed] {
5920
+ --tw-exit-scale: calc(95*1%);
5921
+ --tw-exit-scale: .95;
5922
+ }
5923
+ }
5924
+ .data-\[state\=closed\]\:slide-out-to-bottom {
5925
+ &[data-state=closed] {
5926
+ --tw-exit-translate-y: 100%;
5927
+ }
5928
+ }
5929
+ .data-\[state\=closed\]\:slide-out-to-left {
5930
+ &[data-state=closed] {
5931
+ --tw-exit-translate-x: -100%;
5932
+ }
5933
+ }
5934
+ .data-\[state\=closed\]\:slide-out-to-right {
5935
+ &[data-state=closed] {
5936
+ --tw-exit-translate-x: 100%;
5937
+ }
5938
+ }
5939
+ .data-\[state\=closed\]\:slide-out-to-top {
5940
+ &[data-state=closed] {
5941
+ --tw-exit-translate-y: -100%;
5942
+ }
5943
+ }
5944
+ .data-\[state\=open\]\:animate-in {
5945
+ &[data-state=open] {
5946
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
5947
+ }
5948
+ }
5949
+ .data-\[state\=open\]\:bg-accent {
5950
+ &[data-state=open] {
5951
+ background-color: var(--accent);
5952
+ }
5953
+ }
5954
+ .data-\[state\=open\]\:bg-secondary {
5955
+ &[data-state=open] {
5956
+ background-color: var(--secondary);
5957
+ }
5958
+ }
5959
+ .data-\[state\=open\]\:text-accent-foreground {
5960
+ &[data-state=open] {
5961
+ color: var(--accent-foreground);
5962
+ }
5963
+ }
5964
+ .data-\[state\=open\]\:text-muted-foreground {
5965
+ &[data-state=open] {
5966
+ color: var(--muted-foreground);
5967
+ }
5968
+ }
5969
+ .data-\[state\=open\]\:opacity-100 {
5970
+ &[data-state=open] {
5971
+ opacity: 100%;
5972
+ }
5973
+ }
5974
+ .data-\[state\=open\]\:duration-500 {
5975
+ &[data-state=open] {
5976
+ --tw-duration: 500ms;
5977
+ transition-duration: 500ms;
5978
+ }
5979
+ }
5980
+ .data-\[state\=open\]\:fade-in-0 {
5981
+ &[data-state=open] {
5982
+ --tw-enter-opacity: calc(0/100);
5983
+ --tw-enter-opacity: 0;
5984
+ }
5985
+ }
5986
+ .data-\[state\=open\]\:zoom-in-95 {
5987
+ &[data-state=open] {
5988
+ --tw-enter-scale: calc(95*1%);
5989
+ --tw-enter-scale: .95;
5990
+ }
5991
+ }
5992
+ .data-\[state\=open\]\:slide-in-from-bottom {
5993
+ &[data-state=open] {
5994
+ --tw-enter-translate-y: 100%;
5995
+ }
5996
+ }
5997
+ .data-\[state\=open\]\:slide-in-from-left {
5998
+ &[data-state=open] {
5999
+ --tw-enter-translate-x: -100%;
6000
+ }
6001
+ }
6002
+ .data-\[state\=open\]\:slide-in-from-right {
6003
+ &[data-state=open] {
6004
+ --tw-enter-translate-x: 100%;
6005
+ }
6006
+ }
6007
+ .data-\[state\=open\]\:slide-in-from-top {
6008
+ &[data-state=open] {
6009
+ --tw-enter-translate-y: -100%;
6010
+ }
6011
+ }
6012
+ .data-\[state\=open\]\:hover\:bg-sidebar-accent {
6013
+ &[data-state=open] {
6014
+ &:hover {
6015
+ @media (hover: hover) {
6016
+ background-color: var(--sidebar-accent);
6017
+ }
6018
+ }
6019
+ }
6020
+ }
6021
+ .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
6022
+ &[data-state=open] {
6023
+ &:hover {
6024
+ @media (hover: hover) {
6025
+ color: var(--sidebar-accent-foreground);
6026
+ }
6027
+ }
6028
+ }
6029
+ }
6030
+ .data-\[variant\=destructive\]\:text-destructive {
6031
+ &[data-variant=destructive] {
6032
+ color: var(--destructive);
6033
+ }
6034
+ }
6035
+ .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
6036
+ &[data-variant=destructive] {
6037
+ &:focus {
6038
+ background-color: var(--destructive);
6039
+ @supports (color: color-mix(in lab, red, red)) {
6040
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
6041
+ }
6042
+ }
6043
+ }
6044
+ }
6045
+ .data-\[variant\=destructive\]\:focus\:text-destructive {
6046
+ &[data-variant=destructive] {
6047
+ &:focus {
6048
+ color: var(--destructive);
6049
+ }
6050
+ }
6051
+ }
6052
+ .sm\:flex {
6053
+ @media (width >= 40rem) {
6054
+ display: flex;
6055
+ }
6056
+ }
6057
+ .sm\:max-w-lg {
6058
+ @media (width >= 40rem) {
6059
+ max-width: var(--container-lg);
6060
+ }
6061
+ }
6062
+ .sm\:max-w-sm {
6063
+ @media (width >= 40rem) {
6064
+ max-width: var(--container-sm);
6065
+ }
6066
+ }
6067
+ .sm\:flex-row {
6068
+ @media (width >= 40rem) {
6069
+ flex-direction: row;
6070
+ }
6071
+ }
6072
+ .sm\:justify-end {
6073
+ @media (width >= 40rem) {
6074
+ justify-content: flex-end;
6075
+ }
6076
+ }
6077
+ .sm\:text-left {
6078
+ @media (width >= 40rem) {
6079
+ text-align: left;
6080
+ }
6081
+ }
6082
+ .md\:block {
6083
+ @media (width >= 48rem) {
6084
+ display: block;
6085
+ }
6086
+ }
6087
+ .md\:flex {
6088
+ @media (width >= 48rem) {
6089
+ display: flex;
6090
+ }
6091
+ }
6092
+ .md\:text-sm {
6093
+ @media (width >= 48rem) {
6094
+ font-size: var(--text-sm);
6095
+ line-height: var(--tw-leading, var(--text-sm--line-height));
6096
+ }
6097
+ }
6098
+ .md\:opacity-0 {
6099
+ @media (width >= 48rem) {
6100
+ opacity: 0%;
6101
+ }
6102
+ }
6103
+ .md\:peer-data-\[variant\=inset\]\:m-2 {
6104
+ @media (width >= 48rem) {
6105
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
6106
+ margin: calc(var(--spacing) * 2);
6107
+ }
6108
+ }
6109
+ }
6110
+ .md\:peer-data-\[variant\=inset\]\:ml-0 {
6111
+ @media (width >= 48rem) {
6112
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
6113
+ margin-left: calc(var(--spacing) * 0);
6114
+ }
6115
+ }
6116
+ }
6117
+ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
6118
+ @media (width >= 48rem) {
6119
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
6120
+ border-radius: calc(var(--radius) + 4px);
6121
+ }
6122
+ }
6123
+ }
6124
+ .md\:peer-data-\[variant\=inset\]\:shadow-sm {
6125
+ @media (width >= 48rem) {
6126
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
6127
+ --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));
6128
+ box-shadow:
6129
+ var(--tw-inset-shadow),
6130
+ var(--tw-inset-ring-shadow),
6131
+ var(--tw-ring-offset-shadow),
6132
+ var(--tw-ring-shadow),
6133
+ var(--tw-shadow);
6134
+ }
6135
+ }
6136
+ }
6137
+ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
6138
+ @media (width >= 48rem) {
6139
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
6140
+ &:is(:where(.peer)[data-state=collapsed] ~ *) {
6141
+ margin-left: calc(var(--spacing) * 2);
6142
+ }
6143
+ }
6144
+ }
6145
+ }
6146
+ .md\:after\:hidden {
6147
+ @media (width >= 48rem) {
6148
+ &::after {
6149
+ content: var(--tw-content);
6150
+ display: none;
6151
+ }
6152
+ }
6153
+ }
6154
+ .dark\:border-\[\#a3a3a8\] {
6155
+ &:is(.dark *) {
6156
+ border-color: #a3a3a8;
6157
+ }
6158
+ }
6159
+ .dark\:border-input {
6160
+ &:is(.dark *) {
6161
+ border-color: var(--input);
6162
+ }
6163
+ }
6164
+ .dark\:bg-destructive\/60 {
6165
+ &:is(.dark *) {
6166
+ background-color: var(--destructive);
6167
+ @supports (color: color-mix(in lab, red, red)) {
6168
+ background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
6169
+ }
6170
+ }
6171
+ }
6172
+ .dark\:bg-input\/30 {
6173
+ &:is(.dark *) {
6174
+ background-color: var(--input);
6175
+ @supports (color: color-mix(in lab, red, red)) {
6176
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
6177
+ }
6178
+ }
6179
+ }
6180
+ .dark\:bg-transparent {
6181
+ &:is(.dark *) {
6182
+ background-color: transparent;
6183
+ }
6184
+ }
6185
+ .dark\:hover\:bg-accent\/50 {
6186
+ &:is(.dark *) {
6187
+ &:hover {
6188
+ @media (hover: hover) {
6189
+ background-color: var(--accent);
6190
+ @supports (color: color-mix(in lab, red, red)) {
6191
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
6192
+ }
6193
+ }
6194
+ }
6195
+ }
6196
+ }
6197
+ .dark\:hover\:bg-input\/50 {
6198
+ &:is(.dark *) {
6199
+ &:hover {
6200
+ @media (hover: hover) {
6201
+ background-color: var(--input);
6202
+ @supports (color: color-mix(in lab, red, red)) {
6203
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
6204
+ }
6205
+ }
6206
+ }
6207
+ }
6208
+ }
6209
+ .dark\:focus-visible\:ring-destructive\/40 {
6210
+ &:is(.dark *) {
6211
+ &:focus-visible {
6212
+ --tw-ring-color: var(--destructive);
6213
+ @supports (color: color-mix(in lab, red, red)) {
6214
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
6215
+ }
6216
+ }
6217
+ }
6218
+ }
6219
+ .dark\:aria-invalid\:ring-destructive\/40 {
6220
+ &:is(.dark *) {
6221
+ &[aria-invalid=true] {
6222
+ --tw-ring-color: var(--destructive);
6223
+ @supports (color: color-mix(in lab, red, red)) {
6224
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
6225
+ }
6226
+ }
6227
+ }
6228
+ }
6229
+ .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
6230
+ &:is(.dark *) {
6231
+ &[data-variant=destructive] {
6232
+ &:focus {
6233
+ background-color: var(--destructive);
6234
+ @supports (color: color-mix(in lab, red, red)) {
6235
+ background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
6236
+ }
6237
+ }
6238
+ }
6239
+ }
6240
+ }
6241
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
6242
+ & [cmdk-group-heading] {
6243
+ padding-inline: calc(var(--spacing) * 2);
6244
+ }
6245
+ }
6246
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
6247
+ & [cmdk-group-heading] {
6248
+ padding-block: calc(var(--spacing) * 1.5);
6249
+ }
6250
+ }
6251
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
6252
+ & [cmdk-group-heading] {
6253
+ font-size: var(--text-xs);
6254
+ line-height: var(--tw-leading, var(--text-xs--line-height));
6255
+ }
6256
+ }
6257
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
6258
+ & [cmdk-group-heading] {
6259
+ --tw-font-weight: var(--font-weight-medium);
6260
+ font-weight: var(--font-weight-medium);
6261
+ }
6262
+ }
6263
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
6264
+ & [cmdk-group-heading] {
6265
+ color: var(--muted-foreground);
6266
+ }
6267
+ }
6268
+ .\[\&_\[cmdk-group\]\]\:px-2 {
6269
+ & [cmdk-group] {
6270
+ padding-inline: calc(var(--spacing) * 2);
6271
+ }
6272
+ }
6273
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
6274
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
6275
+ padding-top: calc(var(--spacing) * 0);
6276
+ }
6277
+ }
6278
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
6279
+ & [cmdk-input-wrapper] svg {
6280
+ height: calc(var(--spacing) * 5);
6281
+ }
6282
+ }
6283
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
6284
+ & [cmdk-input-wrapper] svg {
6285
+ width: calc(var(--spacing) * 5);
6286
+ }
6287
+ }
6288
+ .\[\&_\[cmdk-input\]\]\:h-12 {
6289
+ & [cmdk-input] {
6290
+ height: calc(var(--spacing) * 12);
6291
+ }
6292
+ }
6293
+ .\[\&_\[cmdk-item\]\]\:px-2 {
6294
+ & [cmdk-item] {
6295
+ padding-inline: calc(var(--spacing) * 2);
6296
+ }
6297
+ }
6298
+ .\[\&_\[cmdk-item\]\]\:py-3 {
6299
+ & [cmdk-item] {
6300
+ padding-block: calc(var(--spacing) * 3);
6301
+ }
6302
+ }
6303
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 {
6304
+ & [cmdk-item] svg {
6305
+ height: calc(var(--spacing) * 5);
6306
+ }
6307
+ }
6308
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 {
6309
+ & [cmdk-item] svg {
6310
+ width: calc(var(--spacing) * 5);
6311
+ }
6312
+ }
6313
+ .\[\&_svg\]\:pointer-events-none {
6314
+ & svg {
6315
+ pointer-events: none;
6316
+ }
6317
+ }
6318
+ .\[\&_svg\]\:shrink-0 {
6319
+ & svg {
6320
+ flex-shrink: 0;
6321
+ }
6322
+ }
6323
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
6324
+ & svg:not([class*=size-]) {
6325
+ width: calc(var(--spacing) * 4);
6326
+ height: calc(var(--spacing) * 4);
6327
+ }
6328
+ }
6329
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
6330
+ & svg:not([class*=text-]) {
6331
+ color: var(--muted-foreground);
6332
+ }
6333
+ }
6334
+ .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
6335
+ &[data-variant=destructive] {
6336
+ :is(& > *) {
6337
+ &:is(svg) {
6338
+ color: var(--destructive) !important;
6339
+ }
6340
+ }
6341
+ }
6342
+ }
6343
+ .\[\&\>button\]\:hidden {
6344
+ & > button {
6345
+ display: none;
6346
+ }
6347
+ }
6348
+ .\[\&\>span\:last-child\]\:truncate {
6349
+ & > span:last-child {
6350
+ overflow: hidden;
6351
+ text-overflow: ellipsis;
6352
+ white-space: nowrap;
6353
+ }
6354
+ }
6355
+ .\[\&\>svg\]\:size-4 {
6356
+ & > svg {
6357
+ width: calc(var(--spacing) * 4);
6358
+ height: calc(var(--spacing) * 4);
6359
+ }
6360
+ }
6361
+ .\[\&\>svg\]\:shrink-0 {
6362
+ & > svg {
6363
+ flex-shrink: 0;
6364
+ }
6365
+ }
6366
+ .\[\&\>svg\]\:text-sidebar-accent-foreground {
6367
+ & > svg {
6368
+ color: var(--sidebar-accent-foreground);
6369
+ }
6370
+ }
6371
+ .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
6372
+ [data-side=left][data-collapsible=offcanvas] & {
6373
+ right: calc(var(--spacing) * -2);
6374
+ }
6375
+ }
6376
+ .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
6377
+ [data-side=left][data-state=collapsed] & {
6378
+ cursor: e-resize;
6379
+ }
6380
+ }
6381
+ .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
6382
+ [data-side=right][data-collapsible=offcanvas] & {
6383
+ left: calc(var(--spacing) * -2);
6384
+ }
6385
+ }
6386
+ .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
6387
+ [data-side=right][data-state=collapsed] & {
6388
+ cursor: w-resize;
6389
+ }
6390
+ }
6391
+ }
6392
+ :root {
6393
+ overflow-wrap: break-word;
6394
+ text-size-adjust: none;
6395
+ text-rendering: optimizeLegibility;
6396
+ -webkit-font-smoothing: antialiased;
6397
+ -moz-osx-font-smoothing: grayscale;
6398
+ --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
6399
+ --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
6400
+ --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
6401
+ --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
6402
+ --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
6403
+ --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
6404
+ --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
6405
+ --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
6406
+ --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
6407
+ --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
6408
+ --tt-gray-light-50: rgba(250, 250, 250, 1);
6409
+ --tt-gray-light-100: rgba(244, 244, 245, 1);
6410
+ --tt-gray-light-200: rgba(234, 234, 235, 1);
6411
+ --tt-gray-light-300: rgba(213, 214, 215, 1);
6412
+ --tt-gray-light-400: rgba(166, 167, 171, 1);
6413
+ --tt-gray-light-500: rgba(125, 127, 130, 1);
6414
+ --tt-gray-light-600: rgba(83, 86, 90, 1);
6415
+ --tt-gray-light-700: rgba(64, 65, 69, 1);
6416
+ --tt-gray-light-800: rgba(44, 45, 48, 1);
6417
+ --tt-gray-light-900: rgba(34, 35, 37, 1);
6418
+ --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
6419
+ --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
6420
+ --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
6421
+ --tt-gray-dark-a-300: rgba(239, 239, 245, 0.22);
6422
+ --tt-gray-dark-a-400: rgba(244, 244, 255, 0.37);
6423
+ --tt-gray-dark-a-500: rgba(236, 238, 253, 0.5);
6424
+ --tt-gray-dark-a-600: rgba(247, 247, 253, 0.64);
6425
+ --tt-gray-dark-a-700: rgba(251, 251, 254, 0.75);
6426
+ --tt-gray-dark-a-800: rgba(253, 253, 253, 0.88);
6427
+ --tt-gray-dark-a-900: rgba(255, 255, 255, 0.96);
6428
+ --tt-gray-dark-50: rgba(25, 25, 26, 1);
6429
+ --tt-gray-dark-100: rgba(32, 32, 34, 1);
6430
+ --tt-gray-dark-200: rgba(45, 45, 47, 1);
6431
+ --tt-gray-dark-300: rgba(70, 70, 73, 1);
6432
+ --tt-gray-dark-400: rgba(99, 99, 105, 1);
6433
+ --tt-gray-dark-500: rgba(124, 124, 131, 1);
6434
+ --tt-gray-dark-600: rgba(163, 163, 168, 1);
6435
+ --tt-gray-dark-700: rgba(192, 192, 195, 1);
6436
+ --tt-gray-dark-800: rgba(224, 224, 225, 1);
6437
+ --tt-gray-dark-900: rgba(245, 245, 245, 1);
6438
+ --tt-brand-color-50: rgba(239, 238, 255, 1);
6439
+ --tt-brand-color-100: rgba(222, 219, 255, 1);
6440
+ --tt-brand-color-200: rgba(195, 189, 255, 1);
6441
+ --tt-brand-color-300: rgba(157, 138, 255, 1);
6442
+ --tt-brand-color-400: rgba(122, 82, 255, 1);
6443
+ --tt-brand-color-500: rgba(98, 41, 255, 1);
6444
+ --tt-brand-color-600: rgba(84, 0, 229, 1);
6445
+ --tt-brand-color-700: rgba(75, 0, 204, 1);
6446
+ --tt-brand-color-800: rgba(56, 0, 153, 1);
4174
6447
  --tt-brand-color-900: rgba(43, 25, 102, 1);
4175
6448
  --tt-brand-color-950: hsla(257, 100%, 9%, 1);
4176
6449
  --tt-color-green-inc-5: hsla(129, 100%, 97%, 1);
@@ -4231,13 +6504,13 @@ table .column-resize-handle {
4231
6504
  --tt-accent-contrast: 8%;
4232
6505
  --tt-destructive-contrast: 8%;
4233
6506
  --tt-foreground-contrast: 8%;
4234
- }
4235
- :root,
4236
- :root *,
4237
- :root ::before,
4238
- :root ::after {
4239
- box-sizing: border-box;
4240
- transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6507
+ &,
6508
+ *,
6509
+ ::before,
6510
+ ::after {
6511
+ box-sizing: border-box;
6512
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6513
+ }
4241
6514
  }
4242
6515
  :root {
4243
6516
  --tt-bg-color: var(--white);
@@ -4346,9 +6619,141 @@ table .column-resize-handle {
4346
6619
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
4347
6620
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
4348
6621
  }
4349
-
4350
- /* C:/Users/hamza/AppData/Local/Temp/tmp-28488-E1cp5n8prG8H/easyflow-texteditor/src/styles/globals.css */
6622
+ @keyframes fadeIn {
6623
+ from {
6624
+ opacity: 0;
6625
+ }
6626
+ to {
6627
+ opacity: 1;
6628
+ }
6629
+ }
6630
+ @keyframes fadeOut {
6631
+ from {
6632
+ opacity: 1;
6633
+ }
6634
+ to {
6635
+ opacity: 0;
6636
+ }
6637
+ }
6638
+ @keyframes zoomIn {
6639
+ from {
6640
+ transform: scale(0.95);
6641
+ }
6642
+ to {
6643
+ transform: scale(1);
6644
+ }
6645
+ }
6646
+ @keyframes zoomOut {
6647
+ from {
6648
+ transform: scale(1);
6649
+ }
6650
+ to {
6651
+ transform: scale(0.95);
6652
+ }
6653
+ }
6654
+ @keyframes zoom {
6655
+ 0% {
6656
+ opacity: 0;
6657
+ transform: scale(0.95);
6658
+ }
6659
+ 100% {
6660
+ opacity: 1;
6661
+ transform: scale(1);
6662
+ }
6663
+ }
6664
+ @keyframes slideFromTop {
6665
+ from {
6666
+ transform: translateY(-0.5rem);
6667
+ }
6668
+ to {
6669
+ transform: translateY(0);
6670
+ }
6671
+ }
6672
+ @keyframes slideFromRight {
6673
+ from {
6674
+ transform: translateX(0.5rem);
6675
+ }
6676
+ to {
6677
+ transform: translateX(0);
6678
+ }
6679
+ }
6680
+ @keyframes slideFromLeft {
6681
+ from {
6682
+ transform: translateX(-0.5rem);
6683
+ }
6684
+ to {
6685
+ transform: translateX(0);
6686
+ }
6687
+ }
6688
+ @keyframes slideFromBottom {
6689
+ from {
6690
+ transform: translateY(0.5rem);
6691
+ }
6692
+ to {
6693
+ transform: translateY(0);
6694
+ }
6695
+ }
6696
+ @keyframes spin {
6697
+ from {
6698
+ transform: rotate(0deg);
6699
+ }
6700
+ to {
6701
+ transform: rotate(360deg);
6702
+ }
6703
+ }
6704
+ @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
6705
+ @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
6706
+ @property --tw-animation-duration { syntax: "*"; inherits: false; }
6707
+ @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
6708
+ @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
6709
+ @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
6710
+ @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
6711
+ @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
6712
+ @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
6713
+ @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
6714
+ @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
6715
+ @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
6716
+ @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
6717
+ @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
6718
+ @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
6719
+ @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
6720
+ @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
4351
6721
  :root {
6722
+ --radius-sm: calc(var(--radius) - 4px);
6723
+ --radius-md: calc(var(--radius) - 2px);
6724
+ --radius-lg: var(--radius);
6725
+ --radius-xl: calc(var(--radius) + 4px);
6726
+ --color-background: var(--background);
6727
+ --color-foreground: var(--foreground);
6728
+ --color-card: var(--card);
6729
+ --color-card-foreground: var(--card-foreground);
6730
+ --color-popover: var(--popover);
6731
+ --color-popover-foreground: var(--popover-foreground);
6732
+ --color-primary: var(--primary);
6733
+ --color-primary-foreground: var(--primary-foreground);
6734
+ --color-secondary: var(--secondary);
6735
+ --color-secondary-foreground: var(--secondary-foreground);
6736
+ --color-muted: var(--muted);
6737
+ --color-muted-foreground: var(--muted-foreground);
6738
+ --color-accent: var(--accent);
6739
+ --color-accent-foreground: var(--accent-foreground);
6740
+ --color-destructive: var(--destructive);
6741
+ --color-border: var(--border);
6742
+ --color-input: var(--input);
6743
+ --color-ring: var(--ring);
6744
+ --color-chart-1: var(--chart-1);
6745
+ --color-chart-2: var(--chart-2);
6746
+ --color-chart-3: var(--chart-3);
6747
+ --color-chart-4: var(--chart-4);
6748
+ --color-chart-5: var(--chart-5);
6749
+ --color-sidebar: var(--sidebar);
6750
+ --color-sidebar-foreground: var(--sidebar-foreground);
6751
+ --color-sidebar-primary: var(--sidebar-primary);
6752
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
6753
+ --color-sidebar-accent: var(--sidebar-accent);
6754
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
6755
+ --color-sidebar-border: var(--sidebar-border);
6756
+ --color-sidebar-ring: var(--sidebar-ring);
4352
6757
  --radius: 0.625rem;
4353
6758
  --background: oklch(1 0 0);
4354
6759
  --foreground: oklch(0.145 0 0);
@@ -4428,5 +6833,154 @@ table .column-resize-handle {
4428
6833
  color: var(--foreground);
4429
6834
  }
4430
6835
  }
6836
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
6837
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
6838
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
6839
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
6840
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
6841
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
6842
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
6843
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
6844
+ @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
6845
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
6846
+ @property --tw-leading { syntax: "*"; inherits: false; }
6847
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
6848
+ @property --tw-tracking { syntax: "*"; inherits: false; }
6849
+ @property --tw-ordinal { syntax: "*"; inherits: false; }
6850
+ @property --tw-slashed-zero { syntax: "*"; inherits: false; }
6851
+ @property --tw-numeric-figure { syntax: "*"; inherits: false; }
6852
+ @property --tw-numeric-spacing { syntax: "*"; inherits: false; }
6853
+ @property --tw-numeric-fraction { syntax: "*"; inherits: false; }
6854
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
6855
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
6856
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
6857
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
6858
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
6859
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
6860
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
6861
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
6862
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
6863
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
6864
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
6865
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
6866
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
6867
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
6868
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
6869
+ @property --tw-blur { syntax: "*"; inherits: false; }
6870
+ @property --tw-brightness { syntax: "*"; inherits: false; }
6871
+ @property --tw-contrast { syntax: "*"; inherits: false; }
6872
+ @property --tw-grayscale { syntax: "*"; inherits: false; }
6873
+ @property --tw-hue-rotate { syntax: "*"; inherits: false; }
6874
+ @property --tw-invert { syntax: "*"; inherits: false; }
6875
+ @property --tw-opacity { syntax: "*"; inherits: false; }
6876
+ @property --tw-saturate { syntax: "*"; inherits: false; }
6877
+ @property --tw-sepia { syntax: "*"; inherits: false; }
6878
+ @property --tw-drop-shadow { syntax: "*"; inherits: false; }
6879
+ @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
6880
+ @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
6881
+ @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
6882
+ @property --tw-duration { syntax: "*"; inherits: false; }
6883
+ @property --tw-ease { syntax: "*"; inherits: false; }
6884
+ @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
6885
+ @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
6886
+ @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
6887
+ @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
6888
+ @keyframes pulse {
6889
+ 50% {
6890
+ opacity: 0.5;
6891
+ }
6892
+ }
6893
+ @keyframes enter {
6894
+ from {
6895
+ opacity: var(--tw-enter-opacity,1);
6896
+ transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
6897
+ filter: blur(var(--tw-enter-blur,0));
6898
+ }
6899
+ }
6900
+ @keyframes exit {
6901
+ to {
6902
+ opacity: var(--tw-exit-opacity,1);
6903
+ transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
6904
+ filter: blur(var(--tw-exit-blur,0));
6905
+ }
6906
+ }
6907
+ @layer properties {
6908
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
6909
+ *,
6910
+ ::before,
6911
+ ::after,
6912
+ ::backdrop {
6913
+ --tw-translate-x: 0;
6914
+ --tw-translate-y: 0;
6915
+ --tw-translate-z: 0;
6916
+ --tw-rotate-x: initial;
6917
+ --tw-rotate-y: initial;
6918
+ --tw-rotate-z: initial;
6919
+ --tw-skew-x: initial;
6920
+ --tw-skew-y: initial;
6921
+ --tw-space-y-reverse: 0;
6922
+ --tw-border-style: solid;
6923
+ --tw-leading: initial;
6924
+ --tw-font-weight: initial;
6925
+ --tw-tracking: initial;
6926
+ --tw-ordinal: initial;
6927
+ --tw-slashed-zero: initial;
6928
+ --tw-numeric-figure: initial;
6929
+ --tw-numeric-spacing: initial;
6930
+ --tw-numeric-fraction: initial;
6931
+ --tw-shadow: 0 0 #0000;
6932
+ --tw-shadow-color: initial;
6933
+ --tw-shadow-alpha: 100%;
6934
+ --tw-inset-shadow: 0 0 #0000;
6935
+ --tw-inset-shadow-color: initial;
6936
+ --tw-inset-shadow-alpha: 100%;
6937
+ --tw-ring-color: initial;
6938
+ --tw-ring-shadow: 0 0 #0000;
6939
+ --tw-inset-ring-color: initial;
6940
+ --tw-inset-ring-shadow: 0 0 #0000;
6941
+ --tw-ring-inset: initial;
6942
+ --tw-ring-offset-width: 0px;
6943
+ --tw-ring-offset-color: #fff;
6944
+ --tw-ring-offset-shadow: 0 0 #0000;
6945
+ --tw-outline-style: solid;
6946
+ --tw-blur: initial;
6947
+ --tw-brightness: initial;
6948
+ --tw-contrast: initial;
6949
+ --tw-grayscale: initial;
6950
+ --tw-hue-rotate: initial;
6951
+ --tw-invert: initial;
6952
+ --tw-opacity: initial;
6953
+ --tw-saturate: initial;
6954
+ --tw-sepia: initial;
6955
+ --tw-drop-shadow: initial;
6956
+ --tw-drop-shadow-color: initial;
6957
+ --tw-drop-shadow-alpha: 100%;
6958
+ --tw-drop-shadow-size: initial;
6959
+ --tw-duration: initial;
6960
+ --tw-ease: initial;
6961
+ --tw-content: "";
6962
+ --tw-scale-x: 1;
6963
+ --tw-scale-y: 1;
6964
+ --tw-scale-z: 1;
6965
+ --tw-animation-delay: 0s;
6966
+ --tw-animation-direction: normal;
6967
+ --tw-animation-duration: initial;
6968
+ --tw-animation-fill-mode: none;
6969
+ --tw-animation-iteration-count: 1;
6970
+ --tw-enter-blur: 0;
6971
+ --tw-enter-opacity: 1;
6972
+ --tw-enter-rotate: 0;
6973
+ --tw-enter-scale: 1;
6974
+ --tw-enter-translate-x: 0;
6975
+ --tw-enter-translate-y: 0;
6976
+ --tw-exit-blur: 0;
6977
+ --tw-exit-opacity: 1;
6978
+ --tw-exit-rotate: 0;
6979
+ --tw-exit-scale: 1;
6980
+ --tw-exit-translate-x: 0;
6981
+ --tw-exit-translate-y: 0;
6982
+ }
6983
+ }
6984
+ }
4431
6985
  /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
4432
6986
  /*# sourceMappingURL=index.css.map */