@mhamz.01/easyflow-texteditor 0.1.18 → 0.1.31
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 +22 -4736
- package/dist/index.css.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
@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
2
|
|
|
4
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
3
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
|
|
5
4
|
.tiptap-tooltip {
|
|
6
5
|
--tt-tooltip-bg: var(--tt-gray-light-900);
|
|
7
6
|
--tt-tooltip-text: var(--white);
|
|
@@ -43,7 +42,7 @@
|
|
|
43
42
|
color: var(--tt-kbd);
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
45
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
|
|
47
46
|
.tiptap-button {
|
|
48
47
|
--tt-button-default-bg-color: var(--tt-gray-light-a-100);
|
|
49
48
|
--tt-button-hover-bg-color: var(--tt-gray-light-200);
|
|
@@ -279,7 +278,7 @@
|
|
|
279
278
|
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
|
|
280
279
|
}
|
|
281
280
|
|
|
282
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
281
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
|
|
283
282
|
.tiptap-button-group {
|
|
284
283
|
position: relative;
|
|
285
284
|
display: flex;
|
|
@@ -300,7 +299,7 @@
|
|
|
300
299
|
align-items: center;
|
|
301
300
|
}
|
|
302
301
|
|
|
303
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
302
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
|
|
304
303
|
.tiptap-button {
|
|
305
304
|
font-size: 0.875rem;
|
|
306
305
|
font-weight: 500;
|
|
@@ -563,7 +562,7 @@
|
|
|
563
562
|
color: var(--tt-button-disabled-icon-color);
|
|
564
563
|
}
|
|
565
564
|
|
|
566
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
565
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
|
|
567
566
|
.tiptap-separator {
|
|
568
567
|
--tt-link-border-color: var(--tt-gray-light-a-200);
|
|
569
568
|
}
|
|
@@ -584,7 +583,7 @@
|
|
|
584
583
|
width: 1px;
|
|
585
584
|
}
|
|
586
585
|
|
|
587
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
586
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
|
|
588
587
|
:root {
|
|
589
588
|
--tt-toolbar-height: 2.75rem;
|
|
590
589
|
--tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
|
|
@@ -692,7 +691,7 @@
|
|
|
692
691
|
}
|
|
693
692
|
}
|
|
694
693
|
|
|
695
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
694
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
|
|
696
695
|
:root {
|
|
697
696
|
--tiptap-image-upload-active: var(--tt-brand-color-500);
|
|
698
697
|
--tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
|
|
@@ -896,7 +895,7 @@
|
|
|
896
895
|
}
|
|
897
896
|
}
|
|
898
897
|
|
|
899
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
898
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
|
|
900
899
|
.tiptap.ProseMirror {
|
|
901
900
|
--blockquote-bg-color: var(--tt-gray-light-900);
|
|
902
901
|
}
|
|
@@ -926,7 +925,7 @@
|
|
|
926
925
|
border-radius: 0;
|
|
927
926
|
}
|
|
928
927
|
|
|
929
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
928
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
|
|
930
929
|
.tiptap.ProseMirror {
|
|
931
930
|
--tt-inline-code-bg-color: var(--tt-gray-light-a-100);
|
|
932
931
|
--tt-inline-code-text-color: var(--tt-gray-light-a-700);
|
|
@@ -971,7 +970,7 @@
|
|
|
971
970
|
color: inherit;
|
|
972
971
|
}
|
|
973
972
|
|
|
974
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
973
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
|
|
975
974
|
.tiptap.ProseMirror {
|
|
976
975
|
--horizontal-rule-color: var(--tt-gray-light-a-200);
|
|
977
976
|
}
|
|
@@ -990,7 +989,7 @@
|
|
|
990
989
|
padding-bottom: 0.75rem;
|
|
991
990
|
}
|
|
992
991
|
|
|
993
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
992
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
|
|
994
993
|
.tiptap.ProseMirror {
|
|
995
994
|
--tt-checklist-bg-color: var(--tt-gray-light-a-100);
|
|
996
995
|
--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
|
|
@@ -1115,7 +1114,7 @@
|
|
|
1115
1114
|
min-width: 0;
|
|
1116
1115
|
}
|
|
1117
1116
|
|
|
1118
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1117
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
|
|
1119
1118
|
.tiptap.ProseMirror img {
|
|
1120
1119
|
max-width: 100%;
|
|
1121
1120
|
height: auto;
|
|
@@ -1140,7 +1139,7 @@
|
|
|
1140
1139
|
margin: 0;
|
|
1141
1140
|
}
|
|
1142
1141
|
|
|
1143
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1142
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
|
|
1144
1143
|
.tiptap.ProseMirror h1,
|
|
1145
1144
|
.tiptap.ProseMirror h2,
|
|
1146
1145
|
.tiptap.ProseMirror h3,
|
|
@@ -1180,7 +1179,7 @@
|
|
|
1180
1179
|
margin-top: 2em;
|
|
1181
1180
|
}
|
|
1182
1181
|
|
|
1183
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1182
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
|
|
1184
1183
|
.tiptap-badge {
|
|
1185
1184
|
--tt-badge-border-color: var(--tt-gray-light-a-200);
|
|
1186
1185
|
--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
|
|
@@ -1378,7 +1377,7 @@
|
|
|
1378
1377
|
--tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
|
|
1379
1378
|
}
|
|
1380
1379
|
|
|
1381
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1380
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
|
|
1382
1381
|
.tiptap-badge-group {
|
|
1383
1382
|
align-items: center;
|
|
1384
1383
|
display: flex;
|
|
@@ -1392,7 +1391,7 @@
|
|
|
1392
1391
|
flex-direction: row;
|
|
1393
1392
|
}
|
|
1394
1393
|
|
|
1395
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1394
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
|
|
1396
1395
|
.tiptap-badge {
|
|
1397
1396
|
font-size: 0.625rem;
|
|
1398
1397
|
font-weight: 700;
|
|
@@ -1470,7 +1469,7 @@
|
|
|
1470
1469
|
color: var(--tt-badge-icon-color-subdued);
|
|
1471
1470
|
}
|
|
1472
1471
|
|
|
1473
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1472
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
|
|
1474
1473
|
.tiptap-dropdown-menu {
|
|
1475
1474
|
--tt-dropdown-menu-bg-color: var(--white);
|
|
1476
1475
|
--tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
|
|
@@ -1517,7 +1516,7 @@
|
|
|
1517
1516
|
animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1518
1517
|
}
|
|
1519
1518
|
|
|
1520
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1519
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
|
|
1521
1520
|
:root {
|
|
1522
1521
|
--tiptap-card-bg-color: var(--white);
|
|
1523
1522
|
--tiptap-card-border-color: var(--tt-gray-light-a-100);
|
|
@@ -1586,7 +1585,7 @@
|
|
|
1586
1585
|
color: var(--tiptap-card-group-label-color);
|
|
1587
1586
|
}
|
|
1588
1587
|
|
|
1589
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1588
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
|
|
1590
1589
|
.tiptap-popover {
|
|
1591
1590
|
--tt-popover-bg-color: var(--white);
|
|
1592
1591
|
--tt-popover-border-color: var(--tt-gray-light-a-100);
|
|
@@ -1633,7 +1632,7 @@
|
|
|
1633
1632
|
animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1634
1633
|
}
|
|
1635
1634
|
|
|
1636
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1635
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
|
|
1637
1636
|
.tiptap-button-highlight {
|
|
1638
1637
|
position: relative;
|
|
1639
1638
|
width: 1.25rem;
|
|
@@ -1667,7 +1666,7 @@
|
|
|
1667
1666
|
filter: brightness(180%);
|
|
1668
1667
|
}
|
|
1669
1668
|
|
|
1670
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1669
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
|
|
1671
1670
|
:root {
|
|
1672
1671
|
--tiptap-input-placeholder: var(--tt-gray-light-a-400);
|
|
1673
1672
|
}
|
|
@@ -1707,7 +1706,7 @@
|
|
|
1707
1706
|
align-items: stretch;
|
|
1708
1707
|
}
|
|
1709
1708
|
|
|
1710
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-
|
|
1709
|
+
/* C:/Users/hamza/AppData/Local/Temp/tmp-36096-oVON0Pfslp8l/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
|
|
1711
1710
|
body {
|
|
1712
1711
|
--tt-toolbar-height: 44px;
|
|
1713
1712
|
--tt-theme-text: var(--tt-gray-dark-900);
|
|
@@ -1850,4717 +1849,4 @@ table .column-resize-handle {
|
|
|
1850
1849
|
padding: 4rem 1.5rem 50vh;
|
|
1851
1850
|
}
|
|
1852
1851
|
}
|
|
1853
|
-
|
|
1854
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/styles/index.css */
|
|
1855
|
-
.tiptap.ProseMirror {
|
|
1856
|
-
--blockquote-bg-color: var(--tt-gray-light-900);
|
|
1857
|
-
}
|
|
1858
|
-
.dark .tiptap.ProseMirror {
|
|
1859
|
-
--blockquote-bg-color: var(--tt-gray-dark-900);
|
|
1860
|
-
}
|
|
1861
|
-
.tiptap.ProseMirror blockquote {
|
|
1862
|
-
position: relative;
|
|
1863
|
-
padding-left: 1em;
|
|
1864
|
-
padding-top: 0.375em;
|
|
1865
|
-
padding-bottom: 0.375em;
|
|
1866
|
-
margin: 1.5rem 0;
|
|
1867
|
-
}
|
|
1868
|
-
.tiptap.ProseMirror blockquote p {
|
|
1869
|
-
margin-top: 0;
|
|
1870
|
-
}
|
|
1871
|
-
.tiptap.ProseMirror blockquote::before,
|
|
1872
|
-
.tiptap.ProseMirror blockquote.is-empty::before {
|
|
1873
|
-
position: absolute;
|
|
1874
|
-
bottom: 0;
|
|
1875
|
-
left: 0;
|
|
1876
|
-
top: 0;
|
|
1877
|
-
height: 100%;
|
|
1878
|
-
width: 0.25em;
|
|
1879
|
-
background-color: var(--blockquote-bg-color);
|
|
1880
|
-
content: "";
|
|
1881
|
-
border-radius: 0;
|
|
1882
|
-
}
|
|
1883
|
-
.tiptap.ProseMirror {
|
|
1884
|
-
--tt-inline-code-bg-color: var(--tt-gray-light-a-100);
|
|
1885
|
-
--tt-inline-code-text-color: var(--tt-gray-light-a-700);
|
|
1886
|
-
--tt-inline-code-border-color: var(--tt-gray-light-a-200);
|
|
1887
|
-
--tt-codeblock-bg: var(--tt-gray-light-a-50);
|
|
1888
|
-
--tt-codeblock-text: var(--tt-gray-light-a-800);
|
|
1889
|
-
--tt-codeblock-border: var(--tt-gray-light-a-200);
|
|
1890
|
-
}
|
|
1891
|
-
.dark .tiptap.ProseMirror {
|
|
1892
|
-
--tt-inline-code-bg-color: var(--tt-gray-dark-a-100);
|
|
1893
|
-
--tt-inline-code-text-color: var(--tt-gray-dark-a-700);
|
|
1894
|
-
--tt-inline-code-border-color: var(--tt-gray-dark-a-200);
|
|
1895
|
-
--tt-codeblock-bg: var(--tt-gray-dark-a-50);
|
|
1896
|
-
--tt-codeblock-text: var(--tt-gray-dark-a-800);
|
|
1897
|
-
--tt-codeblock-border: var(--tt-gray-dark-a-200);
|
|
1898
|
-
}
|
|
1899
|
-
.tiptap.ProseMirror code {
|
|
1900
|
-
background-color: var(--tt-inline-code-bg-color);
|
|
1901
|
-
color: var(--tt-inline-code-text-color);
|
|
1902
|
-
border: 1px solid var(--tt-inline-code-border-color);
|
|
1903
|
-
font-family: "JetBrains Mono NL", monospace;
|
|
1904
|
-
font-size: 0.875em;
|
|
1905
|
-
line-height: 1.4;
|
|
1906
|
-
border-radius: 6px/0.375rem;
|
|
1907
|
-
padding: 0.1em 0.2em;
|
|
1908
|
-
}
|
|
1909
|
-
.tiptap.ProseMirror pre {
|
|
1910
|
-
background-color: var(--tt-codeblock-bg);
|
|
1911
|
-
color: var(--tt-codeblock-text);
|
|
1912
|
-
border: 1px solid var(--tt-codeblock-border);
|
|
1913
|
-
margin-top: 1.5em;
|
|
1914
|
-
margin-bottom: 1.5em;
|
|
1915
|
-
padding: 1em;
|
|
1916
|
-
font-size: 1rem;
|
|
1917
|
-
border-radius: 6px/0.375rem;
|
|
1918
|
-
}
|
|
1919
|
-
.tiptap.ProseMirror pre code {
|
|
1920
|
-
background-color: transparent;
|
|
1921
|
-
border: none;
|
|
1922
|
-
border-radius: 0;
|
|
1923
|
-
-webkit-text-fill-color: inherit;
|
|
1924
|
-
color: inherit;
|
|
1925
|
-
}
|
|
1926
|
-
.tiptap.ProseMirror h1,
|
|
1927
|
-
.tiptap.ProseMirror h2,
|
|
1928
|
-
.tiptap.ProseMirror h3,
|
|
1929
|
-
.tiptap.ProseMirror h4 {
|
|
1930
|
-
position: relative;
|
|
1931
|
-
color: inherit;
|
|
1932
|
-
font-style: inherit;
|
|
1933
|
-
}
|
|
1934
|
-
.tiptap.ProseMirror h1:first-child,
|
|
1935
|
-
.tiptap.ProseMirror h1:first-of-type,
|
|
1936
|
-
.tiptap.ProseMirror h2:first-child,
|
|
1937
|
-
.tiptap.ProseMirror h2:first-of-type,
|
|
1938
|
-
.tiptap.ProseMirror h3:first-child,
|
|
1939
|
-
.tiptap.ProseMirror h3:first-of-type,
|
|
1940
|
-
.tiptap.ProseMirror h4:first-child,
|
|
1941
|
-
.tiptap.ProseMirror h4:first-of-type {
|
|
1942
|
-
margin-top: 0;
|
|
1943
|
-
}
|
|
1944
|
-
.tiptap.ProseMirror h1 {
|
|
1945
|
-
font-size: 1.5em;
|
|
1946
|
-
font-weight: 700;
|
|
1947
|
-
margin-top: 3em;
|
|
1948
|
-
}
|
|
1949
|
-
.tiptap.ProseMirror h2 {
|
|
1950
|
-
font-size: 1.25em;
|
|
1951
|
-
font-weight: 700;
|
|
1952
|
-
margin-top: 2.5em;
|
|
1953
|
-
}
|
|
1954
|
-
.tiptap.ProseMirror h3 {
|
|
1955
|
-
font-size: 1.125em;
|
|
1956
|
-
font-weight: 600;
|
|
1957
|
-
margin-top: 2em;
|
|
1958
|
-
}
|
|
1959
|
-
.tiptap.ProseMirror h4 {
|
|
1960
|
-
font-size: 1em;
|
|
1961
|
-
font-weight: 600;
|
|
1962
|
-
margin-top: 2em;
|
|
1963
|
-
}
|
|
1964
|
-
.tiptap.ProseMirror {
|
|
1965
|
-
--horizontal-rule-color: var(--tt-gray-light-a-200);
|
|
1966
|
-
}
|
|
1967
|
-
.dark .tiptap.ProseMirror {
|
|
1968
|
-
--horizontal-rule-color: var(--tt-gray-dark-a-200);
|
|
1969
|
-
}
|
|
1970
|
-
.tiptap.ProseMirror hr {
|
|
1971
|
-
border: none;
|
|
1972
|
-
height: 1px;
|
|
1973
|
-
background-color: var(--horizontal-rule-color);
|
|
1974
|
-
}
|
|
1975
|
-
.tiptap.ProseMirror [data-type=horizontalRule] {
|
|
1976
|
-
margin-top: 2.25em;
|
|
1977
|
-
margin-bottom: 2.25em;
|
|
1978
|
-
padding-top: 0.75rem;
|
|
1979
|
-
padding-bottom: 0.75rem;
|
|
1980
|
-
}
|
|
1981
|
-
.tiptap.ProseMirror img {
|
|
1982
|
-
max-width: 100%;
|
|
1983
|
-
height: auto;
|
|
1984
|
-
display: block;
|
|
1985
|
-
}
|
|
1986
|
-
.tiptap.ProseMirror > img:not([data-type=emoji] img) {
|
|
1987
|
-
margin: 2rem 0;
|
|
1988
|
-
outline: 0.125rem solid transparent;
|
|
1989
|
-
border-radius: var(--tt-radius-xs, 0.25rem);
|
|
1990
|
-
}
|
|
1991
|
-
.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
|
|
1992
|
-
outline-color: var(--tt-brand-color-500);
|
|
1993
|
-
}
|
|
1994
|
-
.tiptap.ProseMirror .tiptap-thread:has(> img) {
|
|
1995
|
-
margin: 2rem 0;
|
|
1996
|
-
}
|
|
1997
|
-
.tiptap.ProseMirror .tiptap-thread:has(> img) img {
|
|
1998
|
-
outline: 0.125rem solid transparent;
|
|
1999
|
-
border-radius: var(--tt-radius-xs, 0.25rem);
|
|
2000
|
-
}
|
|
2001
|
-
.tiptap.ProseMirror .tiptap-thread img {
|
|
2002
|
-
margin: 0;
|
|
2003
|
-
}
|
|
2004
|
-
:root {
|
|
2005
|
-
--tiptap-image-upload-active: var(--tt-brand-color-500);
|
|
2006
|
-
--tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
|
|
2007
|
-
--tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
|
|
2008
|
-
--tiptap-image-upload-text-color: var(--tt-gray-light-a-700);
|
|
2009
|
-
--tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);
|
|
2010
|
-
--tiptap-image-upload-border: var(--tt-gray-light-a-300);
|
|
2011
|
-
--tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);
|
|
2012
|
-
--tiptap-image-upload-border-active: var(--tt-brand-color-500);
|
|
2013
|
-
--tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);
|
|
2014
|
-
--tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
|
|
2015
|
-
--tiptap-image-upload-icon-color: var(--white);
|
|
2016
|
-
}
|
|
2017
|
-
.dark {
|
|
2018
|
-
--tiptap-image-upload-active: var(--tt-brand-color-400);
|
|
2019
|
-
--tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
|
|
2020
|
-
--tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
|
|
2021
|
-
--tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);
|
|
2022
|
-
--tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);
|
|
2023
|
-
--tiptap-image-upload-border: var(--tt-gray-dark-a-300);
|
|
2024
|
-
--tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);
|
|
2025
|
-
--tiptap-image-upload-border-active: var(--tt-brand-color-400);
|
|
2026
|
-
--tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);
|
|
2027
|
-
--tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);
|
|
2028
|
-
--tiptap-image-upload-icon-color: var(--black);
|
|
2029
|
-
}
|
|
2030
|
-
.tiptap-image-upload {
|
|
2031
|
-
margin: 2rem 0;
|
|
2032
|
-
}
|
|
2033
|
-
.tiptap-image-upload input[type=file] {
|
|
2034
|
-
display: none;
|
|
2035
|
-
}
|
|
2036
|
-
.tiptap-image-upload .tiptap-image-upload-dropzone {
|
|
2037
|
-
position: relative;
|
|
2038
|
-
width: 3.125rem;
|
|
2039
|
-
height: 3.75rem;
|
|
2040
|
-
display: inline-flex;
|
|
2041
|
-
align-items: flex-start;
|
|
2042
|
-
justify-content: center;
|
|
2043
|
-
-webkit-user-select: none;
|
|
2044
|
-
-ms-user-select: none;
|
|
2045
|
-
user-select: none;
|
|
2046
|
-
}
|
|
2047
|
-
.tiptap-image-upload .tiptap-image-upload-icon-container {
|
|
2048
|
-
position: absolute;
|
|
2049
|
-
width: 1.75rem;
|
|
2050
|
-
height: 1.75rem;
|
|
2051
|
-
bottom: 0;
|
|
2052
|
-
right: 0;
|
|
2053
|
-
background-color: var(--tiptap-image-upload-icon-bg);
|
|
2054
|
-
border-radius: var(--tt-radius-lg, 0.75rem);
|
|
2055
|
-
display: flex;
|
|
2056
|
-
align-items: center;
|
|
2057
|
-
justify-content: center;
|
|
2058
|
-
}
|
|
2059
|
-
.tiptap-image-upload .tiptap-image-upload-icon {
|
|
2060
|
-
width: 0.875rem;
|
|
2061
|
-
height: 0.875rem;
|
|
2062
|
-
color: var(--tiptap-image-upload-icon-color);
|
|
2063
|
-
}
|
|
2064
|
-
.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary {
|
|
2065
|
-
color: var(--tiptap-image-upload-icon-doc-bg);
|
|
2066
|
-
position: absolute;
|
|
2067
|
-
}
|
|
2068
|
-
.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary {
|
|
2069
|
-
position: absolute;
|
|
2070
|
-
top: 0;
|
|
2071
|
-
right: 0.25rem;
|
|
2072
|
-
bottom: 0;
|
|
2073
|
-
color: var(--tiptap-image-upload-icon-doc-border);
|
|
2074
|
-
}
|
|
2075
|
-
.tiptap-image-upload .tiptap-image-upload-text {
|
|
2076
|
-
color: var(--tiptap-image-upload-text-color);
|
|
2077
|
-
font-weight: 500;
|
|
2078
|
-
font-size: 0.875rem;
|
|
2079
|
-
line-height: normal;
|
|
2080
|
-
}
|
|
2081
|
-
.tiptap-image-upload .tiptap-image-upload-text em {
|
|
2082
|
-
font-style: normal;
|
|
2083
|
-
text-decoration: underline;
|
|
2084
|
-
}
|
|
2085
|
-
.tiptap-image-upload .tiptap-image-upload-subtext {
|
|
2086
|
-
color: var(--tiptap-image-upload-subtext-color);
|
|
2087
|
-
font-weight: 600;
|
|
2088
|
-
line-height: normal;
|
|
2089
|
-
font-size: 0.75rem;
|
|
2090
|
-
}
|
|
2091
|
-
.tiptap-image-upload .tiptap-image-upload-drag-area {
|
|
2092
|
-
padding: 2rem 1.5rem;
|
|
2093
|
-
border: 1.5px dashed var(--tiptap-image-upload-border);
|
|
2094
|
-
border-radius: var(--tt-radius-md, 0.5rem);
|
|
2095
|
-
text-align: center;
|
|
2096
|
-
cursor: pointer;
|
|
2097
|
-
position: relative;
|
|
2098
|
-
overflow: hidden;
|
|
2099
|
-
transition: all 0.2s ease;
|
|
2100
|
-
}
|
|
2101
|
-
.tiptap-image-upload .tiptap-image-upload-drag-area:hover {
|
|
2102
|
-
border-color: var(--tiptap-image-upload-border-hover);
|
|
2103
|
-
}
|
|
2104
|
-
.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active {
|
|
2105
|
-
border-color: var(--tiptap-image-upload-border-active);
|
|
2106
|
-
background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.05);
|
|
2107
|
-
}
|
|
2108
|
-
.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over {
|
|
2109
|
-
border-color: var(--tiptap-image-upload-border-active);
|
|
2110
|
-
background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.1);
|
|
2111
|
-
}
|
|
2112
|
-
.tiptap-image-upload .tiptap-image-upload-content {
|
|
2113
|
-
display: flex;
|
|
2114
|
-
align-items: center;
|
|
2115
|
-
justify-content: center;
|
|
2116
|
-
flex-direction: column;
|
|
2117
|
-
gap: 0.25rem;
|
|
2118
|
-
-webkit-user-select: none;
|
|
2119
|
-
-ms-user-select: none;
|
|
2120
|
-
user-select: none;
|
|
2121
|
-
}
|
|
2122
|
-
.tiptap-image-upload .tiptap-image-upload-previews {
|
|
2123
|
-
display: flex;
|
|
2124
|
-
flex-direction: column;
|
|
2125
|
-
gap: 0.75rem;
|
|
2126
|
-
}
|
|
2127
|
-
.tiptap-image-upload .tiptap-image-upload-header {
|
|
2128
|
-
display: flex;
|
|
2129
|
-
align-items: center;
|
|
2130
|
-
justify-content: space-between;
|
|
2131
|
-
padding: 0.5rem 0;
|
|
2132
|
-
border-bottom: 1px solid var(--tiptap-image-upload-border);
|
|
2133
|
-
margin-bottom: 0.5rem;
|
|
2134
|
-
}
|
|
2135
|
-
.tiptap-image-upload .tiptap-image-upload-header span {
|
|
2136
|
-
font-size: 0.875rem;
|
|
2137
|
-
font-weight: 500;
|
|
2138
|
-
color: var(--tiptap-image-upload-text-color);
|
|
2139
|
-
}
|
|
2140
|
-
.tiptap-image-upload .tiptap-image-upload-preview {
|
|
2141
|
-
position: relative;
|
|
2142
|
-
border-radius: var(--tt-radius-md, 0.5rem);
|
|
2143
|
-
overflow: hidden;
|
|
2144
|
-
}
|
|
2145
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress {
|
|
2146
|
-
position: absolute;
|
|
2147
|
-
inset: 0;
|
|
2148
|
-
background-color: var(--tiptap-image-upload-progress-bg);
|
|
2149
|
-
transition: all 300ms ease-out;
|
|
2150
|
-
}
|
|
2151
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content {
|
|
2152
|
-
position: relative;
|
|
2153
|
-
border: 1px solid var(--tiptap-image-upload-border);
|
|
2154
|
-
border-radius: var(--tt-radius-md, 0.5rem);
|
|
2155
|
-
padding: 1rem;
|
|
2156
|
-
display: flex;
|
|
2157
|
-
align-items: center;
|
|
2158
|
-
justify-content: space-between;
|
|
2159
|
-
}
|
|
2160
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info {
|
|
2161
|
-
display: flex;
|
|
2162
|
-
align-items: center;
|
|
2163
|
-
gap: 0.75rem;
|
|
2164
|
-
height: 2rem;
|
|
2165
|
-
}
|
|
2166
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon {
|
|
2167
|
-
padding: 0.5rem;
|
|
2168
|
-
background-color: var(--tiptap-image-upload-icon-bg);
|
|
2169
|
-
border-radius: var(--tt-radius-lg, 0.75rem);
|
|
2170
|
-
}
|
|
2171
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg {
|
|
2172
|
-
width: 0.875rem;
|
|
2173
|
-
height: 0.875rem;
|
|
2174
|
-
color: var(--tiptap-image-upload-icon-color);
|
|
2175
|
-
}
|
|
2176
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details {
|
|
2177
|
-
display: flex;
|
|
2178
|
-
flex-direction: column;
|
|
2179
|
-
}
|
|
2180
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions {
|
|
2181
|
-
display: flex;
|
|
2182
|
-
align-items: center;
|
|
2183
|
-
gap: 0.5rem;
|
|
2184
|
-
}
|
|
2185
|
-
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text {
|
|
2186
|
-
font-size: 0.75rem;
|
|
2187
|
-
color: var(--tiptap-image-upload-border-active);
|
|
2188
|
-
font-weight: 600;
|
|
2189
|
-
}
|
|
2190
|
-
.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area {
|
|
2191
|
-
border-color: var(--tiptap-image-upload-active);
|
|
2192
|
-
}
|
|
2193
|
-
@media (max-width: 480px) {
|
|
2194
|
-
.tiptap-image-upload .tiptap-image-upload-drag-area {
|
|
2195
|
-
padding: 1.5rem 1rem;
|
|
2196
|
-
}
|
|
2197
|
-
.tiptap-image-upload .tiptap-image-upload-header {
|
|
2198
|
-
flex-direction: column;
|
|
2199
|
-
align-items: flex-start;
|
|
2200
|
-
gap: 0.5rem;
|
|
2201
|
-
}
|
|
2202
|
-
.tiptap-image-upload .tiptap-image-upload-preview-content {
|
|
2203
|
-
padding: 0.75rem;
|
|
2204
|
-
}
|
|
2205
|
-
}
|
|
2206
|
-
.tiptap.ProseMirror {
|
|
2207
|
-
--tt-checklist-bg-color: var(--tt-gray-light-a-100);
|
|
2208
|
-
--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
|
|
2209
|
-
--tt-checklist-border-color: var(--tt-gray-light-a-200);
|
|
2210
|
-
--tt-checklist-border-active-color: var(--tt-gray-light-a-900);
|
|
2211
|
-
--tt-checklist-check-icon-color: var(--white);
|
|
2212
|
-
--tt-checklist-text-active: var(--tt-gray-light-a-500);
|
|
2213
|
-
}
|
|
2214
|
-
.dark .tiptap.ProseMirror {
|
|
2215
|
-
--tt-checklist-bg-color: var(--tt-gray-dark-a-100);
|
|
2216
|
-
--tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);
|
|
2217
|
-
--tt-checklist-border-color: var(--tt-gray-dark-a-200);
|
|
2218
|
-
--tt-checklist-border-active-color: var(--tt-gray-dark-a-900);
|
|
2219
|
-
--tt-checklist-check-icon-color: var(--black);
|
|
2220
|
-
--tt-checklist-text-active: var(--tt-gray-dark-a-500);
|
|
2221
|
-
}
|
|
2222
|
-
.tiptap.ProseMirror ol,
|
|
2223
|
-
.tiptap.ProseMirror ul {
|
|
2224
|
-
margin-top: 1.5em;
|
|
2225
|
-
margin-bottom: 1.5em;
|
|
2226
|
-
padding-left: 1.5em;
|
|
2227
|
-
}
|
|
2228
|
-
.tiptap.ProseMirror ol:first-child,
|
|
2229
|
-
.tiptap.ProseMirror ul:first-child {
|
|
2230
|
-
margin-top: 0;
|
|
2231
|
-
}
|
|
2232
|
-
.tiptap.ProseMirror ol:last-child,
|
|
2233
|
-
.tiptap.ProseMirror ul:last-child {
|
|
2234
|
-
margin-bottom: 0;
|
|
2235
|
-
}
|
|
2236
|
-
.tiptap.ProseMirror ol ol,
|
|
2237
|
-
.tiptap.ProseMirror ol ul,
|
|
2238
|
-
.tiptap.ProseMirror ul ol,
|
|
2239
|
-
.tiptap.ProseMirror ul ul {
|
|
2240
|
-
margin-top: 0;
|
|
2241
|
-
margin-bottom: 0;
|
|
2242
|
-
}
|
|
2243
|
-
.tiptap.ProseMirror li p {
|
|
2244
|
-
margin-top: 0;
|
|
2245
|
-
line-height: 1.6;
|
|
2246
|
-
}
|
|
2247
|
-
.tiptap.ProseMirror ol {
|
|
2248
|
-
list-style: decimal;
|
|
2249
|
-
}
|
|
2250
|
-
.tiptap.ProseMirror ol ol {
|
|
2251
|
-
list-style: lower-alpha;
|
|
2252
|
-
}
|
|
2253
|
-
.tiptap.ProseMirror ol ol ol {
|
|
2254
|
-
list-style: lower-roman;
|
|
2255
|
-
}
|
|
2256
|
-
.tiptap.ProseMirror ul:not([data-type=taskList]) {
|
|
2257
|
-
list-style: disc;
|
|
2258
|
-
}
|
|
2259
|
-
.tiptap.ProseMirror ul:not([data-type=taskList]) ul {
|
|
2260
|
-
list-style: circle;
|
|
2261
|
-
}
|
|
2262
|
-
.tiptap.ProseMirror ul:not([data-type=taskList]) ul ul {
|
|
2263
|
-
list-style: square;
|
|
2264
|
-
}
|
|
2265
|
-
.tiptap.ProseMirror ul[data-type=taskList] {
|
|
2266
|
-
padding-left: 0.25em;
|
|
2267
|
-
}
|
|
2268
|
-
.tiptap.ProseMirror ul[data-type=taskList] li {
|
|
2269
|
-
display: flex;
|
|
2270
|
-
flex-direction: row;
|
|
2271
|
-
align-items: flex-start;
|
|
2272
|
-
}
|
|
2273
|
-
.tiptap.ProseMirror ul[data-type=taskList] li:not(:has(> p:first-child)) {
|
|
2274
|
-
list-style-type: none;
|
|
2275
|
-
}
|
|
2276
|
-
.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true] > div > p {
|
|
2277
|
-
opacity: 0.5;
|
|
2278
|
-
text-decoration: line-through;
|
|
2279
|
-
}
|
|
2280
|
-
.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true] > div > p span {
|
|
2281
|
-
text-decoration: line-through;
|
|
2282
|
-
}
|
|
2283
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label {
|
|
2284
|
-
position: relative;
|
|
2285
|
-
padding-top: 0.375rem;
|
|
2286
|
-
padding-right: 0.5rem;
|
|
2287
|
-
}
|
|
2288
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox] {
|
|
2289
|
-
position: absolute;
|
|
2290
|
-
opacity: 0;
|
|
2291
|
-
width: 0;
|
|
2292
|
-
height: 0;
|
|
2293
|
-
}
|
|
2294
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label span {
|
|
2295
|
-
display: block;
|
|
2296
|
-
width: 1em;
|
|
2297
|
-
height: 1em;
|
|
2298
|
-
border: 1px solid var(--tt-checklist-border-color);
|
|
2299
|
-
border-radius: var(--tt-radius-xs, 0.25rem);
|
|
2300
|
-
position: relative;
|
|
2301
|
-
cursor: pointer;
|
|
2302
|
-
background-color: var(--tt-checklist-bg-color);
|
|
2303
|
-
transition: background-color 80ms ease-out, border-color 80ms ease-out;
|
|
2304
|
-
}
|
|
2305
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label span::before {
|
|
2306
|
-
content: "";
|
|
2307
|
-
position: absolute;
|
|
2308
|
-
left: 50%;
|
|
2309
|
-
top: 50%;
|
|
2310
|
-
transform: translate(-50%, -50%);
|
|
2311
|
-
width: 0.75em;
|
|
2312
|
-
height: 0.75em;
|
|
2313
|
-
background-color: var(--tt-checklist-check-icon-color);
|
|
2314
|
-
opacity: 0;
|
|
2315
|
-
-webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;
|
|
2316
|
-
mask: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;
|
|
2317
|
-
}
|
|
2318
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked + span {
|
|
2319
|
-
background: var(--tt-checklist-bg-active-color);
|
|
2320
|
-
border-color: var(--tt-checklist-border-active-color);
|
|
2321
|
-
}
|
|
2322
|
-
.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked + span::before {
|
|
2323
|
-
opacity: 1;
|
|
2324
|
-
}
|
|
2325
|
-
.tiptap.ProseMirror ul[data-type=taskList] li div {
|
|
2326
|
-
flex: 1 1 0%;
|
|
2327
|
-
min-width: 0;
|
|
2328
|
-
}
|
|
2329
|
-
.tiptap.ProseMirror {
|
|
2330
|
-
--tt-collaboration-carets-label: var(--tt-gray-light-900);
|
|
2331
|
-
--link-text-color: var(--tt-brand-color-500);
|
|
2332
|
-
--thread-text: var(--tt-gray-light-900);
|
|
2333
|
-
--placeholder-color: var(--tt-gray-light-a-400);
|
|
2334
|
-
--thread-bg-color: var(--tt-color-yellow-inc-2);
|
|
2335
|
-
--tiptap-ai-insertion-color: var(--tt-brand-color-600);
|
|
2336
|
-
}
|
|
2337
|
-
.dark .tiptap.ProseMirror {
|
|
2338
|
-
--tt-collaboration-carets-label: var(--tt-gray-dark-100);
|
|
2339
|
-
--link-text-color: var(--tt-brand-color-400);
|
|
2340
|
-
--thread-text: var(--tt-gray-dark-900);
|
|
2341
|
-
--placeholder-color: var(--tt-gray-dark-a-400);
|
|
2342
|
-
--thread-bg-color: var(--tt-color-yellow-dec-2);
|
|
2343
|
-
--tiptap-ai-insertion-color: var(--tt-brand-color-400);
|
|
2344
|
-
}
|
|
2345
|
-
.tiptap.ProseMirror > * {
|
|
2346
|
-
position: relative;
|
|
2347
|
-
}
|
|
2348
|
-
.tiptap.ProseMirror {
|
|
2349
|
-
white-space: pre-wrap;
|
|
2350
|
-
outline: none;
|
|
2351
|
-
caret-color: var(--tt-cursor-color);
|
|
2352
|
-
}
|
|
2353
|
-
.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p) {
|
|
2354
|
-
font-size: 1rem;
|
|
2355
|
-
line-height: 1.6;
|
|
2356
|
-
font-weight: normal;
|
|
2357
|
-
margin-top: 20px;
|
|
2358
|
-
}
|
|
2359
|
-
.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection {
|
|
2360
|
-
background-color: var(--tt-selection-color);
|
|
2361
|
-
}
|
|
2362
|
-
.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection {
|
|
2363
|
-
background: transparent;
|
|
2364
|
-
}
|
|
2365
|
-
.tiptap.ProseMirror .selection {
|
|
2366
|
-
display: inline;
|
|
2367
|
-
background-color: var(--tt-selection-color);
|
|
2368
|
-
}
|
|
2369
|
-
.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer) {
|
|
2370
|
-
border-radius: var(--tt-radius-md);
|
|
2371
|
-
background-color: var(--tt-selection-color);
|
|
2372
|
-
}
|
|
2373
|
-
.tiptap.ProseMirror .ProseMirror-hideselection {
|
|
2374
|
-
caret-color: transparent;
|
|
2375
|
-
}
|
|
2376
|
-
.tiptap.ProseMirror.resize-cursor {
|
|
2377
|
-
cursor: ew-resize;
|
|
2378
|
-
cursor: col-resize;
|
|
2379
|
-
}
|
|
2380
|
-
.tiptap.ProseMirror a span {
|
|
2381
|
-
text-decoration: underline;
|
|
2382
|
-
}
|
|
2383
|
-
.tiptap.ProseMirror s span {
|
|
2384
|
-
text-decoration: line-through;
|
|
2385
|
-
}
|
|
2386
|
-
.tiptap.ProseMirror u span {
|
|
2387
|
-
text-decoration: underline;
|
|
2388
|
-
}
|
|
2389
|
-
.tiptap.ProseMirror .tiptap-ai-insertion {
|
|
2390
|
-
color: var(--tiptap-ai-insertion-color);
|
|
2391
|
-
}
|
|
2392
|
-
.tiptap.ProseMirror .collaboration-carets__caret {
|
|
2393
|
-
border-right: 1px solid transparent;
|
|
2394
|
-
border-left: 1px solid transparent;
|
|
2395
|
-
pointer-events: none;
|
|
2396
|
-
margin-left: -1px;
|
|
2397
|
-
margin-right: -1px;
|
|
2398
|
-
position: relative;
|
|
2399
|
-
word-break: normal;
|
|
2400
|
-
}
|
|
2401
|
-
.tiptap.ProseMirror .collaboration-carets__label {
|
|
2402
|
-
color: var(--tt-collaboration-carets-label);
|
|
2403
|
-
border-radius: 0.25rem;
|
|
2404
|
-
border-bottom-left-radius: 0;
|
|
2405
|
-
font-size: 0.75rem;
|
|
2406
|
-
font-weight: 600;
|
|
2407
|
-
left: -1px;
|
|
2408
|
-
line-height: 1;
|
|
2409
|
-
padding: 0.125rem 0.375rem;
|
|
2410
|
-
position: absolute;
|
|
2411
|
-
top: -1.3em;
|
|
2412
|
-
user-select: none;
|
|
2413
|
-
white-space: nowrap;
|
|
2414
|
-
}
|
|
2415
|
-
.tiptap.ProseMirror [data-type=emoji] img {
|
|
2416
|
-
display: inline-block;
|
|
2417
|
-
width: 1.25em;
|
|
2418
|
-
height: 1.25em;
|
|
2419
|
-
cursor: text;
|
|
2420
|
-
}
|
|
2421
|
-
.tiptap.ProseMirror a {
|
|
2422
|
-
color: var(--link-text-color);
|
|
2423
|
-
text-decoration: underline;
|
|
2424
|
-
}
|
|
2425
|
-
.tiptap.ProseMirror [data-type=mention] {
|
|
2426
|
-
display: inline-block;
|
|
2427
|
-
color: var(--tt-brand-color-500);
|
|
2428
|
-
}
|
|
2429
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline {
|
|
2430
|
-
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
2431
|
-
color: var(--thread-text);
|
|
2432
|
-
border-bottom: 2px dashed var(--tt-color-yellow-base);
|
|
2433
|
-
font-weight: 600;
|
|
2434
|
-
}
|
|
2435
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,
|
|
2436
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered {
|
|
2437
|
-
background-color: var(--thread-bg-color);
|
|
2438
|
-
border-bottom-color: transparent;
|
|
2439
|
-
}
|
|
2440
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img) {
|
|
2441
|
-
outline: 0.125rem solid var(--tt-color-yellow-base);
|
|
2442
|
-
border-radius: var(--tt-radius-xs, 0.25rem);
|
|
2443
|
-
overflow: hidden;
|
|
2444
|
-
width: fit-content;
|
|
2445
|
-
}
|
|
2446
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected {
|
|
2447
|
-
outline-width: 0.25rem;
|
|
2448
|
-
outline-color: var(--tt-color-yellow-base);
|
|
2449
|
-
}
|
|
2450
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered {
|
|
2451
|
-
outline-width: 0.25rem;
|
|
2452
|
-
}
|
|
2453
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)) {
|
|
2454
|
-
border-radius: 0.25rem;
|
|
2455
|
-
border-bottom: 0.125rem dashed var(--tt-color-yellow-base);
|
|
2456
|
-
border-top: 0.125rem dashed var(--tt-color-yellow-base);
|
|
2457
|
-
outline: 0.25rem solid transparent;
|
|
2458
|
-
}
|
|
2459
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,
|
|
2460
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected {
|
|
2461
|
-
background-color: var(--tt-color-yellow-base);
|
|
2462
|
-
outline-color: var(--tt-color-yellow-base);
|
|
2463
|
-
}
|
|
2464
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected {
|
|
2465
|
-
background-color: var(--tt-color-yellow-base);
|
|
2466
|
-
border-color: transparent;
|
|
2467
|
-
opacity: 0.5;
|
|
2468
|
-
}
|
|
2469
|
-
.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer) {
|
|
2470
|
-
margin-top: 3rem;
|
|
2471
|
-
margin-bottom: 3rem;
|
|
2472
|
-
}
|
|
2473
|
-
.is-empty:not(.with-slash)[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
|
|
2474
|
-
content: attr(data-placeholder);
|
|
2475
|
-
}
|
|
2476
|
-
.is-empty.with-slash[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
|
|
2477
|
-
content: "Write, type '/' for commands\2026";
|
|
2478
|
-
font-style: italic;
|
|
2479
|
-
}
|
|
2480
|
-
.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child):before {
|
|
2481
|
-
pointer-events: none;
|
|
2482
|
-
height: 0;
|
|
2483
|
-
position: absolute;
|
|
2484
|
-
width: 100%;
|
|
2485
|
-
text-align: inherit;
|
|
2486
|
-
left: 0;
|
|
2487
|
-
right: 0;
|
|
2488
|
-
}
|
|
2489
|
-
.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak):before {
|
|
2490
|
-
color: var(--placeholder-color);
|
|
2491
|
-
}
|
|
2492
|
-
.prosemirror-dropcursor-block,
|
|
2493
|
-
.prosemirror-dropcursor-inline {
|
|
2494
|
-
background: var(--tt-brand-color-400) !important;
|
|
2495
|
-
border-radius: 0.25rem;
|
|
2496
|
-
margin-left: -1px;
|
|
2497
|
-
margin-right: -1px;
|
|
2498
|
-
width: 100%;
|
|
2499
|
-
height: 0.188rem;
|
|
2500
|
-
cursor: grabbing;
|
|
2501
|
-
}
|
|
2502
|
-
body {
|
|
2503
|
-
--tt-toolbar-height: 44px;
|
|
2504
|
-
--tt-theme-text: var(--tt-gray-dark-900);
|
|
2505
|
-
}
|
|
2506
|
-
body {
|
|
2507
|
-
font-family: "Inter", sans-serif;
|
|
2508
|
-
color: var(--tt-theme-text);
|
|
2509
|
-
font-optical-sizing: auto;
|
|
2510
|
-
font-weight: 400;
|
|
2511
|
-
font-style: normal;
|
|
2512
|
-
padding: 0;
|
|
2513
|
-
overscroll-behavior-y: none;
|
|
2514
|
-
}
|
|
2515
|
-
html,
|
|
2516
|
-
body {
|
|
2517
|
-
overscroll-behavior-x: none;
|
|
2518
|
-
height: 100%;
|
|
2519
|
-
}
|
|
2520
|
-
html,
|
|
2521
|
-
body,
|
|
2522
|
-
#root,
|
|
2523
|
-
#app {
|
|
2524
|
-
height: 100%;
|
|
2525
|
-
background-color: var(--tt-bg-color);
|
|
2526
|
-
}
|
|
2527
|
-
::-webkit-scrollbar {
|
|
2528
|
-
width: 0.25rem;
|
|
2529
|
-
}
|
|
2530
|
-
* {
|
|
2531
|
-
scrollbar-width: thin;
|
|
2532
|
-
scrollbar-color: var(--tt-scrollbar-color) transparent;
|
|
2533
|
-
}
|
|
2534
|
-
::-webkit-scrollbar-thumb {
|
|
2535
|
-
background-color: var(--tt-scrollbar-color);
|
|
2536
|
-
border-radius: 9999px;
|
|
2537
|
-
}
|
|
2538
|
-
::-webkit-scrollbar-track {
|
|
2539
|
-
background: transparent;
|
|
2540
|
-
}
|
|
2541
|
-
.tiptap.ProseMirror {
|
|
2542
|
-
font-family: "DM Sans", sans-serif;
|
|
2543
|
-
}
|
|
2544
|
-
.simple-editor-wrapper {
|
|
2545
|
-
width: 100%;
|
|
2546
|
-
height: 100%;
|
|
2547
|
-
display: flex;
|
|
2548
|
-
flex-direction: column;
|
|
2549
|
-
overflow: hidden;
|
|
2550
|
-
min-width: 0;
|
|
2551
|
-
box-sizing: border-box;
|
|
2552
|
-
-webkit-overflow-scrolling: touch;
|
|
2553
|
-
position: relative;
|
|
2554
|
-
}
|
|
2555
|
-
.simple-editor-content {
|
|
2556
|
-
max-width: 900px;
|
|
2557
|
-
width: 100%;
|
|
2558
|
-
margin: 0 auto;
|
|
2559
|
-
height: 100%;
|
|
2560
|
-
display: flex;
|
|
2561
|
-
flex-direction: column;
|
|
2562
|
-
flex: 1;
|
|
2563
|
-
overflow-y: auto;
|
|
2564
|
-
overflow-x: hidden;
|
|
2565
|
-
min-width: 0;
|
|
2566
|
-
box-sizing: border-box;
|
|
2567
|
-
padding: 1.25rem 1rem;
|
|
2568
|
-
}
|
|
2569
|
-
.simple-editor-content .tiptap.ProseMirror.simple-editor {
|
|
2570
|
-
flex: 1;
|
|
2571
|
-
padding: 4rem 3rem 30vh;
|
|
2572
|
-
min-width: 0;
|
|
2573
|
-
max-width: 100%;
|
|
2574
|
-
white-space: pre-wrap;
|
|
2575
|
-
word-break: break-word;
|
|
2576
|
-
overflow-wrap: anywhere;
|
|
2577
|
-
outline: none;
|
|
2578
|
-
}
|
|
2579
|
-
.simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
|
|
2580
|
-
border-color: transparent;
|
|
2581
|
-
outline: none;
|
|
2582
|
-
box-shadow: none;
|
|
2583
|
-
}
|
|
2584
|
-
table {
|
|
2585
|
-
border-collapse: collapse;
|
|
2586
|
-
margin: 0;
|
|
2587
|
-
overflow: hidden;
|
|
2588
|
-
table-layout: fixed;
|
|
2589
|
-
width: 100%;
|
|
2590
|
-
}
|
|
2591
|
-
table td,
|
|
2592
|
-
table th {
|
|
2593
|
-
border: 1px solid #3A3A3A;
|
|
2594
|
-
box-sizing: border-box;
|
|
2595
|
-
min-width: 1em;
|
|
2596
|
-
padding: 6px 8px;
|
|
2597
|
-
position: relative;
|
|
2598
|
-
vertical-align: top;
|
|
2599
|
-
color: #E6E6E6;
|
|
2600
|
-
}
|
|
2601
|
-
table td > *,
|
|
2602
|
-
table th > * {
|
|
2603
|
-
margin-bottom: 0;
|
|
2604
|
-
}
|
|
2605
|
-
table th {
|
|
2606
|
-
background-color: #1E1E1E;
|
|
2607
|
-
font-weight: bold;
|
|
2608
|
-
text-align: left;
|
|
2609
|
-
color: #FFFFFF;
|
|
2610
|
-
}
|
|
2611
|
-
table .selectedCell:after {
|
|
2612
|
-
background: #2A2A2A;
|
|
2613
|
-
content: "";
|
|
2614
|
-
left: 0;
|
|
2615
|
-
right: 0;
|
|
2616
|
-
top: 0;
|
|
2617
|
-
bottom: 0;
|
|
2618
|
-
pointer-events: none;
|
|
2619
|
-
position: absolute;
|
|
2620
|
-
z-index: 2;
|
|
2621
|
-
}
|
|
2622
|
-
table .column-resize-handle {
|
|
2623
|
-
background-color: #6A5ACD;
|
|
2624
|
-
bottom: -2px;
|
|
2625
|
-
pointer-events: none;
|
|
2626
|
-
position: absolute;
|
|
2627
|
-
right: -2px;
|
|
2628
|
-
top: 0;
|
|
2629
|
-
width: 4px;
|
|
2630
|
-
}
|
|
2631
|
-
.tableWrapper {
|
|
2632
|
-
margin: 1.5rem 0;
|
|
2633
|
-
overflow-x: auto;
|
|
2634
|
-
}
|
|
2635
|
-
.resize-cursor {
|
|
2636
|
-
cursor: ew-resize;
|
|
2637
|
-
cursor: col-resize;
|
|
2638
|
-
}
|
|
2639
|
-
@media screen and (max-width: 480px) {
|
|
2640
|
-
.simple-editor-content .tiptap.ProseMirror.simple-editor {
|
|
2641
|
-
padding: 4rem 1.5rem 50vh;
|
|
2642
|
-
}
|
|
2643
|
-
}
|
|
2644
|
-
.tiptap-badge {
|
|
2645
|
-
--tt-badge-border-color: var(--tt-gray-light-a-200);
|
|
2646
|
-
--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
|
|
2647
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
|
|
2648
|
-
--tt-badge-text-color: var(--tt-gray-light-a-500);
|
|
2649
|
-
--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
|
|
2650
|
-
--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );
|
|
2651
|
-
--tt-badge-bg-color: var(--white);
|
|
2652
|
-
--tt-badge-bg-color-subdued: var(--white);
|
|
2653
|
-
--tt-badge-bg-color-emphasized: var(--white);
|
|
2654
|
-
--tt-badge-icon-color: var(--tt-gray-light-a-500);
|
|
2655
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
|
|
2656
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 );
|
|
2657
|
-
}
|
|
2658
|
-
.dark .tiptap-badge {
|
|
2659
|
-
--tt-badge-border-color: var(--tt-gray-dark-a-200);
|
|
2660
|
-
--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
|
|
2661
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
|
|
2662
|
-
--tt-badge-text-color: var(--tt-gray-dark-a-500);
|
|
2663
|
-
--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2664
|
-
--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );
|
|
2665
|
-
--tt-badge-bg-color: var(--black);
|
|
2666
|
-
--tt-badge-bg-color-subdued: var(--black);
|
|
2667
|
-
--tt-badge-bg-color-emphasized: var(--black);
|
|
2668
|
-
--tt-badge-icon-color: var(--tt-gray-dark-a-500);
|
|
2669
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2670
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 );
|
|
2671
|
-
}
|
|
2672
|
-
.tiptap-badge[data-style=ghost] {
|
|
2673
|
-
--tt-badge-border-color: var(--tt-gray-light-a-200);
|
|
2674
|
-
--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
|
|
2675
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
|
|
2676
|
-
--tt-badge-text-color: var(--tt-gray-light-a-500);
|
|
2677
|
-
--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
|
|
2678
|
-
--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );
|
|
2679
|
-
--tt-badge-bg-color: var(--transparent);
|
|
2680
|
-
--tt-badge-bg-color-subdued: var(--transparent);
|
|
2681
|
-
--tt-badge-bg-color-emphasized: var(--transparent);
|
|
2682
|
-
--tt-badge-icon-color: var(--tt-gray-light-a-500);
|
|
2683
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
|
|
2684
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 );
|
|
2685
|
-
}
|
|
2686
|
-
.dark .tiptap-badge[data-style=ghost] {
|
|
2687
|
-
--tt-badge-border-color: var(--tt-gray-dark-a-200);
|
|
2688
|
-
--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
|
|
2689
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
|
|
2690
|
-
--tt-badge-text-color: var(--tt-gray-dark-a-500);
|
|
2691
|
-
--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2692
|
-
--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );
|
|
2693
|
-
--tt-badge-bg-color: var(--transparent);
|
|
2694
|
-
--tt-badge-bg-color-subdued: var(--transparent);
|
|
2695
|
-
--tt-badge-bg-color-emphasized: var(--transparent);
|
|
2696
|
-
--tt-badge-icon-color: var(--tt-gray-dark-a-500);
|
|
2697
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2698
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 );
|
|
2699
|
-
}
|
|
2700
|
-
.tiptap-badge[data-style=gray] {
|
|
2701
|
-
--tt-badge-border-color: var(--tt-gray-light-a-200);
|
|
2702
|
-
--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
|
|
2703
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);
|
|
2704
|
-
--tt-badge-text-color: var(--tt-gray-light-a-500);
|
|
2705
|
-
--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
|
|
2706
|
-
--tt-badge-text-color-emphasized: var(--white);
|
|
2707
|
-
--tt-badge-bg-color: var(--tt-gray-light-a-100);
|
|
2708
|
-
--tt-badge-bg-color-subdued: var( --tt-gray-light-a-50 );
|
|
2709
|
-
--tt-badge-bg-color-emphasized: var( --tt-gray-light-a-700 );
|
|
2710
|
-
--tt-badge-icon-color: var(--tt-gray-light-a-500);
|
|
2711
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
|
|
2712
|
-
--tt-badge-icon-color-emphasized: var(--white);
|
|
2713
|
-
}
|
|
2714
|
-
.dark .tiptap-badge[data-style=gray] {
|
|
2715
|
-
--tt-badge-border-color: var(--tt-gray-dark-a-200);
|
|
2716
|
-
--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
|
|
2717
|
-
--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
|
|
2718
|
-
--tt-badge-text-color: var(--tt-gray-dark-a-500);
|
|
2719
|
-
--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2720
|
-
--tt-badge-text-color-emphasized: var(--black);
|
|
2721
|
-
--tt-badge-bg-color: var(--tt-gray-dark-a-100);
|
|
2722
|
-
--tt-badge-bg-color-subdued: var( --tt-gray-dark-a-50 );
|
|
2723
|
-
--tt-badge-bg-color-emphasized: var( --tt-gray-dark-a-800 );
|
|
2724
|
-
--tt-badge-icon-color: var(--tt-gray-dark-a-500);
|
|
2725
|
-
--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
|
|
2726
|
-
--tt-badge-icon-color-emphasized: var(--black);
|
|
2727
|
-
}
|
|
2728
|
-
.tiptap-badge[data-style=green] {
|
|
2729
|
-
--tt-badge-border-color: var(--tt-color-green-inc-2);
|
|
2730
|
-
--tt-badge-border-color-subdued: var(--tt-color-green-inc-3);
|
|
2731
|
-
--tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);
|
|
2732
|
-
--tt-badge-text-color: var(--tt-color-green-dec-3);
|
|
2733
|
-
--tt-badge-text-color-subdued: var( --tt-color-green-dec-2 );
|
|
2734
|
-
--tt-badge-text-color-emphasized: var( --tt-color-green-inc-5 );
|
|
2735
|
-
--tt-badge-bg-color: var(--tt-color-green-inc-4);
|
|
2736
|
-
--tt-badge-bg-color-subdued: var( --tt-color-green-inc-5 );
|
|
2737
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-green-dec-1 );
|
|
2738
|
-
--tt-badge-icon-color: var(--tt-color-green-dec-3);
|
|
2739
|
-
--tt-badge-icon-color-subdued: var( --tt-color-green-dec-2 );
|
|
2740
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-green-inc-5 );
|
|
2741
|
-
}
|
|
2742
|
-
.dark .tiptap-badge[data-style=green] {
|
|
2743
|
-
--tt-badge-border-color: var(--tt-color-green-dec-2);
|
|
2744
|
-
--tt-badge-border-color-subdued: var(--tt-color-green-dec-3);
|
|
2745
|
-
--tt-badge-border-color-emphasized: var(--tt-color-green-base);
|
|
2746
|
-
--tt-badge-text-color: var(--tt-color-green-inc-3);
|
|
2747
|
-
--tt-badge-text-color-subdued: var( --tt-color-green-inc-2 );
|
|
2748
|
-
--tt-badge-text-color-emphasized: var( --tt-color-green-dec-5 );
|
|
2749
|
-
--tt-badge-bg-color: var(--tt-color-green-dec-4);
|
|
2750
|
-
--tt-badge-bg-color-subdued: var( --tt-color-green-dec-5 );
|
|
2751
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-green-inc-1 );
|
|
2752
|
-
--tt-badge-icon-color: var(--tt-color-green-inc-3);
|
|
2753
|
-
--tt-badge-icon-color-subdued: var( --tt-color-green-inc-2 );
|
|
2754
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-green-dec-5 );
|
|
2755
|
-
}
|
|
2756
|
-
.tiptap-badge[data-style=yellow] {
|
|
2757
|
-
--tt-badge-border-color: var(--tt-color-yellow-inc-2);
|
|
2758
|
-
--tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);
|
|
2759
|
-
--tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);
|
|
2760
|
-
--tt-badge-text-color: var(--tt-color-yellow-dec-3);
|
|
2761
|
-
--tt-badge-text-color-subdued: var( --tt-color-yellow-dec-2 );
|
|
2762
|
-
--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );
|
|
2763
|
-
--tt-badge-bg-color: var(--tt-color-yellow-inc-4);
|
|
2764
|
-
--tt-badge-bg-color-subdued: var( --tt-color-yellow-inc-5 );
|
|
2765
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );
|
|
2766
|
-
--tt-badge-icon-color: var(--tt-color-yellow-dec-3);
|
|
2767
|
-
--tt-badge-icon-color-subdued: var( --tt-color-yellow-dec-2 );
|
|
2768
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 );
|
|
2769
|
-
}
|
|
2770
|
-
.dark .tiptap-badge[data-style=yellow] {
|
|
2771
|
-
--tt-badge-border-color: var(--tt-color-yellow-dec-2);
|
|
2772
|
-
--tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);
|
|
2773
|
-
--tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);
|
|
2774
|
-
--tt-badge-text-color: var(--tt-color-yellow-inc-3);
|
|
2775
|
-
--tt-badge-text-color-subdued: var( --tt-color-yellow-inc-2 );
|
|
2776
|
-
--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );
|
|
2777
|
-
--tt-badge-bg-color: var(--tt-color-yellow-dec-4);
|
|
2778
|
-
--tt-badge-bg-color-subdued: var( --tt-color-yellow-dec-5 );
|
|
2779
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );
|
|
2780
|
-
--tt-badge-icon-color: var(--tt-color-yellow-inc-3);
|
|
2781
|
-
--tt-badge-icon-color-subdued: var( --tt-color-yellow-inc-2 );
|
|
2782
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 );
|
|
2783
|
-
}
|
|
2784
|
-
.tiptap-badge[data-style=red] {
|
|
2785
|
-
--tt-badge-border-color: var(--tt-color-red-inc-2);
|
|
2786
|
-
--tt-badge-border-color-subdued: var(--tt-color-red-inc-3);
|
|
2787
|
-
--tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);
|
|
2788
|
-
--tt-badge-text-color: var(--tt-color-red-dec-3);
|
|
2789
|
-
--tt-badge-text-color-subdued: var( --tt-color-red-dec-2 );
|
|
2790
|
-
--tt-badge-text-color-emphasized: var( --tt-color-red-inc-5 );
|
|
2791
|
-
--tt-badge-bg-color: var(--tt-color-red-inc-4);
|
|
2792
|
-
--tt-badge-bg-color-subdued: var( --tt-color-red-inc-5 );
|
|
2793
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-red-dec-1 );
|
|
2794
|
-
--tt-badge-icon-color: var(--tt-color-red-dec-3);
|
|
2795
|
-
--tt-badge-icon-color-subdued: var( --tt-color-red-dec-2 );
|
|
2796
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-red-inc-5 );
|
|
2797
|
-
}
|
|
2798
|
-
.dark .tiptap-badge[data-style=red] {
|
|
2799
|
-
--tt-badge-border-color: var(--tt-color-red-dec-2);
|
|
2800
|
-
--tt-badge-border-color-subdued: var(--tt-color-red-dec-3);
|
|
2801
|
-
--tt-badge-border-color-emphasized: var(--tt-color-red-base);
|
|
2802
|
-
--tt-badge-text-color: var(--tt-color-red-inc-3);
|
|
2803
|
-
--tt-badge-text-color-subdued: var( --tt-color-red-inc-2 );
|
|
2804
|
-
--tt-badge-text-color-emphasized: var( --tt-color-red-dec-5 );
|
|
2805
|
-
--tt-badge-bg-color: var(--tt-color-red-dec-4);
|
|
2806
|
-
--tt-badge-bg-color-subdued: var( --tt-color-red-dec-5 );
|
|
2807
|
-
--tt-badge-bg-color-emphasized: var( --tt-color-red-inc-1 );
|
|
2808
|
-
--tt-badge-icon-color: var(--tt-color-red-inc-3);
|
|
2809
|
-
--tt-badge-icon-color-subdued: var( --tt-color-red-inc-2 );
|
|
2810
|
-
--tt-badge-icon-color-emphasized: var( --tt-color-red-dec-5 );
|
|
2811
|
-
}
|
|
2812
|
-
.tiptap-badge[data-style=brand] {
|
|
2813
|
-
--tt-badge-border-color: var(--tt-brand-color-300);
|
|
2814
|
-
--tt-badge-border-color-subdued: var(--tt-brand-color-200);
|
|
2815
|
-
--tt-badge-border-color-emphasized: var(--tt-brand-color-600);
|
|
2816
|
-
--tt-badge-text-color: var(--tt-brand-color-800);
|
|
2817
|
-
--tt-badge-text-color-subdued: var( --tt-brand-color-700 );
|
|
2818
|
-
--tt-badge-text-color-emphasized: var( --tt-brand-color-50 );
|
|
2819
|
-
--tt-badge-bg-color: var(--tt-brand-color-100);
|
|
2820
|
-
--tt-badge-bg-color-subdued: var( --tt-brand-color-50 );
|
|
2821
|
-
--tt-badge-bg-color-emphasized: var( --tt-brand-color-600 );
|
|
2822
|
-
--tt-badge-icon-color: var(--tt-brand-color-800);
|
|
2823
|
-
--tt-badge-icon-color-subdued: var( --tt-brand-color-700 );
|
|
2824
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-100 );
|
|
2825
|
-
}
|
|
2826
|
-
.dark .tiptap-badge[data-style=brand] {
|
|
2827
|
-
--tt-badge-border-color: var(--tt-brand-color-700);
|
|
2828
|
-
--tt-badge-border-color-subdued: var(--tt-brand-color-800);
|
|
2829
|
-
--tt-badge-border-color-emphasized: var(--tt-brand-color-400);
|
|
2830
|
-
--tt-badge-text-color: var(--tt-brand-color-200);
|
|
2831
|
-
--tt-badge-text-color-subdued: var( --tt-brand-color-300 );
|
|
2832
|
-
--tt-badge-text-color-emphasized: var( --tt-brand-color-950 );
|
|
2833
|
-
--tt-badge-bg-color: var(--tt-brand-color-900);
|
|
2834
|
-
--tt-badge-bg-color-subdued: var( --tt-brand-color-950 );
|
|
2835
|
-
--tt-badge-bg-color-emphasized: var( --tt-brand-color-400 );
|
|
2836
|
-
--tt-badge-icon-color: var(--tt-brand-color-200);
|
|
2837
|
-
--tt-badge-icon-color-subdued: var( --tt-brand-color-300 );
|
|
2838
|
-
--tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
|
|
2839
|
-
}
|
|
2840
|
-
.tiptap-badge-group {
|
|
2841
|
-
align-items: center;
|
|
2842
|
-
display: flex;
|
|
2843
|
-
flex-wrap: wrap;
|
|
2844
|
-
gap: 0.25rem;
|
|
2845
|
-
}
|
|
2846
|
-
.tiptap-badge-group [data-orientation=vertical] {
|
|
2847
|
-
flex-direction: column;
|
|
2848
|
-
}
|
|
2849
|
-
.tiptap-badge-group [data-orientation=horizontal] {
|
|
2850
|
-
flex-direction: row;
|
|
2851
|
-
}
|
|
2852
|
-
.tiptap-button {
|
|
2853
|
-
--tt-button-default-bg-color: var(--tt-gray-light-a-100);
|
|
2854
|
-
--tt-button-hover-bg-color: var(--tt-gray-light-200);
|
|
2855
|
-
--tt-button-active-bg-color: var(--tt-gray-light-a-200);
|
|
2856
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
|
|
2857
|
-
--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );
|
|
2858
|
-
--tt-button-active-hover-bg-color: var(--tt-gray-light-300);
|
|
2859
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
|
|
2860
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );
|
|
2861
|
-
--tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
|
|
2862
|
-
--tt-button-default-text-color: var(--tt-gray-light-a-600);
|
|
2863
|
-
--tt-button-hover-text-color: var(--tt-gray-light-a-900);
|
|
2864
|
-
--tt-button-active-text-color: var(--tt-gray-light-a-900);
|
|
2865
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
|
|
2866
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
|
|
2867
|
-
--tt-button-disabled-text-color: var(--tt-gray-light-a-400);
|
|
2868
|
-
--tt-button-default-icon-color: var(--tt-gray-light-a-600);
|
|
2869
|
-
--tt-button-hover-icon-color: var(--tt-gray-light-a-900);
|
|
2870
|
-
--tt-button-active-icon-color: var(--tt-brand-color-500);
|
|
2871
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
|
|
2872
|
-
--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
|
|
2873
|
-
--tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
|
|
2874
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
|
|
2875
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
|
|
2876
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
|
|
2877
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
|
|
2878
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
|
|
2879
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
|
|
2880
|
-
--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
|
|
2881
|
-
--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
|
|
2882
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
|
|
2883
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
|
|
2884
|
-
--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
|
|
2885
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
|
|
2886
|
-
}
|
|
2887
|
-
.dark .tiptap-button {
|
|
2888
|
-
--tt-button-default-bg-color: var(--tt-gray-dark-a-100);
|
|
2889
|
-
--tt-button-hover-bg-color: var(--tt-gray-dark-200);
|
|
2890
|
-
--tt-button-active-bg-color: var(--tt-gray-dark-a-200);
|
|
2891
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
|
|
2892
|
-
--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );
|
|
2893
|
-
--tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
|
|
2894
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
|
|
2895
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );
|
|
2896
|
-
--tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
|
|
2897
|
-
}
|
|
2898
|
-
.dark .tiptap-button {
|
|
2899
|
-
--tt-button-default-text-color: var(--tt-gray-dark-a-600);
|
|
2900
|
-
--tt-button-hover-text-color: var(--tt-gray-dark-a-900);
|
|
2901
|
-
--tt-button-active-text-color: var(--tt-gray-dark-a-900);
|
|
2902
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
|
|
2903
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
|
|
2904
|
-
--tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
|
|
2905
|
-
}
|
|
2906
|
-
.dark .tiptap-button {
|
|
2907
|
-
--tt-button-default-icon-color: var(--tt-gray-dark-a-600);
|
|
2908
|
-
--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
|
|
2909
|
-
--tt-button-active-icon-color: var(--tt-brand-color-400);
|
|
2910
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
|
|
2911
|
-
--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
|
|
2912
|
-
--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
|
|
2913
|
-
}
|
|
2914
|
-
.dark .tiptap-button {
|
|
2915
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
|
|
2916
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
|
|
2917
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
|
|
2918
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
|
|
2919
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
|
|
2920
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
|
|
2921
|
-
}
|
|
2922
|
-
.dark .tiptap-button {
|
|
2923
|
-
--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
|
|
2924
|
-
--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
|
|
2925
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
|
|
2926
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
|
|
2927
|
-
--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
|
|
2928
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
|
|
2929
|
-
}
|
|
2930
|
-
.tiptap-button[data-style=ghost] {
|
|
2931
|
-
--tt-button-default-bg-color: var(--transparent);
|
|
2932
|
-
--tt-button-hover-bg-color: var(--tt-gray-light-200);
|
|
2933
|
-
--tt-button-active-bg-color: var(--tt-gray-light-a-100);
|
|
2934
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
|
|
2935
|
-
--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );
|
|
2936
|
-
--tt-button-active-hover-bg-color: var(--tt-gray-light-200);
|
|
2937
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
|
|
2938
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );
|
|
2939
|
-
--tt-button-disabled-bg-color: var(--transparent);
|
|
2940
|
-
--tt-button-default-text-color: var(--tt-gray-light-a-600);
|
|
2941
|
-
--tt-button-hover-text-color: var(--tt-gray-light-a-900);
|
|
2942
|
-
--tt-button-active-text-color: var(--tt-gray-light-a-900);
|
|
2943
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
|
|
2944
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
|
|
2945
|
-
--tt-button-disabled-text-color: var(--tt-gray-light-a-400);
|
|
2946
|
-
--tt-button-default-icon-color: var(--tt-gray-light-a-600);
|
|
2947
|
-
--tt-button-hover-icon-color: var(--tt-gray-light-a-900);
|
|
2948
|
-
--tt-button-active-icon-color: var(--tt-brand-color-500);
|
|
2949
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
|
|
2950
|
-
--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
|
|
2951
|
-
--tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
|
|
2952
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
|
|
2953
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
|
|
2954
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
|
|
2955
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
|
|
2956
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
|
|
2957
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
|
|
2958
|
-
--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
|
|
2959
|
-
--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
|
|
2960
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
|
|
2961
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
|
|
2962
|
-
--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );
|
|
2963
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
|
|
2964
|
-
}
|
|
2965
|
-
.dark .tiptap-button[data-style=ghost] {
|
|
2966
|
-
--tt-button-default-bg-color: var(--transparent);
|
|
2967
|
-
--tt-button-hover-bg-color: var(--tt-gray-dark-200);
|
|
2968
|
-
--tt-button-active-bg-color: var(--tt-gray-dark-a-100);
|
|
2969
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
|
|
2970
|
-
--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );
|
|
2971
|
-
--tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
|
|
2972
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
|
|
2973
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );
|
|
2974
|
-
--tt-button-disabled-bg-color: var(--transparent);
|
|
2975
|
-
}
|
|
2976
|
-
.dark .tiptap-button[data-style=ghost] {
|
|
2977
|
-
--tt-button-default-text-color: var(--tt-gray-dark-a-600);
|
|
2978
|
-
--tt-button-hover-text-color: var(--tt-gray-dark-a-900);
|
|
2979
|
-
--tt-button-active-text-color: var(--tt-gray-dark-a-900);
|
|
2980
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
|
|
2981
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
|
|
2982
|
-
--tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
|
|
2983
|
-
}
|
|
2984
|
-
.dark .tiptap-button[data-style=ghost] {
|
|
2985
|
-
--tt-button-default-icon-color: var(--tt-gray-dark-a-600);
|
|
2986
|
-
--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
|
|
2987
|
-
--tt-button-active-icon-color: var(--tt-brand-color-400);
|
|
2988
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
|
|
2989
|
-
--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
|
|
2990
|
-
--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
|
|
2991
|
-
}
|
|
2992
|
-
.dark .tiptap-button[data-style=ghost] {
|
|
2993
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
|
|
2994
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
|
|
2995
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
|
|
2996
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
|
|
2997
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
|
|
2998
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
|
|
2999
|
-
}
|
|
3000
|
-
.dark .tiptap-button[data-style=ghost] {
|
|
3001
|
-
--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
|
|
3002
|
-
--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
|
|
3003
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
|
|
3004
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
|
|
3005
|
-
--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
|
|
3006
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
|
|
3007
|
-
}
|
|
3008
|
-
.tiptap-button[data-style=primary] {
|
|
3009
|
-
--tt-button-default-bg-color: var(--tt-brand-color-500);
|
|
3010
|
-
--tt-button-hover-bg-color: var(--tt-brand-color-600);
|
|
3011
|
-
--tt-button-active-bg-color: var(--tt-brand-color-100);
|
|
3012
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
|
|
3013
|
-
--tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );
|
|
3014
|
-
--tt-button-active-hover-bg-color: var(--tt-brand-color-200);
|
|
3015
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
|
|
3016
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );
|
|
3017
|
-
--tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
|
|
3018
|
-
--tt-button-default-text-color: var(--white);
|
|
3019
|
-
--tt-button-hover-text-color: var(--white);
|
|
3020
|
-
--tt-button-active-text-color: var(--tt-gray-light-a-900);
|
|
3021
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
|
|
3022
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
|
|
3023
|
-
--tt-button-disabled-text-color: var(--tt-gray-light-a-400);
|
|
3024
|
-
--tt-button-default-icon-color: var(--white);
|
|
3025
|
-
--tt-button-hover-icon-color: var(--white);
|
|
3026
|
-
--tt-button-active-icon-color: var(--tt-brand-color-600);
|
|
3027
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
|
|
3028
|
-
--tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
|
|
3029
|
-
--tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
|
|
3030
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
|
|
3031
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
|
|
3032
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
|
|
3033
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
|
|
3034
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
|
|
3035
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
|
|
3036
|
-
--tt-button-default-dropdown-arrows-color: var(--white);
|
|
3037
|
-
--tt-button-hover-dropdown-arrows-color: var(--white);
|
|
3038
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
|
|
3039
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
|
|
3040
|
-
--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );
|
|
3041
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
|
|
3042
|
-
}
|
|
3043
|
-
.dark .tiptap-button[data-style=primary] {
|
|
3044
|
-
--tt-button-default-bg-color: var(--tt-brand-color-500);
|
|
3045
|
-
--tt-button-hover-bg-color: var(--tt-brand-color-600);
|
|
3046
|
-
--tt-button-active-bg-color: var(--tt-brand-color-900);
|
|
3047
|
-
--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
|
|
3048
|
-
--tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );
|
|
3049
|
-
--tt-button-active-hover-bg-color: var(--tt-brand-color-800);
|
|
3050
|
-
--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
|
|
3051
|
-
--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );
|
|
3052
|
-
--tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
|
|
3053
|
-
}
|
|
3054
|
-
.dark .tiptap-button[data-style=primary] {
|
|
3055
|
-
--tt-button-default-text-color: var(--white);
|
|
3056
|
-
--tt-button-hover-text-color: var(--white);
|
|
3057
|
-
--tt-button-active-text-color: var(--tt-gray-dark-a-900);
|
|
3058
|
-
--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
|
|
3059
|
-
--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
|
|
3060
|
-
--tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
|
|
3061
|
-
}
|
|
3062
|
-
.dark .tiptap-button[data-style=primary] {
|
|
3063
|
-
--tt-button-default-icon-color: var(--white);
|
|
3064
|
-
--tt-button-hover-icon-color: var(--white);
|
|
3065
|
-
--tt-button-active-icon-color: var(--tt-brand-color-400);
|
|
3066
|
-
--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
|
|
3067
|
-
--tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
|
|
3068
|
-
--tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
|
|
3069
|
-
}
|
|
3070
|
-
.dark .tiptap-button[data-style=primary] {
|
|
3071
|
-
--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
|
|
3072
|
-
--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
|
|
3073
|
-
--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
|
|
3074
|
-
--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
|
|
3075
|
-
--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
|
|
3076
|
-
--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
|
|
3077
|
-
}
|
|
3078
|
-
.dark .tiptap-button[data-style=primary] {
|
|
3079
|
-
--tt-button-default-dropdown-arrows-color: var(--white);
|
|
3080
|
-
--tt-button-hover-dropdown-arrows-color: var(--white);
|
|
3081
|
-
--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
|
|
3082
|
-
--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );
|
|
3083
|
-
--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
|
|
3084
|
-
--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
|
|
3085
|
-
}
|
|
3086
|
-
.tiptap-button-group {
|
|
3087
|
-
position: relative;
|
|
3088
|
-
display: flex;
|
|
3089
|
-
vertical-align: middle;
|
|
3090
|
-
}
|
|
3091
|
-
.tiptap-button-group[data-orientation=vertical] {
|
|
3092
|
-
flex-direction: column;
|
|
3093
|
-
align-items: flex-start;
|
|
3094
|
-
justify-content: center;
|
|
3095
|
-
min-width: max-content;
|
|
3096
|
-
}
|
|
3097
|
-
.tiptap-button-group[data-orientation=vertical] > .tiptap-button {
|
|
3098
|
-
width: 100%;
|
|
3099
|
-
}
|
|
3100
|
-
.tiptap-button-group[data-orientation=horizontal] {
|
|
3101
|
-
gap: 0.125rem;
|
|
3102
|
-
flex-direction: row;
|
|
3103
|
-
align-items: center;
|
|
3104
|
-
}
|
|
3105
|
-
.tiptap-button {
|
|
3106
|
-
font-size: 0.875rem;
|
|
3107
|
-
font-weight: 500;
|
|
3108
|
-
font-feature-settings: "salt" on, "cv01" on;
|
|
3109
|
-
line-height: 1.15;
|
|
3110
|
-
height: 2rem;
|
|
3111
|
-
min-width: 2rem;
|
|
3112
|
-
border: none;
|
|
3113
|
-
padding: 0.5rem;
|
|
3114
|
-
gap: 0.25rem;
|
|
3115
|
-
display: flex;
|
|
3116
|
-
align-items: center;
|
|
3117
|
-
justify-content: center;
|
|
3118
|
-
border-radius: var(--tt-radius-lg, 0.75rem);
|
|
3119
|
-
transition-property:
|
|
3120
|
-
background,
|
|
3121
|
-
color,
|
|
3122
|
-
opacity;
|
|
3123
|
-
transition-duration: var(--tt-transition-duration-default);
|
|
3124
|
-
transition-timing-function: var(--tt-transition-easing-default);
|
|
3125
|
-
}
|
|
3126
|
-
.tiptap-button:focus-visible {
|
|
3127
|
-
outline: none;
|
|
3128
|
-
}
|
|
3129
|
-
.tiptap-button[data-highlighted=true],
|
|
3130
|
-
.tiptap-button[data-focus-visible=true] {
|
|
3131
|
-
background-color: var(--tt-button-hover-bg-color);
|
|
3132
|
-
color: var(--tt-button-hover-text-color);
|
|
3133
|
-
}
|
|
3134
|
-
.tiptap-button[data-weight=small] {
|
|
3135
|
-
width: 1.5rem;
|
|
3136
|
-
min-width: 1.5rem;
|
|
3137
|
-
padding-right: 0;
|
|
3138
|
-
padding-left: 0;
|
|
3139
|
-
}
|
|
3140
|
-
.tiptap-button[data-size=large] {
|
|
3141
|
-
font-size: 0.9375rem;
|
|
3142
|
-
height: 2.375rem;
|
|
3143
|
-
min-width: 2.375rem;
|
|
3144
|
-
padding: 0.625rem;
|
|
3145
|
-
}
|
|
3146
|
-
.tiptap-button[data-size=small] {
|
|
3147
|
-
font-size: 0.75rem;
|
|
3148
|
-
line-height: 1.2;
|
|
3149
|
-
height: 1.5rem;
|
|
3150
|
-
min-width: 1.5rem;
|
|
3151
|
-
padding: 0.3125rem;
|
|
3152
|
-
border-radius: var(--tt-radius-md, 0.5rem);
|
|
3153
|
-
}
|
|
3154
|
-
.tiptap-button .tiptap-button-text {
|
|
3155
|
-
padding: 0 0.125rem;
|
|
3156
|
-
flex-grow: 1;
|
|
3157
|
-
text-align: left;
|
|
3158
|
-
line-height: 1.5rem;
|
|
3159
|
-
}
|
|
3160
|
-
.tiptap-button[data-text-trim=on] .tiptap-button-text {
|
|
3161
|
-
text-overflow: ellipsis;
|
|
3162
|
-
overflow: hidden;
|
|
3163
|
-
}
|
|
3164
|
-
.tiptap-button .tiptap-button-icon,
|
|
3165
|
-
.tiptap-button .tiptap-button-icon-sub,
|
|
3166
|
-
.tiptap-button .tiptap-button-dropdown-arrows,
|
|
3167
|
-
.tiptap-button .tiptap-button-dropdown-small {
|
|
3168
|
-
flex-shrink: 0;
|
|
3169
|
-
}
|
|
3170
|
-
.tiptap-button .tiptap-button-icon {
|
|
3171
|
-
width: 1.1rem;
|
|
3172
|
-
height: 1.1rem;
|
|
3173
|
-
}
|
|
3174
|
-
.tiptap-button[data-size=large] .tiptap-button-icon {
|
|
3175
|
-
width: 1.125rem;
|
|
3176
|
-
height: 1.125rem;
|
|
3177
|
-
}
|
|
3178
|
-
.tiptap-button[data-size=small] .tiptap-button-icon {
|
|
3179
|
-
width: 0.875rem;
|
|
3180
|
-
height: 0.875rem;
|
|
3181
|
-
}
|
|
3182
|
-
.tiptap-button .tiptap-button-icon-sub {
|
|
3183
|
-
width: 1rem;
|
|
3184
|
-
height: 1rem;
|
|
3185
|
-
}
|
|
3186
|
-
.tiptap-button[data-size=large] .tiptap-button-icon-sub {
|
|
3187
|
-
width: 1.125rem;
|
|
3188
|
-
height: 1.125rem;
|
|
3189
|
-
}
|
|
3190
|
-
.tiptap-button[data-size=small] .tiptap-button-icon-sub {
|
|
3191
|
-
width: 0.875rem;
|
|
3192
|
-
height: 0.875rem;
|
|
3193
|
-
}
|
|
3194
|
-
.tiptap-button .tiptap-button-dropdown-arrows {
|
|
3195
|
-
width: 0.75rem;
|
|
3196
|
-
height: 0.75rem;
|
|
3197
|
-
}
|
|
3198
|
-
.tiptap-button[data-size=large] .tiptap-button-dropdown-arrows {
|
|
3199
|
-
width: 0.875rem;
|
|
3200
|
-
height: 0.875rem;
|
|
3201
|
-
}
|
|
3202
|
-
.tiptap-button[data-size=small] .tiptap-button-dropdown-arrows {
|
|
3203
|
-
width: 0.625rem;
|
|
3204
|
-
height: 0.625rem;
|
|
3205
|
-
}
|
|
3206
|
-
.tiptap-button .tiptap-button-dropdown-small {
|
|
3207
|
-
width: 0.625rem;
|
|
3208
|
-
height: 0.625rem;
|
|
3209
|
-
}
|
|
3210
|
-
.tiptap-button[data-size=large] .tiptap-button-dropdown-small {
|
|
3211
|
-
width: 0.75rem;
|
|
3212
|
-
height: 0.75rem;
|
|
3213
|
-
}
|
|
3214
|
-
.tiptap-button[data-size=small] .tiptap-button-dropdown-small {
|
|
3215
|
-
width: 0.5rem;
|
|
3216
|
-
height: 0.5rem;
|
|
3217
|
-
}
|
|
3218
|
-
.tiptap-button:has(> svg):not(:has(> :not(svg))) {
|
|
3219
|
-
gap: 0.125rem;
|
|
3220
|
-
}
|
|
3221
|
-
.tiptap-button:has(> svg):not(:has(> :not(svg)))[data-size=large],
|
|
3222
|
-
.tiptap-button:has(> svg):not(:has(> :not(svg)))[data-size=small] {
|
|
3223
|
-
gap: 0.125rem;
|
|
3224
|
-
}
|
|
3225
|
-
.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text)) {
|
|
3226
|
-
gap: 0;
|
|
3227
|
-
padding-right: 0.25rem;
|
|
3228
|
-
}
|
|
3229
|
-
.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text))[data-size=large] {
|
|
3230
|
-
padding-right: 0.375rem;
|
|
3231
|
-
}
|
|
3232
|
-
.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text))[data-size=small] {
|
|
3233
|
-
padding-right: 0.25rem;
|
|
3234
|
-
}
|
|
3235
|
-
.tiptap-button .tiptap-button-emoji {
|
|
3236
|
-
width: 1rem;
|
|
3237
|
-
display: flex;
|
|
3238
|
-
justify-content: center;
|
|
3239
|
-
}
|
|
3240
|
-
.tiptap-button[data-size=large] .tiptap-button-emoji {
|
|
3241
|
-
width: 1.125rem;
|
|
3242
|
-
}
|
|
3243
|
-
.tiptap-button[data-size=small] .tiptap-button-emoji {
|
|
3244
|
-
width: 0.875rem;
|
|
3245
|
-
}
|
|
3246
|
-
.tiptap-button {
|
|
3247
|
-
background-color: var(--tt-button-default-bg-color);
|
|
3248
|
-
color: var(--tt-button-default-text-color);
|
|
3249
|
-
}
|
|
3250
|
-
.tiptap-button .tiptap-button-icon {
|
|
3251
|
-
color: var(--tt-button-default-icon-color);
|
|
3252
|
-
}
|
|
3253
|
-
.tiptap-button .tiptap-button-icon-sub {
|
|
3254
|
-
color: var(--tt-button-default-icon-sub-color);
|
|
3255
|
-
}
|
|
3256
|
-
.tiptap-button .tiptap-button-dropdown-arrows {
|
|
3257
|
-
color: var(--tt-button-default-dropdown-arrows-color);
|
|
3258
|
-
}
|
|
3259
|
-
.tiptap-button .tiptap-button-dropdown-small {
|
|
3260
|
-
color: var(--tt-button-default-dropdown-arrows-color);
|
|
3261
|
-
}
|
|
3262
|
-
.tiptap-button:hover:not([data-active-item=true]):not([disabled]),
|
|
3263
|
-
.tiptap-button[data-active-item=true]:not([disabled]),
|
|
3264
|
-
.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) {
|
|
3265
|
-
background-color: var(--tt-button-hover-bg-color);
|
|
3266
|
-
color: var(--tt-button-hover-text-color);
|
|
3267
|
-
}
|
|
3268
|
-
.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,
|
|
3269
|
-
.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,
|
|
3270
|
-
.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon {
|
|
3271
|
-
color: var(--tt-button-hover-icon-color);
|
|
3272
|
-
}
|
|
3273
|
-
.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,
|
|
3274
|
-
.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,
|
|
3275
|
-
.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub {
|
|
3276
|
-
color: var(--tt-button-hover-icon-sub-color);
|
|
3277
|
-
}
|
|
3278
|
-
.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,
|
|
3279
|
-
.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,
|
|
3280
|
-
.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,
|
|
3281
|
-
.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,
|
|
3282
|
-
.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,
|
|
3283
|
-
.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small {
|
|
3284
|
-
color: var(--tt-button-hover-dropdown-arrows-color);
|
|
3285
|
-
}
|
|
3286
|
-
.tiptap-button[data-active-state=on]:not([disabled]),
|
|
3287
|
-
.tiptap-button[data-state=open]:not([disabled]) {
|
|
3288
|
-
background-color: var(--tt-button-active-bg-color);
|
|
3289
|
-
color: var(--tt-button-active-text-color);
|
|
3290
|
-
}
|
|
3291
|
-
.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon,
|
|
3292
|
-
.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon {
|
|
3293
|
-
color: var(--tt-button-active-icon-color);
|
|
3294
|
-
}
|
|
3295
|
-
.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon-sub,
|
|
3296
|
-
.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon-sub {
|
|
3297
|
-
color: var(--tt-button-active-icon-sub-color);
|
|
3298
|
-
}
|
|
3299
|
-
.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-arrows,
|
|
3300
|
-
.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-small,
|
|
3301
|
-
.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-arrows,
|
|
3302
|
-
.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-small {
|
|
3303
|
-
color: var(--tt-button-active-dropdown-arrows-color);
|
|
3304
|
-
}
|
|
3305
|
-
.tiptap-button[data-active-state=on]:not([disabled]):hover,
|
|
3306
|
-
.tiptap-button[data-state=open]:not([disabled]):hover {
|
|
3307
|
-
background-color: var(--tt-button-active-hover-bg-color);
|
|
3308
|
-
}
|
|
3309
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized],
|
|
3310
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] {
|
|
3311
|
-
background-color: var(--tt-button-active-bg-color-emphasized);
|
|
3312
|
-
color: var(--tt-button-active-text-color-emphasized);
|
|
3313
|
-
}
|
|
3314
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon,
|
|
3315
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon {
|
|
3316
|
-
color: var(--tt-button-active-icon-color-emphasized);
|
|
3317
|
-
}
|
|
3318
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub,
|
|
3319
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub {
|
|
3320
|
-
color: var(--tt-button-active-icon-sub-color-emphasized);
|
|
3321
|
-
}
|
|
3322
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,
|
|
3323
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small,
|
|
3324
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,
|
|
3325
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small {
|
|
3326
|
-
color: var(--tt-button-active-dropdown-arrows-color-emphasized);
|
|
3327
|
-
}
|
|
3328
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized]:hover,
|
|
3329
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]:hover {
|
|
3330
|
-
background-color: var(--tt-button-active-hover-bg-color-emphasized);
|
|
3331
|
-
}
|
|
3332
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued],
|
|
3333
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] {
|
|
3334
|
-
background-color: var(--tt-button-active-bg-color-subdued);
|
|
3335
|
-
color: var(--tt-button-active-text-color-subdued);
|
|
3336
|
-
}
|
|
3337
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon,
|
|
3338
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon {
|
|
3339
|
-
color: var(--tt-button-active-icon-color-subdued);
|
|
3340
|
-
}
|
|
3341
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub,
|
|
3342
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub {
|
|
3343
|
-
color: var(--tt-button-active-icon-sub-color-subdued);
|
|
3344
|
-
}
|
|
3345
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,
|
|
3346
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small,
|
|
3347
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,
|
|
3348
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small {
|
|
3349
|
-
color: var(--tt-button-active-dropdown-arrows-color-subdued);
|
|
3350
|
-
}
|
|
3351
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover,
|
|
3352
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover {
|
|
3353
|
-
background-color: var(--tt-button-active-hover-bg-color-subdued);
|
|
3354
|
-
}
|
|
3355
|
-
.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon,
|
|
3356
|
-
.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon {
|
|
3357
|
-
color: var(--tt-button-active-icon-color-subdued);
|
|
3358
|
-
}
|
|
3359
|
-
.tiptap-button:disabled {
|
|
3360
|
-
background-color: var(--tt-button-disabled-bg-color);
|
|
3361
|
-
color: var(--tt-button-disabled-text-color);
|
|
3362
|
-
}
|
|
3363
|
-
.tiptap-button:disabled .tiptap-button-icon {
|
|
3364
|
-
color: var(--tt-button-disabled-icon-color);
|
|
3365
|
-
}
|
|
3366
|
-
:root {
|
|
3367
|
-
--tiptap-card-bg-color: var(--white);
|
|
3368
|
-
--tiptap-card-border-color: var(--tt-gray-light-a-100);
|
|
3369
|
-
--tiptap-card-group-label-color: var(--tt-gray-light-a-800);
|
|
3370
|
-
}
|
|
3371
|
-
.dark {
|
|
3372
|
-
--tiptap-card-bg-color: var(--tt-gray-dark-50);
|
|
3373
|
-
--tiptap-card-border-color: var(--tt-gray-dark-a-100);
|
|
3374
|
-
--tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
|
|
3375
|
-
}
|
|
3376
|
-
.tiptap-card {
|
|
3377
|
-
--padding: 0.375rem;
|
|
3378
|
-
--border-width: 1px;
|
|
3379
|
-
border-radius: calc(var(--padding) + var(--tt-radius-lg));
|
|
3380
|
-
box-shadow: var(--tt-shadow-elevated-md);
|
|
3381
|
-
background-color: var(--tiptap-card-bg-color);
|
|
3382
|
-
border: 1px solid var(--tiptap-card-border-color);
|
|
3383
|
-
display: flex;
|
|
3384
|
-
flex-direction: column;
|
|
3385
|
-
outline: none;
|
|
3386
|
-
align-items: center;
|
|
3387
|
-
position: relative;
|
|
3388
|
-
min-width: 0;
|
|
3389
|
-
word-wrap: break-word;
|
|
3390
|
-
background-clip: border-box;
|
|
3391
|
-
}
|
|
3392
|
-
.tiptap-card-header {
|
|
3393
|
-
padding: 0.375rem;
|
|
3394
|
-
flex: 0 0 auto;
|
|
3395
|
-
display: flex;
|
|
3396
|
-
align-items: center;
|
|
3397
|
-
justify-content: space-between;
|
|
3398
|
-
width: 100%;
|
|
3399
|
-
border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
|
|
3400
|
-
}
|
|
3401
|
-
.tiptap-card-body {
|
|
3402
|
-
padding: 0.375rem;
|
|
3403
|
-
flex: 1 1 auto;
|
|
3404
|
-
overflow-y: auto;
|
|
3405
|
-
}
|
|
3406
|
-
.tiptap-card-item-group {
|
|
3407
|
-
position: relative;
|
|
3408
|
-
display: flex;
|
|
3409
|
-
vertical-align: middle;
|
|
3410
|
-
min-width: max-content;
|
|
3411
|
-
}
|
|
3412
|
-
.tiptap-card-item-group[data-orientation=vertical] {
|
|
3413
|
-
flex-direction: column;
|
|
3414
|
-
justify-content: center;
|
|
3415
|
-
}
|
|
3416
|
-
.tiptap-card-item-group[data-orientation=horizontal] {
|
|
3417
|
-
gap: 0.25rem;
|
|
3418
|
-
flex-direction: row;
|
|
3419
|
-
align-items: center;
|
|
3420
|
-
}
|
|
3421
|
-
.tiptap-card-group-label {
|
|
3422
|
-
padding-top: 0.75rem;
|
|
3423
|
-
padding-left: 0.5rem;
|
|
3424
|
-
padding-right: 0.5rem;
|
|
3425
|
-
padding-bottom: 0.25rem;
|
|
3426
|
-
line-height: normal;
|
|
3427
|
-
font-size: 0.75rem;
|
|
3428
|
-
font-weight: 600;
|
|
3429
|
-
line-height: normal;
|
|
3430
|
-
text-transform: capitalize;
|
|
3431
|
-
color: var(--tiptap-card-group-label-color);
|
|
3432
|
-
}
|
|
3433
|
-
.tiptap-dropdown-menu {
|
|
3434
|
-
--tt-dropdown-menu-bg-color: var(--white);
|
|
3435
|
-
--tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
|
|
3436
|
-
--tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
|
|
3437
|
-
}
|
|
3438
|
-
.dark .tiptap-dropdown-menu {
|
|
3439
|
-
--tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);
|
|
3440
|
-
--tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
|
|
3441
|
-
--tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
|
|
3442
|
-
}
|
|
3443
|
-
.tiptap-dropdown-menu {
|
|
3444
|
-
z-index: 50;
|
|
3445
|
-
outline: none;
|
|
3446
|
-
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
|
|
3447
|
-
max-height: var(--radix-dropdown-menu-content-available-height);
|
|
3448
|
-
}
|
|
3449
|
-
.tiptap-dropdown-menu > * {
|
|
3450
|
-
max-height: var(--radix-dropdown-menu-content-available-height);
|
|
3451
|
-
}
|
|
3452
|
-
.tiptap-dropdown-menu[data-state=open] {
|
|
3453
|
-
animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3454
|
-
}
|
|
3455
|
-
.tiptap-dropdown-menu[data-state=closed] {
|
|
3456
|
-
animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3457
|
-
}
|
|
3458
|
-
.tiptap-dropdown-menu[data-side=top],
|
|
3459
|
-
.tiptap-dropdown-menu[data-side=top-start],
|
|
3460
|
-
.tiptap-dropdown-menu[data-side=top-end] {
|
|
3461
|
-
animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3462
|
-
}
|
|
3463
|
-
.tiptap-dropdown-menu[data-side=right],
|
|
3464
|
-
.tiptap-dropdown-menu[data-side=right-start],
|
|
3465
|
-
.tiptap-dropdown-menu[data-side=right-end] {
|
|
3466
|
-
animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3467
|
-
}
|
|
3468
|
-
.tiptap-dropdown-menu[data-side=bottom],
|
|
3469
|
-
.tiptap-dropdown-menu[data-side=bottom-start],
|
|
3470
|
-
.tiptap-dropdown-menu[data-side=bottom-end] {
|
|
3471
|
-
animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3472
|
-
}
|
|
3473
|
-
.tiptap-dropdown-menu[data-side=left],
|
|
3474
|
-
.tiptap-dropdown-menu[data-side=left-start],
|
|
3475
|
-
.tiptap-dropdown-menu[data-side=left-end] {
|
|
3476
|
-
animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3477
|
-
}
|
|
3478
|
-
:root {
|
|
3479
|
-
--tiptap-input-placeholder: var(--tt-gray-light-a-400);
|
|
3480
|
-
}
|
|
3481
|
-
.dark {
|
|
3482
|
-
--tiptap-input-placeholder: var(--tt-gray-dark-a-400);
|
|
3483
|
-
}
|
|
3484
|
-
.tiptap-input {
|
|
3485
|
-
display: block;
|
|
3486
|
-
width: 100%;
|
|
3487
|
-
height: 2rem;
|
|
3488
|
-
font-size: 0.875rem;
|
|
3489
|
-
font-weight: 400;
|
|
3490
|
-
line-height: 1.5;
|
|
3491
|
-
padding: 0.375rem 0.5rem;
|
|
3492
|
-
border-radius: 0.375rem;
|
|
3493
|
-
background: none;
|
|
3494
|
-
appearance: none;
|
|
3495
|
-
outline: none;
|
|
3496
|
-
}
|
|
3497
|
-
.tiptap-input::placeholder {
|
|
3498
|
-
color: var(--tiptap-input-placeholder);
|
|
3499
|
-
}
|
|
3500
|
-
.tiptap-input-clamp {
|
|
3501
|
-
min-width: 12rem;
|
|
3502
|
-
padding-right: 0;
|
|
3503
|
-
text-overflow: ellipsis;
|
|
3504
|
-
white-space: nowrap;
|
|
3505
|
-
}
|
|
3506
|
-
.tiptap-input-clamp:focus {
|
|
3507
|
-
text-overflow: clip;
|
|
3508
|
-
overflow: visible;
|
|
3509
|
-
}
|
|
3510
|
-
.tiptap-input-group {
|
|
3511
|
-
position: relative;
|
|
3512
|
-
display: flex;
|
|
3513
|
-
flex-wrap: wrap;
|
|
3514
|
-
align-items: stretch;
|
|
3515
|
-
}
|
|
3516
|
-
.tiptap-popover {
|
|
3517
|
-
--tt-popover-bg-color: var(--white);
|
|
3518
|
-
--tt-popover-border-color: var(--tt-gray-light-a-100);
|
|
3519
|
-
--tt-popover-text-color: var(--tt-gray-light-a-600);
|
|
3520
|
-
}
|
|
3521
|
-
.dark .tiptap-popover {
|
|
3522
|
-
--tt-popover-border-color: var(--tt-gray-dark-a-50);
|
|
3523
|
-
--tt-popover-bg-color: var(--tt-gray-dark-50);
|
|
3524
|
-
--tt-popover-text-color: var(--tt-gray-dark-a-600);
|
|
3525
|
-
}
|
|
3526
|
-
.tiptap-popover {
|
|
3527
|
-
z-index: 50;
|
|
3528
|
-
outline: none;
|
|
3529
|
-
transform-origin: var(--radix-popover-content-transform-origin);
|
|
3530
|
-
max-height: var(--radix-popover-content-available-height);
|
|
3531
|
-
}
|
|
3532
|
-
.tiptap-popover > * {
|
|
3533
|
-
max-height: var(--radix-popover-content-available-height);
|
|
3534
|
-
}
|
|
3535
|
-
.tiptap-popover[data-state=open] {
|
|
3536
|
-
animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3537
|
-
}
|
|
3538
|
-
.tiptap-popover[data-state=closed] {
|
|
3539
|
-
animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3540
|
-
}
|
|
3541
|
-
.tiptap-popover[data-side=top],
|
|
3542
|
-
.tiptap-popover[data-side=top-start],
|
|
3543
|
-
.tiptap-popover[data-side=top-end] {
|
|
3544
|
-
animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3545
|
-
}
|
|
3546
|
-
.tiptap-popover[data-side=right],
|
|
3547
|
-
.tiptap-popover[data-side=right-start],
|
|
3548
|
-
.tiptap-popover[data-side=right-end] {
|
|
3549
|
-
animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3550
|
-
}
|
|
3551
|
-
.tiptap-popover[data-side=bottom],
|
|
3552
|
-
.tiptap-popover[data-side=bottom-start],
|
|
3553
|
-
.tiptap-popover[data-side=bottom-end] {
|
|
3554
|
-
animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3555
|
-
}
|
|
3556
|
-
.tiptap-popover[data-side=left],
|
|
3557
|
-
.tiptap-popover[data-side=left-start],
|
|
3558
|
-
.tiptap-popover[data-side=left-end] {
|
|
3559
|
-
animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3560
|
-
}
|
|
3561
|
-
.tiptap-separator {
|
|
3562
|
-
--tt-link-border-color: var(--tt-gray-light-a-200);
|
|
3563
|
-
}
|
|
3564
|
-
.dark .tiptap-separator {
|
|
3565
|
-
--tt-link-border-color: var(--tt-gray-dark-a-200);
|
|
3566
|
-
}
|
|
3567
|
-
.tiptap-separator {
|
|
3568
|
-
flex-shrink: 0;
|
|
3569
|
-
background-color: var(--tt-link-border-color);
|
|
3570
|
-
}
|
|
3571
|
-
.tiptap-separator[data-orientation=horizontal] {
|
|
3572
|
-
height: 1px;
|
|
3573
|
-
width: 100%;
|
|
3574
|
-
margin: 0.5rem 0;
|
|
3575
|
-
}
|
|
3576
|
-
.tiptap-separator[data-orientation=vertical] {
|
|
3577
|
-
height: 1.5rem;
|
|
3578
|
-
width: 1px;
|
|
3579
|
-
}
|
|
3580
|
-
:root {
|
|
3581
|
-
--tt-toolbar-height: 2.75rem;
|
|
3582
|
-
--tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
|
|
3583
|
-
--tt-toolbar-bg-color: var(--white);
|
|
3584
|
-
--tt-toolbar-border-color: var(--tt-gray-light-a-100);
|
|
3585
|
-
}
|
|
3586
|
-
.dark {
|
|
3587
|
-
--tt-toolbar-bg-color: var(--black);
|
|
3588
|
-
--tt-toolbar-border-color: var(--black);
|
|
3589
|
-
}
|
|
3590
|
-
.tiptap-toolbar {
|
|
3591
|
-
display: flex;
|
|
3592
|
-
align-items: center;
|
|
3593
|
-
gap: 0.55rem;
|
|
3594
|
-
}
|
|
3595
|
-
.tiptap-toolbar-group {
|
|
3596
|
-
display: flex;
|
|
3597
|
-
align-items: center;
|
|
3598
|
-
gap: 0.125rem;
|
|
3599
|
-
}
|
|
3600
|
-
.tiptap-toolbar-group:empty {
|
|
3601
|
-
display: none;
|
|
3602
|
-
}
|
|
3603
|
-
.tiptap-toolbar-group:empty + .tiptap-separator,
|
|
3604
|
-
.tiptap-separator + .tiptap-toolbar-group:empty {
|
|
3605
|
-
display: none;
|
|
3606
|
-
}
|
|
3607
|
-
.tiptap-toolbar[data-variant=fixed] {
|
|
3608
|
-
position: sticky;
|
|
3609
|
-
top: 0;
|
|
3610
|
-
left: 0;
|
|
3611
|
-
width: 100%;
|
|
3612
|
-
z-index: 5;
|
|
3613
|
-
align-items: center;
|
|
3614
|
-
min-height: var(--tt-toolbar-height);
|
|
3615
|
-
background: #0a0a0a;
|
|
3616
|
-
padding: 0 0.5rem;
|
|
3617
|
-
display: flex;
|
|
3618
|
-
box-sizing: border-box;
|
|
3619
|
-
overflow-x: auto;
|
|
3620
|
-
overflow-y: hidden;
|
|
3621
|
-
-webkit-overflow-scrolling: touch;
|
|
3622
|
-
scrollbar-width: none;
|
|
3623
|
-
overscroll-behavior: contain;
|
|
3624
|
-
}
|
|
3625
|
-
.tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar {
|
|
3626
|
-
display: none;
|
|
3627
|
-
}
|
|
3628
|
-
@media (min-width: 481px) and (max-width: 768px) {
|
|
3629
|
-
.tiptap-toolbar[data-variant=fixed] {
|
|
3630
|
-
height: auto;
|
|
3631
|
-
max-height: var(--tt-toolbar-height);
|
|
3632
|
-
border-top: none;
|
|
3633
|
-
border-bottom: 1px solid var(--tt-toolbar-border-color);
|
|
3634
|
-
padding: 0 0.5rem;
|
|
3635
|
-
overflow-y: auto;
|
|
3636
|
-
-webkit-overflow-scrolling: touch;
|
|
3637
|
-
}
|
|
3638
|
-
.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
|
|
3639
|
-
flex: 0 0 auto;
|
|
3640
|
-
}
|
|
3641
|
-
.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-spacer {
|
|
3642
|
-
height: var(--tt-toolbar-height);
|
|
3643
|
-
width: 100%;
|
|
3644
|
-
flex: 0 0 auto;
|
|
3645
|
-
}
|
|
3646
|
-
}
|
|
3647
|
-
@media (max-width: 480px) {
|
|
3648
|
-
.tiptap-toolbar[data-variant=fixed] {
|
|
3649
|
-
height: var(--tt-toolbar-height);
|
|
3650
|
-
border-top: none;
|
|
3651
|
-
border-bottom: 1px solid var(--tt-toolbar-border-color);
|
|
3652
|
-
padding: 0 0.25rem;
|
|
3653
|
-
flex-wrap: nowrap;
|
|
3654
|
-
position: sticky;
|
|
3655
|
-
}
|
|
3656
|
-
.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
|
|
3657
|
-
flex: 0 0 auto;
|
|
3658
|
-
}
|
|
3659
|
-
}
|
|
3660
|
-
.tiptap-toolbar[data-variant=floating] {
|
|
3661
|
-
--tt-toolbar-padding: 0.125rem;
|
|
3662
|
-
--tt-toolbar-border-width: 1px;
|
|
3663
|
-
padding: 0.188rem;
|
|
3664
|
-
border-radius: calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));
|
|
3665
|
-
border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
|
|
3666
|
-
background-color: var(--tt-toolbar-bg-color);
|
|
3667
|
-
box-shadow: var(--tt-shadow-elevated-md);
|
|
3668
|
-
outline: none;
|
|
3669
|
-
overflow: hidden;
|
|
3670
|
-
}
|
|
3671
|
-
.tiptap-toolbar[data-variant=floating][data-plain=true] {
|
|
3672
|
-
padding: 0;
|
|
3673
|
-
border-radius: 0;
|
|
3674
|
-
border: none;
|
|
3675
|
-
box-shadow: none;
|
|
3676
|
-
background-color: transparent;
|
|
3677
|
-
}
|
|
3678
|
-
@media screen and (max-width: 480px) {
|
|
3679
|
-
.tiptap-toolbar[data-variant=floating] {
|
|
3680
|
-
width: 100%;
|
|
3681
|
-
border-radius: 0;
|
|
3682
|
-
border: none;
|
|
3683
|
-
box-shadow: none;
|
|
3684
|
-
}
|
|
3685
|
-
}
|
|
3686
|
-
.tiptap-tooltip {
|
|
3687
|
-
--tt-tooltip-bg: var(--tt-gray-light-900);
|
|
3688
|
-
--tt-tooltip-text: var(--white);
|
|
3689
|
-
--tt-kbd: var(--tt-gray-dark-a-400);
|
|
3690
|
-
}
|
|
3691
|
-
.dark .tiptap-tooltip {
|
|
3692
|
-
--tt-tooltip-bg: var(--white);
|
|
3693
|
-
--tt-tooltip-text: var(--tt-gray-light-600);
|
|
3694
|
-
--tt-kbd: var(--tt-gray-light-a-400);
|
|
3695
|
-
}
|
|
3696
|
-
.tiptap-tooltip {
|
|
3697
|
-
z-index: 200;
|
|
3698
|
-
overflow: hidden;
|
|
3699
|
-
border-radius: var(--tt-radius-md, 0.375rem);
|
|
3700
|
-
background-color: var(--tt-tooltip-bg);
|
|
3701
|
-
padding: 0.375rem 0.5rem;
|
|
3702
|
-
font-size: 0.75rem;
|
|
3703
|
-
font-weight: 500;
|
|
3704
|
-
color: var(--tt-tooltip-text);
|
|
3705
|
-
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
3706
|
-
text-align: center;
|
|
3707
|
-
}
|
|
3708
|
-
.tiptap-tooltip kbd {
|
|
3709
|
-
display: inline-block;
|
|
3710
|
-
text-align: center;
|
|
3711
|
-
vertical-align: baseline;
|
|
3712
|
-
font-family:
|
|
3713
|
-
ui-sans-serif,
|
|
3714
|
-
system-ui,
|
|
3715
|
-
-apple-system,
|
|
3716
|
-
BlinkMacSystemFont,
|
|
3717
|
-
"Segoe UI",
|
|
3718
|
-
Roboto,
|
|
3719
|
-
"Helvetica Neue",
|
|
3720
|
-
Arial,
|
|
3721
|
-
"Noto Sans",
|
|
3722
|
-
sans-serif;
|
|
3723
|
-
text-transform: capitalize;
|
|
3724
|
-
color: var(--tt-kbd);
|
|
3725
|
-
}
|
|
3726
|
-
|
|
3727
|
-
/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/styles/_variables.css */
|
|
3728
|
-
:root {
|
|
3729
|
-
overflow-wrap: break-word;
|
|
3730
|
-
text-size-adjust: none;
|
|
3731
|
-
text-rendering: optimizeLegibility;
|
|
3732
|
-
-webkit-font-smoothing: antialiased;
|
|
3733
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3734
|
-
--tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
|
|
3735
|
-
--tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
|
|
3736
|
-
--tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
|
|
3737
|
-
--tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
|
|
3738
|
-
--tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
|
|
3739
|
-
--tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
|
|
3740
|
-
--tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
|
|
3741
|
-
--tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
|
|
3742
|
-
--tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
|
|
3743
|
-
--tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
|
|
3744
|
-
--tt-gray-light-50: rgba(250, 250, 250, 1);
|
|
3745
|
-
--tt-gray-light-100: rgba(244, 244, 245, 1);
|
|
3746
|
-
--tt-gray-light-200: rgba(234, 234, 235, 1);
|
|
3747
|
-
--tt-gray-light-300: rgba(213, 214, 215, 1);
|
|
3748
|
-
--tt-gray-light-400: rgba(166, 167, 171, 1);
|
|
3749
|
-
--tt-gray-light-500: rgba(125, 127, 130, 1);
|
|
3750
|
-
--tt-gray-light-600: rgba(83, 86, 90, 1);
|
|
3751
|
-
--tt-gray-light-700: rgba(64, 65, 69, 1);
|
|
3752
|
-
--tt-gray-light-800: rgba(44, 45, 48, 1);
|
|
3753
|
-
--tt-gray-light-900: rgba(34, 35, 37, 1);
|
|
3754
|
-
--tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
|
|
3755
|
-
--tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
|
|
3756
|
-
--tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
|
|
3757
|
-
--tt-gray-dark-a-300: rgba(239, 239, 245, 0.22);
|
|
3758
|
-
--tt-gray-dark-a-400: rgba(244, 244, 255, 0.37);
|
|
3759
|
-
--tt-gray-dark-a-500: rgba(236, 238, 253, 0.5);
|
|
3760
|
-
--tt-gray-dark-a-600: rgba(247, 247, 253, 0.64);
|
|
3761
|
-
--tt-gray-dark-a-700: rgba(251, 251, 254, 0.75);
|
|
3762
|
-
--tt-gray-dark-a-800: rgba(253, 253, 253, 0.88);
|
|
3763
|
-
--tt-gray-dark-a-900: rgba(255, 255, 255, 0.96);
|
|
3764
|
-
--tt-gray-dark-50: rgba(25, 25, 26, 1);
|
|
3765
|
-
--tt-gray-dark-100: rgba(32, 32, 34, 1);
|
|
3766
|
-
--tt-gray-dark-200: rgba(45, 45, 47, 1);
|
|
3767
|
-
--tt-gray-dark-300: rgba(70, 70, 73, 1);
|
|
3768
|
-
--tt-gray-dark-400: rgba(99, 99, 105, 1);
|
|
3769
|
-
--tt-gray-dark-500: rgba(124, 124, 131, 1);
|
|
3770
|
-
--tt-gray-dark-600: rgba(163, 163, 168, 1);
|
|
3771
|
-
--tt-gray-dark-700: rgba(192, 192, 195, 1);
|
|
3772
|
-
--tt-gray-dark-800: rgba(224, 224, 225, 1);
|
|
3773
|
-
--tt-gray-dark-900: rgba(245, 245, 245, 1);
|
|
3774
|
-
--tt-brand-color-50: rgba(239, 238, 255, 1);
|
|
3775
|
-
--tt-brand-color-100: rgba(222, 219, 255, 1);
|
|
3776
|
-
--tt-brand-color-200: rgba(195, 189, 255, 1);
|
|
3777
|
-
--tt-brand-color-300: rgba(157, 138, 255, 1);
|
|
3778
|
-
--tt-brand-color-400: rgba(122, 82, 255, 1);
|
|
3779
|
-
--tt-brand-color-500: rgba(98, 41, 255, 1);
|
|
3780
|
-
--tt-brand-color-600: rgba(84, 0, 229, 1);
|
|
3781
|
-
--tt-brand-color-700: rgba(75, 0, 204, 1);
|
|
3782
|
-
--tt-brand-color-800: rgba(56, 0, 153, 1);
|
|
3783
|
-
--tt-brand-color-900: rgba(43, 25, 102, 1);
|
|
3784
|
-
--tt-brand-color-950: hsla(257, 100%, 9%, 1);
|
|
3785
|
-
--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);
|
|
3786
|
-
--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);
|
|
3787
|
-
--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);
|
|
3788
|
-
--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);
|
|
3789
|
-
--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);
|
|
3790
|
-
--tt-color-green-base: hsla(147, 99%, 50%, 1);
|
|
3791
|
-
--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);
|
|
3792
|
-
--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);
|
|
3793
|
-
--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);
|
|
3794
|
-
--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);
|
|
3795
|
-
--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);
|
|
3796
|
-
--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);
|
|
3797
|
-
--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);
|
|
3798
|
-
--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);
|
|
3799
|
-
--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);
|
|
3800
|
-
--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);
|
|
3801
|
-
--tt-color-yellow-base: hsla(52, 100%, 50%, 1);
|
|
3802
|
-
--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);
|
|
3803
|
-
--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);
|
|
3804
|
-
--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);
|
|
3805
|
-
--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);
|
|
3806
|
-
--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);
|
|
3807
|
-
--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);
|
|
3808
|
-
--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);
|
|
3809
|
-
--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);
|
|
3810
|
-
--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);
|
|
3811
|
-
--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);
|
|
3812
|
-
--tt-color-red-base: hsla(7, 100%, 54%, 1);
|
|
3813
|
-
--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);
|
|
3814
|
-
--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);
|
|
3815
|
-
--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);
|
|
3816
|
-
--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);
|
|
3817
|
-
--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);
|
|
3818
|
-
--white: rgba(255, 255, 255, 1);
|
|
3819
|
-
--black: rgba(14, 14, 17, 1);
|
|
3820
|
-
--transparent: rgba(255, 255, 255, 0);
|
|
3821
|
-
--tt-shadow-elevated-md:
|
|
3822
|
-
0px 16px 48px 0px rgba(17, 24, 39, 0.04),
|
|
3823
|
-
0px 12px 24px 0px rgba(17, 24, 39, 0.04),
|
|
3824
|
-
0px 6px 8px 0px rgba(17, 24, 39, 0.02),
|
|
3825
|
-
0px 2px 3px 0px rgba(17, 24, 39, 0.02);
|
|
3826
|
-
--tt-radius-xxs: 0.125rem;
|
|
3827
|
-
--tt-radius-xs: 0.25rem;
|
|
3828
|
-
--tt-radius-sm: 0.375rem;
|
|
3829
|
-
--tt-radius-md: 0.5rem;
|
|
3830
|
-
--tt-radius-lg: 0.75rem;
|
|
3831
|
-
--tt-radius-xl: 1rem;
|
|
3832
|
-
--tt-transition-duration-short: 0.1s;
|
|
3833
|
-
--tt-transition-duration-default: 0.2s;
|
|
3834
|
-
--tt-transition-duration-long: 0.64s;
|
|
3835
|
-
--tt-transition-easing-default: cubic-bezier(0.46, 0.03, 0.52, 0.96);
|
|
3836
|
-
--tt-transition-easing-cubic: cubic-bezier(0.65, 0.05, 0.36, 1);
|
|
3837
|
-
--tt-transition-easing-quart: cubic-bezier(0.77, 0, 0.18, 1);
|
|
3838
|
-
--tt-transition-easing-circ: cubic-bezier(0.79, 0.14, 0.15, 0.86);
|
|
3839
|
-
--tt-transition-easing-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
3840
|
-
--tt-accent-contrast: 8%;
|
|
3841
|
-
--tt-destructive-contrast: 8%;
|
|
3842
|
-
--tt-foreground-contrast: 8%;
|
|
3843
|
-
}
|
|
3844
|
-
:root,
|
|
3845
|
-
:root *,
|
|
3846
|
-
:root ::before,
|
|
3847
|
-
:root ::after {
|
|
3848
|
-
box-sizing: border-box;
|
|
3849
|
-
transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
|
|
3850
|
-
}
|
|
3851
|
-
:root {
|
|
3852
|
-
--tt-bg-color: var(--white);
|
|
3853
|
-
--tt-border-color: var(--tt-gray-light-a-200);
|
|
3854
|
-
--tt-border-color-tint: var(--tt-gray-light-a-100);
|
|
3855
|
-
--tt-sidebar-bg-color: var(--tt-gray-light-100);
|
|
3856
|
-
--tt-scrollbar-color: var(--tt-gray-light-a-200);
|
|
3857
|
-
--tt-cursor-color: var(--tt-brand-color-500);
|
|
3858
|
-
--tt-selection-color: rgba(157, 138, 255, 0.2);
|
|
3859
|
-
--tt-card-bg-color: var(--white);
|
|
3860
|
-
--tt-card-border-color: var(--tt-gray-light-a-100);
|
|
3861
|
-
}
|
|
3862
|
-
.dark {
|
|
3863
|
-
--tt-bg-color: var(--black);
|
|
3864
|
-
--tt-border-color: var(--tt-gray-dark-a-200);
|
|
3865
|
-
--tt-border-color-tint: var(--tt-gray-dark-a-100);
|
|
3866
|
-
--tt-sidebar-bg-color: var(--tt-gray-dark-100);
|
|
3867
|
-
--tt-scrollbar-color: var(--tt-gray-dark-a-200);
|
|
3868
|
-
--tt-cursor-color: var(--tt-brand-color-400);
|
|
3869
|
-
--tt-selection-color: rgba(122, 82, 255, 0.2);
|
|
3870
|
-
--tt-card-bg-color: var(--tt-gray-dark-50);
|
|
3871
|
-
--tt-card-border-color: var(--tt-gray-dark-a-50);
|
|
3872
|
-
--tt-shadow-elevated-md:
|
|
3873
|
-
0px 16px 48px 0px rgba(0, 0, 0, 0.5),
|
|
3874
|
-
0px 12px 24px 0px rgba(0, 0, 0, 0.24),
|
|
3875
|
-
0px 6px 8px 0px rgba(0, 0, 0, 0.22),
|
|
3876
|
-
0px 2px 3px 0px rgba(0, 0, 0, 0.12);
|
|
3877
|
-
}
|
|
3878
|
-
:root {
|
|
3879
|
-
--tt-color-text-gray: hsl(45, 2%, 46%);
|
|
3880
|
-
--tt-color-text-brown: hsl(19, 31%, 47%);
|
|
3881
|
-
--tt-color-text-orange: hsl(30, 89%, 45%);
|
|
3882
|
-
--tt-color-text-yellow: hsl(38, 62%, 49%);
|
|
3883
|
-
--tt-color-text-green: hsl(148, 32%, 39%);
|
|
3884
|
-
--tt-color-text-blue: hsl(202, 54%, 43%);
|
|
3885
|
-
--tt-color-text-purple: hsl(274, 32%, 54%);
|
|
3886
|
-
--tt-color-text-pink: hsl(328, 49%, 53%);
|
|
3887
|
-
--tt-color-text-red: hsl(2, 62%, 55%);
|
|
3888
|
-
--tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
|
|
3889
|
-
--tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
|
|
3890
|
-
--tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
|
|
3891
|
-
--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
|
|
3892
|
-
--tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
|
|
3893
|
-
--tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
|
|
3894
|
-
--tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
|
|
3895
|
-
--tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
|
|
3896
|
-
--tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
|
|
3897
|
-
}
|
|
3898
|
-
.dark {
|
|
3899
|
-
--tt-color-text-gray: hsl(0, 0%, 61%);
|
|
3900
|
-
--tt-color-text-brown: hsl(18, 35%, 58%);
|
|
3901
|
-
--tt-color-text-orange: hsl(25, 53%, 53%);
|
|
3902
|
-
--tt-color-text-yellow: hsl(36, 54%, 55%);
|
|
3903
|
-
--tt-color-text-green: hsl(145, 32%, 47%);
|
|
3904
|
-
--tt-color-text-blue: hsl(202, 64%, 52%);
|
|
3905
|
-
--tt-color-text-purple: hsl(270, 55%, 62%);
|
|
3906
|
-
--tt-color-text-pink: hsl(329, 57%, 58%);
|
|
3907
|
-
--tt-color-text-red: hsl(1, 69%, 60%);
|
|
3908
|
-
--tt-color-text-gray-contrast: hsla(0, 0%, 100%, 0.09);
|
|
3909
|
-
--tt-color-text-brown-contrast: hsla(17, 45%, 50%, 0.25);
|
|
3910
|
-
--tt-color-text-orange-contrast: hsla(27, 82%, 53%, 0.2);
|
|
3911
|
-
--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, 0.2);
|
|
3912
|
-
--tt-color-text-green-contrast: hsla(151, 55%, 39%, 0.2);
|
|
3913
|
-
--tt-color-text-blue-contrast: hsla(202, 54%, 43%, 0.2);
|
|
3914
|
-
--tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
|
|
3915
|
-
--tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
|
|
3916
|
-
--tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
|
|
3917
|
-
}
|
|
3918
|
-
:root {
|
|
3919
|
-
--tt-color-highlight-yellow: #fef9c3;
|
|
3920
|
-
--tt-color-highlight-green: #dcfce7;
|
|
3921
|
-
--tt-color-highlight-blue: #e0f2fe;
|
|
3922
|
-
--tt-color-highlight-purple: #f3e8ff;
|
|
3923
|
-
--tt-color-highlight-red: #ffe4e6;
|
|
3924
|
-
--tt-color-highlight-gray: rgb(248, 248, 247);
|
|
3925
|
-
--tt-color-highlight-brown: rgb(244, 238, 238);
|
|
3926
|
-
--tt-color-highlight-orange: rgb(251, 236, 221);
|
|
3927
|
-
--tt-color-highlight-pink: rgb(252, 241, 246);
|
|
3928
|
-
--tt-color-highlight-yellow-contrast: #fbe604;
|
|
3929
|
-
--tt-color-highlight-green-contrast: #c7fad8;
|
|
3930
|
-
--tt-color-highlight-blue-contrast: #ceeafd;
|
|
3931
|
-
--tt-color-highlight-purple-contrast: #e4ccff;
|
|
3932
|
-
--tt-color-highlight-red-contrast: #ffccd0;
|
|
3933
|
-
--tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
|
|
3934
|
-
--tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
|
|
3935
|
-
--tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
|
|
3936
|
-
--tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
|
|
3937
|
-
}
|
|
3938
|
-
.dark {
|
|
3939
|
-
--tt-color-highlight-yellow: #6b6524;
|
|
3940
|
-
--tt-color-highlight-green: #509568;
|
|
3941
|
-
--tt-color-highlight-blue: #6e92aa;
|
|
3942
|
-
--tt-color-highlight-purple: #583e74;
|
|
3943
|
-
--tt-color-highlight-red: #743e42;
|
|
3944
|
-
--tt-color-highlight-gray: rgb(47, 47, 47);
|
|
3945
|
-
--tt-color-highlight-brown: rgb(74, 50, 40);
|
|
3946
|
-
--tt-color-highlight-orange: rgb(92, 59, 35);
|
|
3947
|
-
--tt-color-highlight-pink: rgb(78, 44, 60);
|
|
3948
|
-
--tt-color-highlight-yellow-contrast: #58531e;
|
|
3949
|
-
--tt-color-highlight-green-contrast: #47855d;
|
|
3950
|
-
--tt-color-highlight-blue-contrast: #5e86a1;
|
|
3951
|
-
--tt-color-highlight-purple-contrast: #4c3564;
|
|
3952
|
-
--tt-color-highlight-red-contrast: #643539;
|
|
3953
|
-
--tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
|
|
3954
|
-
--tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
|
|
3955
|
-
--tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
|
|
3956
|
-
--tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
|
|
3957
|
-
}
|
|
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
|
-
--radius-sm: 0.25rem;
|
|
4002
|
-
--radius-md: 0.375rem;
|
|
4003
|
-
--radius-lg: 0.5rem;
|
|
4004
|
-
--radius-xl: 0.75rem;
|
|
4005
|
-
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
4006
|
-
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
4007
|
-
--default-transition-duration: 150ms;
|
|
4008
|
-
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
4009
|
-
--default-font-family: var(--font-sans);
|
|
4010
|
-
--default-mono-font-family: var(--font-mono);
|
|
4011
|
-
}
|
|
4012
|
-
}
|
|
4013
|
-
@layer base {
|
|
4014
|
-
*,
|
|
4015
|
-
::after,
|
|
4016
|
-
::before,
|
|
4017
|
-
::backdrop,
|
|
4018
|
-
::file-selector-button {
|
|
4019
|
-
box-sizing: border-box;
|
|
4020
|
-
margin: 0;
|
|
4021
|
-
padding: 0;
|
|
4022
|
-
border: 0 solid;
|
|
4023
|
-
}
|
|
4024
|
-
html,
|
|
4025
|
-
:host {
|
|
4026
|
-
line-height: 1.5;
|
|
4027
|
-
-webkit-text-size-adjust: 100%;
|
|
4028
|
-
tab-size: 4;
|
|
4029
|
-
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");
|
|
4030
|
-
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
4031
|
-
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
4032
|
-
-webkit-tap-highlight-color: transparent;
|
|
4033
|
-
}
|
|
4034
|
-
hr {
|
|
4035
|
-
height: 0;
|
|
4036
|
-
color: inherit;
|
|
4037
|
-
border-top-width: 1px;
|
|
4038
|
-
}
|
|
4039
|
-
abbr:where([title]) {
|
|
4040
|
-
-webkit-text-decoration: underline dotted;
|
|
4041
|
-
text-decoration: underline dotted;
|
|
4042
|
-
}
|
|
4043
|
-
h1,
|
|
4044
|
-
h2,
|
|
4045
|
-
h3,
|
|
4046
|
-
h4,
|
|
4047
|
-
h5,
|
|
4048
|
-
h6 {
|
|
4049
|
-
font-size: inherit;
|
|
4050
|
-
font-weight: inherit;
|
|
4051
|
-
}
|
|
4052
|
-
a {
|
|
4053
|
-
color: inherit;
|
|
4054
|
-
-webkit-text-decoration: inherit;
|
|
4055
|
-
text-decoration: inherit;
|
|
4056
|
-
}
|
|
4057
|
-
b,
|
|
4058
|
-
strong {
|
|
4059
|
-
font-weight: bolder;
|
|
4060
|
-
}
|
|
4061
|
-
code,
|
|
4062
|
-
kbd,
|
|
4063
|
-
samp,
|
|
4064
|
-
pre {
|
|
4065
|
-
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
4066
|
-
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
4067
|
-
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
4068
|
-
font-size: 1em;
|
|
4069
|
-
}
|
|
4070
|
-
small {
|
|
4071
|
-
font-size: 80%;
|
|
4072
|
-
}
|
|
4073
|
-
sub,
|
|
4074
|
-
sup {
|
|
4075
|
-
font-size: 75%;
|
|
4076
|
-
line-height: 0;
|
|
4077
|
-
position: relative;
|
|
4078
|
-
vertical-align: baseline;
|
|
4079
|
-
}
|
|
4080
|
-
sub {
|
|
4081
|
-
bottom: -0.25em;
|
|
4082
|
-
}
|
|
4083
|
-
sup {
|
|
4084
|
-
top: -0.5em;
|
|
4085
|
-
}
|
|
4086
|
-
table {
|
|
4087
|
-
text-indent: 0;
|
|
4088
|
-
border-color: inherit;
|
|
4089
|
-
border-collapse: collapse;
|
|
4090
|
-
}
|
|
4091
|
-
:-moz-focusring {
|
|
4092
|
-
outline: auto;
|
|
4093
|
-
}
|
|
4094
|
-
progress {
|
|
4095
|
-
vertical-align: baseline;
|
|
4096
|
-
}
|
|
4097
|
-
summary {
|
|
4098
|
-
display: list-item;
|
|
4099
|
-
}
|
|
4100
|
-
ol,
|
|
4101
|
-
ul,
|
|
4102
|
-
menu {
|
|
4103
|
-
list-style: none;
|
|
4104
|
-
}
|
|
4105
|
-
img,
|
|
4106
|
-
svg,
|
|
4107
|
-
video,
|
|
4108
|
-
canvas,
|
|
4109
|
-
audio,
|
|
4110
|
-
iframe,
|
|
4111
|
-
embed,
|
|
4112
|
-
object {
|
|
4113
|
-
display: block;
|
|
4114
|
-
vertical-align: middle;
|
|
4115
|
-
}
|
|
4116
|
-
img,
|
|
4117
|
-
video {
|
|
4118
|
-
max-width: 100%;
|
|
4119
|
-
height: auto;
|
|
4120
|
-
}
|
|
4121
|
-
button,
|
|
4122
|
-
input,
|
|
4123
|
-
select,
|
|
4124
|
-
optgroup,
|
|
4125
|
-
textarea,
|
|
4126
|
-
::file-selector-button {
|
|
4127
|
-
font: inherit;
|
|
4128
|
-
font-feature-settings: inherit;
|
|
4129
|
-
font-variation-settings: inherit;
|
|
4130
|
-
letter-spacing: inherit;
|
|
4131
|
-
color: inherit;
|
|
4132
|
-
border-radius: 0;
|
|
4133
|
-
background-color: transparent;
|
|
4134
|
-
opacity: 1;
|
|
4135
|
-
}
|
|
4136
|
-
:where(select:is([multiple], [size])) optgroup {
|
|
4137
|
-
font-weight: bolder;
|
|
4138
|
-
}
|
|
4139
|
-
:where(select:is([multiple], [size])) optgroup option {
|
|
4140
|
-
padding-inline-start: 20px;
|
|
4141
|
-
}
|
|
4142
|
-
::file-selector-button {
|
|
4143
|
-
margin-inline-end: 4px;
|
|
4144
|
-
}
|
|
4145
|
-
::placeholder {
|
|
4146
|
-
opacity: 1;
|
|
4147
|
-
}
|
|
4148
|
-
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
4149
|
-
::placeholder {
|
|
4150
|
-
color: currentcolor;
|
|
4151
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4152
|
-
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
4153
|
-
}
|
|
4154
|
-
}
|
|
4155
|
-
}
|
|
4156
|
-
textarea {
|
|
4157
|
-
resize: vertical;
|
|
4158
|
-
}
|
|
4159
|
-
::-webkit-search-decoration {
|
|
4160
|
-
-webkit-appearance: none;
|
|
4161
|
-
}
|
|
4162
|
-
::-webkit-date-and-time-value {
|
|
4163
|
-
min-height: 1lh;
|
|
4164
|
-
text-align: inherit;
|
|
4165
|
-
}
|
|
4166
|
-
::-webkit-datetime-edit {
|
|
4167
|
-
display: inline-flex;
|
|
4168
|
-
}
|
|
4169
|
-
::-webkit-datetime-edit-fields-wrapper {
|
|
4170
|
-
padding: 0;
|
|
4171
|
-
}
|
|
4172
|
-
::-webkit-datetime-edit,
|
|
4173
|
-
::-webkit-datetime-edit-year-field,
|
|
4174
|
-
::-webkit-datetime-edit-month-field,
|
|
4175
|
-
::-webkit-datetime-edit-day-field,
|
|
4176
|
-
::-webkit-datetime-edit-hour-field,
|
|
4177
|
-
::-webkit-datetime-edit-minute-field,
|
|
4178
|
-
::-webkit-datetime-edit-second-field,
|
|
4179
|
-
::-webkit-datetime-edit-millisecond-field,
|
|
4180
|
-
::-webkit-datetime-edit-meridiem-field {
|
|
4181
|
-
padding-block: 0;
|
|
4182
|
-
}
|
|
4183
|
-
::-webkit-calendar-picker-indicator {
|
|
4184
|
-
line-height: 1;
|
|
4185
|
-
}
|
|
4186
|
-
:-moz-ui-invalid {
|
|
4187
|
-
box-shadow: none;
|
|
4188
|
-
}
|
|
4189
|
-
button,
|
|
4190
|
-
input:where([type=button], [type=reset], [type=submit]),
|
|
4191
|
-
::file-selector-button {
|
|
4192
|
-
appearance: button;
|
|
4193
|
-
}
|
|
4194
|
-
::-webkit-inner-spin-button,
|
|
4195
|
-
::-webkit-outer-spin-button {
|
|
4196
|
-
height: auto;
|
|
4197
|
-
}
|
|
4198
|
-
[hidden]:where(:not([hidden=until-found])) {
|
|
4199
|
-
display: none !important;
|
|
4200
|
-
}
|
|
4201
|
-
}
|
|
4202
|
-
@layer utilities {
|
|
4203
|
-
.pointer-events-none {
|
|
4204
|
-
pointer-events: none;
|
|
4205
|
-
}
|
|
4206
|
-
.visible {
|
|
4207
|
-
visibility: visible;
|
|
4208
|
-
}
|
|
4209
|
-
.sr-only {
|
|
4210
|
-
position: absolute;
|
|
4211
|
-
width: 1px;
|
|
4212
|
-
height: 1px;
|
|
4213
|
-
padding: 0;
|
|
4214
|
-
margin: -1px;
|
|
4215
|
-
overflow: hidden;
|
|
4216
|
-
clip-path: inset(50%);
|
|
4217
|
-
white-space: nowrap;
|
|
4218
|
-
border-width: 0;
|
|
4219
|
-
}
|
|
4220
|
-
.absolute {
|
|
4221
|
-
position: absolute;
|
|
4222
|
-
}
|
|
4223
|
-
.fixed {
|
|
4224
|
-
position: fixed;
|
|
4225
|
-
}
|
|
4226
|
-
.relative {
|
|
4227
|
-
position: relative;
|
|
4228
|
-
}
|
|
4229
|
-
.inset-0 {
|
|
4230
|
-
inset: calc(var(--spacing) * 0);
|
|
4231
|
-
}
|
|
4232
|
-
.inset-x-0 {
|
|
4233
|
-
inset-inline: calc(var(--spacing) * 0);
|
|
4234
|
-
}
|
|
4235
|
-
.inset-y-0 {
|
|
4236
|
-
inset-block: calc(var(--spacing) * 0);
|
|
4237
|
-
}
|
|
4238
|
-
.top-0 {
|
|
4239
|
-
top: calc(var(--spacing) * 0);
|
|
4240
|
-
}
|
|
4241
|
-
.top-1\.5 {
|
|
4242
|
-
top: calc(var(--spacing) * 1.5);
|
|
4243
|
-
}
|
|
4244
|
-
.top-3\.5 {
|
|
4245
|
-
top: calc(var(--spacing) * 3.5);
|
|
4246
|
-
}
|
|
4247
|
-
.top-4 {
|
|
4248
|
-
top: calc(var(--spacing) * 4);
|
|
4249
|
-
}
|
|
4250
|
-
.top-\[50\%\] {
|
|
4251
|
-
top: 50%;
|
|
4252
|
-
}
|
|
4253
|
-
.right-0 {
|
|
4254
|
-
right: calc(var(--spacing) * 0);
|
|
4255
|
-
}
|
|
4256
|
-
.right-1 {
|
|
4257
|
-
right: calc(var(--spacing) * 1);
|
|
4258
|
-
}
|
|
4259
|
-
.right-3 {
|
|
4260
|
-
right: calc(var(--spacing) * 3);
|
|
4261
|
-
}
|
|
4262
|
-
.right-4 {
|
|
4263
|
-
right: calc(var(--spacing) * 4);
|
|
4264
|
-
}
|
|
4265
|
-
.bottom-0 {
|
|
4266
|
-
bottom: calc(var(--spacing) * 0);
|
|
4267
|
-
}
|
|
4268
|
-
.left-0 {
|
|
4269
|
-
left: calc(var(--spacing) * 0);
|
|
4270
|
-
}
|
|
4271
|
-
.left-2 {
|
|
4272
|
-
left: calc(var(--spacing) * 2);
|
|
4273
|
-
}
|
|
4274
|
-
.left-\[50\%\] {
|
|
4275
|
-
left: 50%;
|
|
4276
|
-
}
|
|
4277
|
-
.z-10 {
|
|
4278
|
-
z-index: 10;
|
|
4279
|
-
}
|
|
4280
|
-
.z-20 {
|
|
4281
|
-
z-index: 20;
|
|
4282
|
-
}
|
|
4283
|
-
.z-50 {
|
|
4284
|
-
z-index: 50;
|
|
4285
|
-
}
|
|
4286
|
-
.z-\[15\] {
|
|
4287
|
-
z-index: 15;
|
|
4288
|
-
}
|
|
4289
|
-
.container {
|
|
4290
|
-
width: 100%;
|
|
4291
|
-
@media (width >= 40rem) {
|
|
4292
|
-
max-width: 40rem;
|
|
4293
|
-
}
|
|
4294
|
-
@media (width >= 48rem) {
|
|
4295
|
-
max-width: 48rem;
|
|
4296
|
-
}
|
|
4297
|
-
@media (width >= 64rem) {
|
|
4298
|
-
max-width: 64rem;
|
|
4299
|
-
}
|
|
4300
|
-
@media (width >= 80rem) {
|
|
4301
|
-
max-width: 80rem;
|
|
4302
|
-
}
|
|
4303
|
-
@media (width >= 96rem) {
|
|
4304
|
-
max-width: 96rem;
|
|
4305
|
-
}
|
|
4306
|
-
}
|
|
4307
|
-
.-mx-1 {
|
|
4308
|
-
margin-inline: calc(var(--spacing) * -1);
|
|
4309
|
-
}
|
|
4310
|
-
.mx-1 {
|
|
4311
|
-
margin-inline: calc(var(--spacing) * 1);
|
|
4312
|
-
}
|
|
4313
|
-
.mx-2 {
|
|
4314
|
-
margin-inline: calc(var(--spacing) * 2);
|
|
4315
|
-
}
|
|
4316
|
-
.mx-3\.5 {
|
|
4317
|
-
margin-inline: calc(var(--spacing) * 3.5);
|
|
4318
|
-
}
|
|
4319
|
-
.my-1 {
|
|
4320
|
-
margin-block: calc(var(--spacing) * 1);
|
|
4321
|
-
}
|
|
4322
|
-
.mt-2 {
|
|
4323
|
-
margin-top: calc(var(--spacing) * 2);
|
|
4324
|
-
}
|
|
4325
|
-
.mt-auto {
|
|
4326
|
-
margin-top: auto;
|
|
4327
|
-
}
|
|
4328
|
-
.mb-2 {
|
|
4329
|
-
margin-bottom: calc(var(--spacing) * 2);
|
|
4330
|
-
}
|
|
4331
|
-
.ml-2 {
|
|
4332
|
-
margin-left: calc(var(--spacing) * 2);
|
|
4333
|
-
}
|
|
4334
|
-
.ml-5 {
|
|
4335
|
-
margin-left: calc(var(--spacing) * 5);
|
|
4336
|
-
}
|
|
4337
|
-
.ml-9 {
|
|
4338
|
-
margin-left: calc(var(--spacing) * 9);
|
|
4339
|
-
}
|
|
4340
|
-
.ml-auto {
|
|
4341
|
-
margin-left: auto;
|
|
4342
|
-
}
|
|
4343
|
-
.block {
|
|
4344
|
-
display: block;
|
|
4345
|
-
}
|
|
4346
|
-
.flex {
|
|
4347
|
-
display: flex;
|
|
4348
|
-
}
|
|
4349
|
-
.grid {
|
|
4350
|
-
display: grid;
|
|
4351
|
-
}
|
|
4352
|
-
.hidden {
|
|
4353
|
-
display: none;
|
|
4354
|
-
}
|
|
4355
|
-
.inline-flex {
|
|
4356
|
-
display: inline-flex;
|
|
4357
|
-
}
|
|
4358
|
-
.table {
|
|
4359
|
-
display: table;
|
|
4360
|
-
}
|
|
4361
|
-
.aspect-square {
|
|
4362
|
-
aspect-ratio: 1 / 1;
|
|
4363
|
-
}
|
|
4364
|
-
.size-2 {
|
|
4365
|
-
width: calc(var(--spacing) * 2);
|
|
4366
|
-
height: calc(var(--spacing) * 2);
|
|
4367
|
-
}
|
|
4368
|
-
.size-2\.5 {
|
|
4369
|
-
width: calc(var(--spacing) * 2.5);
|
|
4370
|
-
height: calc(var(--spacing) * 2.5);
|
|
4371
|
-
}
|
|
4372
|
-
.size-3\.5 {
|
|
4373
|
-
width: calc(var(--spacing) * 3.5);
|
|
4374
|
-
height: calc(var(--spacing) * 3.5);
|
|
4375
|
-
}
|
|
4376
|
-
.size-4 {
|
|
4377
|
-
width: calc(var(--spacing) * 4);
|
|
4378
|
-
height: calc(var(--spacing) * 4);
|
|
4379
|
-
}
|
|
4380
|
-
.size-7 {
|
|
4381
|
-
width: calc(var(--spacing) * 7);
|
|
4382
|
-
height: calc(var(--spacing) * 7);
|
|
4383
|
-
}
|
|
4384
|
-
.size-8 {
|
|
4385
|
-
width: calc(var(--spacing) * 8);
|
|
4386
|
-
height: calc(var(--spacing) * 8);
|
|
4387
|
-
}
|
|
4388
|
-
.size-9 {
|
|
4389
|
-
width: calc(var(--spacing) * 9);
|
|
4390
|
-
height: calc(var(--spacing) * 9);
|
|
4391
|
-
}
|
|
4392
|
-
.size-10 {
|
|
4393
|
-
width: calc(var(--spacing) * 10);
|
|
4394
|
-
height: calc(var(--spacing) * 10);
|
|
4395
|
-
}
|
|
4396
|
-
.size-full {
|
|
4397
|
-
width: 100%;
|
|
4398
|
-
height: 100%;
|
|
4399
|
-
}
|
|
4400
|
-
.h-2\.5 {
|
|
4401
|
-
height: calc(var(--spacing) * 2.5);
|
|
4402
|
-
}
|
|
4403
|
-
.h-3 {
|
|
4404
|
-
height: calc(var(--spacing) * 3);
|
|
4405
|
-
}
|
|
4406
|
-
.h-4 {
|
|
4407
|
-
height: calc(var(--spacing) * 4);
|
|
4408
|
-
}
|
|
4409
|
-
.h-5 {
|
|
4410
|
-
height: calc(var(--spacing) * 5);
|
|
4411
|
-
}
|
|
4412
|
-
.h-6 {
|
|
4413
|
-
height: calc(var(--spacing) * 6);
|
|
4414
|
-
}
|
|
4415
|
-
.h-7 {
|
|
4416
|
-
height: calc(var(--spacing) * 7);
|
|
4417
|
-
}
|
|
4418
|
-
.h-8 {
|
|
4419
|
-
height: calc(var(--spacing) * 8);
|
|
4420
|
-
}
|
|
4421
|
-
.h-9 {
|
|
4422
|
-
height: calc(var(--spacing) * 9);
|
|
4423
|
-
}
|
|
4424
|
-
.h-10 {
|
|
4425
|
-
height: calc(var(--spacing) * 10);
|
|
4426
|
-
}
|
|
4427
|
-
.h-12 {
|
|
4428
|
-
height: calc(var(--spacing) * 12);
|
|
4429
|
-
}
|
|
4430
|
-
.h-auto {
|
|
4431
|
-
height: auto;
|
|
4432
|
-
}
|
|
4433
|
-
.h-full {
|
|
4434
|
-
height: 100%;
|
|
4435
|
-
}
|
|
4436
|
-
.h-px {
|
|
4437
|
-
height: 1px;
|
|
4438
|
-
}
|
|
4439
|
-
.h-screen {
|
|
4440
|
-
height: 100vh;
|
|
4441
|
-
}
|
|
4442
|
-
.h-svh {
|
|
4443
|
-
height: 100svh;
|
|
4444
|
-
}
|
|
4445
|
-
.max-h-\(--radix-context-menu-content-available-height\) {
|
|
4446
|
-
max-height: var(--radix-context-menu-content-available-height);
|
|
4447
|
-
}
|
|
4448
|
-
.max-h-\(--radix-dropdown-menu-content-available-height\) {
|
|
4449
|
-
max-height: var(--radix-dropdown-menu-content-available-height);
|
|
4450
|
-
}
|
|
4451
|
-
.max-h-\[220px\] {
|
|
4452
|
-
max-height: 220px;
|
|
4453
|
-
}
|
|
4454
|
-
.max-h-\[260px\] {
|
|
4455
|
-
max-height: 260px;
|
|
4456
|
-
}
|
|
4457
|
-
.max-h-\[300px\] {
|
|
4458
|
-
max-height: 300px;
|
|
4459
|
-
}
|
|
4460
|
-
.min-h-0 {
|
|
4461
|
-
min-height: calc(var(--spacing) * 0);
|
|
4462
|
-
}
|
|
4463
|
-
.min-h-svh {
|
|
4464
|
-
min-height: 100svh;
|
|
4465
|
-
}
|
|
4466
|
-
.w-\(--sidebar-width\) {
|
|
4467
|
-
width: var(--sidebar-width);
|
|
4468
|
-
}
|
|
4469
|
-
.w-2\.5 {
|
|
4470
|
-
width: calc(var(--spacing) * 2.5);
|
|
4471
|
-
}
|
|
4472
|
-
.w-3 {
|
|
4473
|
-
width: calc(var(--spacing) * 3);
|
|
4474
|
-
}
|
|
4475
|
-
.w-3\/4 {
|
|
4476
|
-
width: calc(3/4 * 100%);
|
|
4477
|
-
}
|
|
4478
|
-
.w-4 {
|
|
4479
|
-
width: calc(var(--spacing) * 4);
|
|
4480
|
-
}
|
|
4481
|
-
.w-5 {
|
|
4482
|
-
width: calc(var(--spacing) * 5);
|
|
4483
|
-
}
|
|
4484
|
-
.w-40 {
|
|
4485
|
-
width: calc(var(--spacing) * 40);
|
|
4486
|
-
}
|
|
4487
|
-
.w-72 {
|
|
4488
|
-
width: calc(var(--spacing) * 72);
|
|
4489
|
-
}
|
|
4490
|
-
.w-\[220px\] {
|
|
4491
|
-
width: 220px;
|
|
4492
|
-
}
|
|
4493
|
-
.w-\[260px\] {
|
|
4494
|
-
width: 260px;
|
|
4495
|
-
}
|
|
4496
|
-
.w-\[300px\] {
|
|
4497
|
-
width: 300px;
|
|
4498
|
-
}
|
|
4499
|
-
.w-auto {
|
|
4500
|
-
width: auto;
|
|
4501
|
-
}
|
|
4502
|
-
.w-fit {
|
|
4503
|
-
width: fit-content;
|
|
4504
|
-
}
|
|
4505
|
-
.w-full {
|
|
4506
|
-
width: 100%;
|
|
4507
|
-
}
|
|
4508
|
-
.max-w-\(--skeleton-width\) {
|
|
4509
|
-
max-width: var(--skeleton-width);
|
|
4510
|
-
}
|
|
4511
|
-
.max-w-\[calc\(100\%-2rem\)\] {
|
|
4512
|
-
max-width: calc(100% - 2rem);
|
|
4513
|
-
}
|
|
4514
|
-
.min-w-0 {
|
|
4515
|
-
min-width: calc(var(--spacing) * 0);
|
|
4516
|
-
}
|
|
4517
|
-
.min-w-5 {
|
|
4518
|
-
min-width: calc(var(--spacing) * 5);
|
|
4519
|
-
}
|
|
4520
|
-
.min-w-\[8rem\] {
|
|
4521
|
-
min-width: 8rem;
|
|
4522
|
-
}
|
|
4523
|
-
.min-w-\[90px\] {
|
|
4524
|
-
min-width: 90px;
|
|
4525
|
-
}
|
|
4526
|
-
.flex-1 {
|
|
4527
|
-
flex: 1;
|
|
4528
|
-
}
|
|
4529
|
-
.flex-shrink-0 {
|
|
4530
|
-
flex-shrink: 0;
|
|
4531
|
-
}
|
|
4532
|
-
.shrink-0 {
|
|
4533
|
-
flex-shrink: 0;
|
|
4534
|
-
}
|
|
4535
|
-
.origin-\(--radix-context-menu-content-transform-origin\) {
|
|
4536
|
-
transform-origin: var(--radix-context-menu-content-transform-origin);
|
|
4537
|
-
}
|
|
4538
|
-
.origin-\(--radix-dropdown-menu-content-transform-origin\) {
|
|
4539
|
-
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
|
|
4540
|
-
}
|
|
4541
|
-
.origin-\(--radix-popover-content-transform-origin\) {
|
|
4542
|
-
transform-origin: var(--radix-popover-content-transform-origin);
|
|
4543
|
-
}
|
|
4544
|
-
.origin-\(--radix-tooltip-content-transform-origin\) {
|
|
4545
|
-
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
4546
|
-
}
|
|
4547
|
-
.-translate-x-1\/2 {
|
|
4548
|
-
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
4549
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4550
|
-
}
|
|
4551
|
-
.-translate-x-px {
|
|
4552
|
-
--tw-translate-x: -1px;
|
|
4553
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4554
|
-
}
|
|
4555
|
-
.translate-x-\[-50\%\] {
|
|
4556
|
-
--tw-translate-x: -50%;
|
|
4557
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4558
|
-
}
|
|
4559
|
-
.translate-x-px {
|
|
4560
|
-
--tw-translate-x: 1px;
|
|
4561
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4562
|
-
}
|
|
4563
|
-
.translate-y-\[-50\%\] {
|
|
4564
|
-
--tw-translate-y: -50%;
|
|
4565
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4566
|
-
}
|
|
4567
|
-
.translate-y-\[calc\(-50\%_-_2px\)\] {
|
|
4568
|
-
--tw-translate-y: calc(-50% - 2px);
|
|
4569
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4570
|
-
}
|
|
4571
|
-
.rotate-45 {
|
|
4572
|
-
rotate: 45deg;
|
|
4573
|
-
}
|
|
4574
|
-
.rotate-90 {
|
|
4575
|
-
rotate: 90deg;
|
|
4576
|
-
}
|
|
4577
|
-
.transform {
|
|
4578
|
-
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
4579
|
-
}
|
|
4580
|
-
.animate-in {
|
|
4581
|
-
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);
|
|
4582
|
-
}
|
|
4583
|
-
.animate-pulse {
|
|
4584
|
-
animation: var(--animate-pulse);
|
|
4585
|
-
}
|
|
4586
|
-
.cursor-default {
|
|
4587
|
-
cursor: default;
|
|
4588
|
-
}
|
|
4589
|
-
.cursor-pointer {
|
|
4590
|
-
cursor: pointer;
|
|
4591
|
-
}
|
|
4592
|
-
.touch-none {
|
|
4593
|
-
touch-action: none;
|
|
4594
|
-
}
|
|
4595
|
-
.resize {
|
|
4596
|
-
resize: both;
|
|
4597
|
-
}
|
|
4598
|
-
.scroll-py-1 {
|
|
4599
|
-
scroll-padding-block: calc(var(--spacing) * 1);
|
|
4600
|
-
}
|
|
4601
|
-
.list-none {
|
|
4602
|
-
list-style-type: none;
|
|
4603
|
-
}
|
|
4604
|
-
.grid-cols-7 {
|
|
4605
|
-
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
4606
|
-
}
|
|
4607
|
-
.grid-rows-\[0fr\] {
|
|
4608
|
-
grid-template-rows: 0fr;
|
|
4609
|
-
}
|
|
4610
|
-
.grid-rows-\[1fr\] {
|
|
4611
|
-
grid-template-rows: 1fr;
|
|
4612
|
-
}
|
|
4613
|
-
.flex-col {
|
|
4614
|
-
flex-direction: column;
|
|
4615
|
-
}
|
|
4616
|
-
.flex-col-reverse {
|
|
4617
|
-
flex-direction: column-reverse;
|
|
4618
|
-
}
|
|
4619
|
-
.items-center {
|
|
4620
|
-
align-items: center;
|
|
4621
|
-
}
|
|
4622
|
-
.justify-between {
|
|
4623
|
-
justify-content: space-between;
|
|
4624
|
-
}
|
|
4625
|
-
.justify-center {
|
|
4626
|
-
justify-content: center;
|
|
4627
|
-
}
|
|
4628
|
-
.justify-end {
|
|
4629
|
-
justify-content: flex-end;
|
|
4630
|
-
}
|
|
4631
|
-
.gap-1 {
|
|
4632
|
-
gap: calc(var(--spacing) * 1);
|
|
4633
|
-
}
|
|
4634
|
-
.gap-1\.5 {
|
|
4635
|
-
gap: calc(var(--spacing) * 1.5);
|
|
4636
|
-
}
|
|
4637
|
-
.gap-2 {
|
|
4638
|
-
gap: calc(var(--spacing) * 2);
|
|
4639
|
-
}
|
|
4640
|
-
.gap-3 {
|
|
4641
|
-
gap: calc(var(--spacing) * 3);
|
|
4642
|
-
}
|
|
4643
|
-
.gap-4 {
|
|
4644
|
-
gap: calc(var(--spacing) * 4);
|
|
4645
|
-
}
|
|
4646
|
-
.space-y-1 {
|
|
4647
|
-
:where(& > :not(:last-child)) {
|
|
4648
|
-
--tw-space-y-reverse: 0;
|
|
4649
|
-
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
|
|
4650
|
-
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
4651
|
-
}
|
|
4652
|
-
}
|
|
4653
|
-
.truncate {
|
|
4654
|
-
overflow: hidden;
|
|
4655
|
-
text-overflow: ellipsis;
|
|
4656
|
-
white-space: nowrap;
|
|
4657
|
-
}
|
|
4658
|
-
.overflow-auto {
|
|
4659
|
-
overflow: auto;
|
|
4660
|
-
}
|
|
4661
|
-
.overflow-hidden {
|
|
4662
|
-
overflow: hidden;
|
|
4663
|
-
}
|
|
4664
|
-
.overflow-x-hidden {
|
|
4665
|
-
overflow-x: hidden;
|
|
4666
|
-
}
|
|
4667
|
-
.overflow-y-auto {
|
|
4668
|
-
overflow-y: auto;
|
|
4669
|
-
}
|
|
4670
|
-
.rounded {
|
|
4671
|
-
border-radius: 0.25rem;
|
|
4672
|
-
}
|
|
4673
|
-
.rounded-\[2px\] {
|
|
4674
|
-
border-radius: 2px;
|
|
4675
|
-
}
|
|
4676
|
-
.rounded-\[inherit\] {
|
|
4677
|
-
border-radius: inherit;
|
|
4678
|
-
}
|
|
4679
|
-
.rounded-full {
|
|
4680
|
-
border-radius: calc(infinity * 1px);
|
|
4681
|
-
}
|
|
4682
|
-
.rounded-lg {
|
|
4683
|
-
border-radius: var(--radius-lg);
|
|
4684
|
-
}
|
|
4685
|
-
.rounded-md {
|
|
4686
|
-
border-radius: var(--radius-md);
|
|
4687
|
-
}
|
|
4688
|
-
.rounded-sm {
|
|
4689
|
-
border-radius: var(--radius-sm);
|
|
4690
|
-
}
|
|
4691
|
-
.rounded-xs {
|
|
4692
|
-
border-radius: var(--radius-xs);
|
|
4693
|
-
}
|
|
4694
|
-
.border {
|
|
4695
|
-
border-style: var(--tw-border-style);
|
|
4696
|
-
border-width: 1px;
|
|
4697
|
-
}
|
|
4698
|
-
.border-t {
|
|
4699
|
-
border-top-style: var(--tw-border-style);
|
|
4700
|
-
border-top-width: 1px;
|
|
4701
|
-
}
|
|
4702
|
-
.border-r {
|
|
4703
|
-
border-right-style: var(--tw-border-style);
|
|
4704
|
-
border-right-width: 1px;
|
|
4705
|
-
}
|
|
4706
|
-
.border-b {
|
|
4707
|
-
border-bottom-style: var(--tw-border-style);
|
|
4708
|
-
border-bottom-width: 1px;
|
|
4709
|
-
}
|
|
4710
|
-
.border-l {
|
|
4711
|
-
border-left-style: var(--tw-border-style);
|
|
4712
|
-
border-left-width: 1px;
|
|
4713
|
-
}
|
|
4714
|
-
.border-\[\#a3a3a8\] {
|
|
4715
|
-
border-color: #a3a3a8;
|
|
4716
|
-
}
|
|
4717
|
-
.border-black\/10 {
|
|
4718
|
-
border-color: color-mix(in srgb, #000 10%, transparent);
|
|
4719
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4720
|
-
border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
|
|
4721
|
-
}
|
|
4722
|
-
}
|
|
4723
|
-
.border-black\/20 {
|
|
4724
|
-
border-color: color-mix(in srgb, #000 20%, transparent);
|
|
4725
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4726
|
-
border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
|
|
4727
|
-
}
|
|
4728
|
-
}
|
|
4729
|
-
.border-t-transparent {
|
|
4730
|
-
border-top-color: transparent;
|
|
4731
|
-
}
|
|
4732
|
-
.border-l-transparent {
|
|
4733
|
-
border-left-color: transparent;
|
|
4734
|
-
}
|
|
4735
|
-
.bg-background {
|
|
4736
|
-
background-color: var(--background);
|
|
4737
|
-
}
|
|
4738
|
-
.bg-black\/50 {
|
|
4739
|
-
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
4740
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4741
|
-
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
4742
|
-
}
|
|
4743
|
-
}
|
|
4744
|
-
.bg-border {
|
|
4745
|
-
background-color: var(--border);
|
|
4746
|
-
}
|
|
4747
|
-
.bg-foreground {
|
|
4748
|
-
background-color: var(--foreground);
|
|
4749
|
-
}
|
|
4750
|
-
.bg-popover {
|
|
4751
|
-
background-color: var(--popover);
|
|
4752
|
-
}
|
|
4753
|
-
.bg-primary {
|
|
4754
|
-
background-color: var(--primary);
|
|
4755
|
-
}
|
|
4756
|
-
.bg-sidebar {
|
|
4757
|
-
background-color: var(--sidebar);
|
|
4758
|
-
}
|
|
4759
|
-
.bg-transparent {
|
|
4760
|
-
background-color: transparent;
|
|
4761
|
-
}
|
|
4762
|
-
.fill-current {
|
|
4763
|
-
fill: currentcolor;
|
|
4764
|
-
}
|
|
4765
|
-
.fill-foreground {
|
|
4766
|
-
fill: var(--foreground);
|
|
4767
|
-
}
|
|
4768
|
-
.p-0 {
|
|
4769
|
-
padding: calc(var(--spacing) * 0);
|
|
4770
|
-
}
|
|
4771
|
-
.p-1 {
|
|
4772
|
-
padding: calc(var(--spacing) * 1);
|
|
4773
|
-
}
|
|
4774
|
-
.p-2 {
|
|
4775
|
-
padding: calc(var(--spacing) * 2);
|
|
4776
|
-
}
|
|
4777
|
-
.p-3 {
|
|
4778
|
-
padding: calc(var(--spacing) * 3);
|
|
4779
|
-
}
|
|
4780
|
-
.p-4 {
|
|
4781
|
-
padding: calc(var(--spacing) * 4);
|
|
4782
|
-
}
|
|
4783
|
-
.p-6 {
|
|
4784
|
-
padding: calc(var(--spacing) * 6);
|
|
4785
|
-
}
|
|
4786
|
-
.p-px {
|
|
4787
|
-
padding: 1px;
|
|
4788
|
-
}
|
|
4789
|
-
.px-1 {
|
|
4790
|
-
padding-inline: calc(var(--spacing) * 1);
|
|
4791
|
-
}
|
|
4792
|
-
.px-2 {
|
|
4793
|
-
padding-inline: calc(var(--spacing) * 2);
|
|
4794
|
-
}
|
|
4795
|
-
.px-2\.5 {
|
|
4796
|
-
padding-inline: calc(var(--spacing) * 2.5);
|
|
4797
|
-
}
|
|
4798
|
-
.px-3 {
|
|
4799
|
-
padding-inline: calc(var(--spacing) * 3);
|
|
4800
|
-
}
|
|
4801
|
-
.px-4 {
|
|
4802
|
-
padding-inline: calc(var(--spacing) * 4);
|
|
4803
|
-
}
|
|
4804
|
-
.px-6 {
|
|
4805
|
-
padding-inline: calc(var(--spacing) * 6);
|
|
4806
|
-
}
|
|
4807
|
-
.py-0\.5 {
|
|
4808
|
-
padding-block: calc(var(--spacing) * 0.5);
|
|
4809
|
-
}
|
|
4810
|
-
.py-1 {
|
|
4811
|
-
padding-block: calc(var(--spacing) * 1);
|
|
4812
|
-
}
|
|
4813
|
-
.py-1\.5 {
|
|
4814
|
-
padding-block: calc(var(--spacing) * 1.5);
|
|
4815
|
-
}
|
|
4816
|
-
.py-2 {
|
|
4817
|
-
padding-block: calc(var(--spacing) * 2);
|
|
4818
|
-
}
|
|
4819
|
-
.py-3 {
|
|
4820
|
-
padding-block: calc(var(--spacing) * 3);
|
|
4821
|
-
}
|
|
4822
|
-
.py-6 {
|
|
4823
|
-
padding-block: calc(var(--spacing) * 6);
|
|
4824
|
-
}
|
|
4825
|
-
.pt-1 {
|
|
4826
|
-
padding-top: calc(var(--spacing) * 1);
|
|
4827
|
-
}
|
|
4828
|
-
.pr-2 {
|
|
4829
|
-
padding-right: calc(var(--spacing) * 2);
|
|
4830
|
-
}
|
|
4831
|
-
.pl-8 {
|
|
4832
|
-
padding-left: calc(var(--spacing) * 8);
|
|
4833
|
-
}
|
|
4834
|
-
.text-center {
|
|
4835
|
-
text-align: center;
|
|
4836
|
-
}
|
|
4837
|
-
.text-left {
|
|
4838
|
-
text-align: left;
|
|
4839
|
-
}
|
|
4840
|
-
.font-sans {
|
|
4841
|
-
font-family: var(--font-sans);
|
|
4842
|
-
}
|
|
4843
|
-
.text-base {
|
|
4844
|
-
font-size: var(--text-base);
|
|
4845
|
-
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
4846
|
-
}
|
|
4847
|
-
.text-lg {
|
|
4848
|
-
font-size: var(--text-lg);
|
|
4849
|
-
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
4850
|
-
}
|
|
4851
|
-
.text-sm {
|
|
4852
|
-
font-size: var(--text-sm);
|
|
4853
|
-
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
4854
|
-
}
|
|
4855
|
-
.text-xs {
|
|
4856
|
-
font-size: var(--text-xs);
|
|
4857
|
-
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
4858
|
-
}
|
|
4859
|
-
.leading-none {
|
|
4860
|
-
--tw-leading: 1;
|
|
4861
|
-
line-height: 1;
|
|
4862
|
-
}
|
|
4863
|
-
.font-medium {
|
|
4864
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
4865
|
-
font-weight: var(--font-weight-medium);
|
|
4866
|
-
}
|
|
4867
|
-
.font-semibold {
|
|
4868
|
-
--tw-font-weight: var(--font-weight-semibold);
|
|
4869
|
-
font-weight: var(--font-weight-semibold);
|
|
4870
|
-
}
|
|
4871
|
-
.tracking-widest {
|
|
4872
|
-
--tw-tracking: var(--tracking-widest);
|
|
4873
|
-
letter-spacing: var(--tracking-widest);
|
|
4874
|
-
}
|
|
4875
|
-
.text-balance {
|
|
4876
|
-
text-wrap: balance;
|
|
4877
|
-
}
|
|
4878
|
-
.whitespace-nowrap {
|
|
4879
|
-
white-space: nowrap;
|
|
4880
|
-
}
|
|
4881
|
-
.text-\[\#a3a3a8\] {
|
|
4882
|
-
color: #a3a3a8;
|
|
4883
|
-
}
|
|
4884
|
-
.text-background {
|
|
4885
|
-
color: var(--background);
|
|
4886
|
-
}
|
|
4887
|
-
.text-foreground {
|
|
4888
|
-
color: var(--foreground);
|
|
4889
|
-
}
|
|
4890
|
-
.text-popover-foreground {
|
|
4891
|
-
color: var(--popover-foreground);
|
|
4892
|
-
}
|
|
4893
|
-
.text-primary {
|
|
4894
|
-
color: var(--primary);
|
|
4895
|
-
}
|
|
4896
|
-
.text-primary-foreground {
|
|
4897
|
-
color: var(--primary-foreground);
|
|
4898
|
-
}
|
|
4899
|
-
.text-red-500 {
|
|
4900
|
-
color: var(--color-red-500);
|
|
4901
|
-
}
|
|
4902
|
-
.text-sidebar-foreground {
|
|
4903
|
-
color: var(--sidebar-foreground);
|
|
4904
|
-
}
|
|
4905
|
-
.text-sidebar-foreground\/70 {
|
|
4906
|
-
color: var(--sidebar-foreground);
|
|
4907
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4908
|
-
color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
|
|
4909
|
-
}
|
|
4910
|
-
}
|
|
4911
|
-
.text-white {
|
|
4912
|
-
color: var(--color-white);
|
|
4913
|
-
}
|
|
4914
|
-
.capitalize {
|
|
4915
|
-
text-transform: capitalize;
|
|
4916
|
-
}
|
|
4917
|
-
.italic {
|
|
4918
|
-
font-style: italic;
|
|
4919
|
-
}
|
|
4920
|
-
.tabular-nums {
|
|
4921
|
-
--tw-numeric-spacing: tabular-nums;
|
|
4922
|
-
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
4923
|
-
}
|
|
4924
|
-
.underline {
|
|
4925
|
-
text-decoration-line: underline;
|
|
4926
|
-
}
|
|
4927
|
-
.underline-offset-4 {
|
|
4928
|
-
text-underline-offset: 4px;
|
|
4929
|
-
}
|
|
4930
|
-
.opacity-0 {
|
|
4931
|
-
opacity: 0%;
|
|
4932
|
-
}
|
|
4933
|
-
.opacity-50 {
|
|
4934
|
-
opacity: 50%;
|
|
4935
|
-
}
|
|
4936
|
-
.opacity-60 {
|
|
4937
|
-
opacity: 60%;
|
|
4938
|
-
}
|
|
4939
|
-
.opacity-70 {
|
|
4940
|
-
opacity: 70%;
|
|
4941
|
-
}
|
|
4942
|
-
.opacity-100 {
|
|
4943
|
-
opacity: 100%;
|
|
4944
|
-
}
|
|
4945
|
-
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
|
|
4946
|
-
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
|
|
4947
|
-
box-shadow:
|
|
4948
|
-
var(--tw-inset-shadow),
|
|
4949
|
-
var(--tw-inset-ring-shadow),
|
|
4950
|
-
var(--tw-ring-offset-shadow),
|
|
4951
|
-
var(--tw-ring-shadow),
|
|
4952
|
-
var(--tw-shadow);
|
|
4953
|
-
}
|
|
4954
|
-
.shadow-lg {
|
|
4955
|
-
--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));
|
|
4956
|
-
box-shadow:
|
|
4957
|
-
var(--tw-inset-shadow),
|
|
4958
|
-
var(--tw-inset-ring-shadow),
|
|
4959
|
-
var(--tw-ring-offset-shadow),
|
|
4960
|
-
var(--tw-ring-shadow),
|
|
4961
|
-
var(--tw-shadow);
|
|
4962
|
-
}
|
|
4963
|
-
.shadow-md {
|
|
4964
|
-
--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));
|
|
4965
|
-
box-shadow:
|
|
4966
|
-
var(--tw-inset-shadow),
|
|
4967
|
-
var(--tw-inset-ring-shadow),
|
|
4968
|
-
var(--tw-ring-offset-shadow),
|
|
4969
|
-
var(--tw-ring-shadow),
|
|
4970
|
-
var(--tw-shadow);
|
|
4971
|
-
}
|
|
4972
|
-
.shadow-none {
|
|
4973
|
-
--tw-shadow: 0 0 #0000;
|
|
4974
|
-
box-shadow:
|
|
4975
|
-
var(--tw-inset-shadow),
|
|
4976
|
-
var(--tw-inset-ring-shadow),
|
|
4977
|
-
var(--tw-ring-offset-shadow),
|
|
4978
|
-
var(--tw-ring-shadow),
|
|
4979
|
-
var(--tw-shadow);
|
|
4980
|
-
}
|
|
4981
|
-
.shadow-xs {
|
|
4982
|
-
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
4983
|
-
box-shadow:
|
|
4984
|
-
var(--tw-inset-shadow),
|
|
4985
|
-
var(--tw-inset-ring-shadow),
|
|
4986
|
-
var(--tw-ring-offset-shadow),
|
|
4987
|
-
var(--tw-ring-shadow),
|
|
4988
|
-
var(--tw-shadow);
|
|
4989
|
-
}
|
|
4990
|
-
.ring-offset-background {
|
|
4991
|
-
--tw-ring-offset-color: var(--background);
|
|
4992
|
-
}
|
|
4993
|
-
.outline-hidden {
|
|
4994
|
-
--tw-outline-style: none;
|
|
4995
|
-
outline-style: none;
|
|
4996
|
-
@media (forced-colors: active) {
|
|
4997
|
-
outline: 2px solid transparent;
|
|
4998
|
-
outline-offset: 2px;
|
|
4999
|
-
}
|
|
5000
|
-
}
|
|
5001
|
-
.outline {
|
|
5002
|
-
outline-style: var(--tw-outline-style);
|
|
5003
|
-
outline-width: 1px;
|
|
5004
|
-
}
|
|
5005
|
-
.blur {
|
|
5006
|
-
--tw-blur: blur(8px);
|
|
5007
|
-
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,);
|
|
5008
|
-
}
|
|
5009
|
-
.transition {
|
|
5010
|
-
transition-property:
|
|
5011
|
-
color,
|
|
5012
|
-
background-color,
|
|
5013
|
-
border-color,
|
|
5014
|
-
outline-color,
|
|
5015
|
-
text-decoration-color,
|
|
5016
|
-
fill,
|
|
5017
|
-
stroke,
|
|
5018
|
-
--tw-gradient-from,
|
|
5019
|
-
--tw-gradient-via,
|
|
5020
|
-
--tw-gradient-to,
|
|
5021
|
-
opacity,
|
|
5022
|
-
box-shadow,
|
|
5023
|
-
transform,
|
|
5024
|
-
translate,
|
|
5025
|
-
scale,
|
|
5026
|
-
rotate,
|
|
5027
|
-
filter,
|
|
5028
|
-
-webkit-backdrop-filter,
|
|
5029
|
-
backdrop-filter,
|
|
5030
|
-
display,
|
|
5031
|
-
content-visibility,
|
|
5032
|
-
overlay,
|
|
5033
|
-
pointer-events;
|
|
5034
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5035
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5036
|
-
}
|
|
5037
|
-
.transition-\[color\,box-shadow\] {
|
|
5038
|
-
transition-property: color, box-shadow;
|
|
5039
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5040
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5041
|
-
}
|
|
5042
|
-
.transition-\[left\,right\,width\] {
|
|
5043
|
-
transition-property:
|
|
5044
|
-
left,
|
|
5045
|
-
right,
|
|
5046
|
-
width;
|
|
5047
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5048
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5049
|
-
}
|
|
5050
|
-
.transition-\[margin\,opacity\] {
|
|
5051
|
-
transition-property: margin, opacity;
|
|
5052
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5053
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5054
|
-
}
|
|
5055
|
-
.transition-\[width\,height\,padding\] {
|
|
5056
|
-
transition-property:
|
|
5057
|
-
width,
|
|
5058
|
-
height,
|
|
5059
|
-
padding;
|
|
5060
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5061
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5062
|
-
}
|
|
5063
|
-
.transition-\[width\] {
|
|
5064
|
-
transition-property: width;
|
|
5065
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5066
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5067
|
-
}
|
|
5068
|
-
.transition-all {
|
|
5069
|
-
transition-property: all;
|
|
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-colors {
|
|
5074
|
-
transition-property:
|
|
5075
|
-
color,
|
|
5076
|
-
background-color,
|
|
5077
|
-
border-color,
|
|
5078
|
-
outline-color,
|
|
5079
|
-
text-decoration-color,
|
|
5080
|
-
fill,
|
|
5081
|
-
stroke,
|
|
5082
|
-
--tw-gradient-from,
|
|
5083
|
-
--tw-gradient-via,
|
|
5084
|
-
--tw-gradient-to;
|
|
5085
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5086
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5087
|
-
}
|
|
5088
|
-
.transition-opacity {
|
|
5089
|
-
transition-property: opacity;
|
|
5090
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5091
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5092
|
-
}
|
|
5093
|
-
.transition-transform {
|
|
5094
|
-
transition-property:
|
|
5095
|
-
transform,
|
|
5096
|
-
translate,
|
|
5097
|
-
scale,
|
|
5098
|
-
rotate;
|
|
5099
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5100
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5101
|
-
}
|
|
5102
|
-
.duration-150 {
|
|
5103
|
-
--tw-duration: 150ms;
|
|
5104
|
-
transition-duration: 150ms;
|
|
5105
|
-
}
|
|
5106
|
-
.duration-200 {
|
|
5107
|
-
--tw-duration: 200ms;
|
|
5108
|
-
transition-duration: 200ms;
|
|
5109
|
-
}
|
|
5110
|
-
.duration-300 {
|
|
5111
|
-
--tw-duration: 300ms;
|
|
5112
|
-
transition-duration: 300ms;
|
|
5113
|
-
}
|
|
5114
|
-
.ease-in-out {
|
|
5115
|
-
--tw-ease: var(--ease-in-out);
|
|
5116
|
-
transition-timing-function: var(--ease-in-out);
|
|
5117
|
-
}
|
|
5118
|
-
.ease-linear {
|
|
5119
|
-
--tw-ease: linear;
|
|
5120
|
-
transition-timing-function: linear;
|
|
5121
|
-
}
|
|
5122
|
-
.fade-in-0 {
|
|
5123
|
-
--tw-enter-opacity: calc(0/100);
|
|
5124
|
-
--tw-enter-opacity: 0;
|
|
5125
|
-
}
|
|
5126
|
-
.outline-none {
|
|
5127
|
-
--tw-outline-style: none;
|
|
5128
|
-
outline-style: none;
|
|
5129
|
-
}
|
|
5130
|
-
.select-none {
|
|
5131
|
-
-webkit-user-select: none;
|
|
5132
|
-
user-select: none;
|
|
5133
|
-
}
|
|
5134
|
-
.zoom-in-95 {
|
|
5135
|
-
--tw-enter-scale: calc(95*1%);
|
|
5136
|
-
--tw-enter-scale: .95;
|
|
5137
|
-
}
|
|
5138
|
-
.fade-in {
|
|
5139
|
-
--tw-enter-opacity: 0;
|
|
5140
|
-
}
|
|
5141
|
-
.running {
|
|
5142
|
-
animation-play-state: running;
|
|
5143
|
-
}
|
|
5144
|
-
.slide-in-from-top-2 {
|
|
5145
|
-
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
|
|
5146
|
-
}
|
|
5147
|
-
.group-focus-within\/menu-item\:opacity-100 {
|
|
5148
|
-
&:is(:where(.group\/menu-item):focus-within *) {
|
|
5149
|
-
opacity: 100%;
|
|
5150
|
-
}
|
|
5151
|
-
}
|
|
5152
|
-
.group-hover\:opacity-100 {
|
|
5153
|
-
&:is(:where(.group):hover *) {
|
|
5154
|
-
@media (hover: hover) {
|
|
5155
|
-
opacity: 100%;
|
|
5156
|
-
}
|
|
5157
|
-
}
|
|
5158
|
-
}
|
|
5159
|
-
.group-hover\/menu-item\:opacity-100 {
|
|
5160
|
-
&:is(:where(.group\/menu-item):hover *) {
|
|
5161
|
-
@media (hover: hover) {
|
|
5162
|
-
opacity: 100%;
|
|
5163
|
-
}
|
|
5164
|
-
}
|
|
5165
|
-
}
|
|
5166
|
-
.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
|
|
5167
|
-
&:is(:where(.group\/menu-item):has(*[data-sidebar=menu-action]) *) {
|
|
5168
|
-
padding-right: calc(var(--spacing) * 8);
|
|
5169
|
-
}
|
|
5170
|
-
}
|
|
5171
|
-
.group-data-\[collapsible\=icon\]\:-mt-8 {
|
|
5172
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5173
|
-
margin-top: calc(var(--spacing) * -8);
|
|
5174
|
-
}
|
|
5175
|
-
}
|
|
5176
|
-
.group-data-\[collapsible\=icon\]\:hidden {
|
|
5177
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5178
|
-
display: none;
|
|
5179
|
-
}
|
|
5180
|
-
}
|
|
5181
|
-
.group-data-\[collapsible\=icon\]\:size-8\! {
|
|
5182
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5183
|
-
width: calc(var(--spacing) * 8) !important;
|
|
5184
|
-
height: calc(var(--spacing) * 8) !important;
|
|
5185
|
-
}
|
|
5186
|
-
}
|
|
5187
|
-
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
|
|
5188
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5189
|
-
width: var(--sidebar-width-icon);
|
|
5190
|
-
}
|
|
5191
|
-
}
|
|
5192
|
-
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
|
|
5193
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5194
|
-
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
|
|
5195
|
-
}
|
|
5196
|
-
}
|
|
5197
|
-
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
|
|
5198
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5199
|
-
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
|
|
5200
|
-
}
|
|
5201
|
-
}
|
|
5202
|
-
.group-data-\[collapsible\=icon\]\:overflow-hidden {
|
|
5203
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5204
|
-
overflow: hidden;
|
|
5205
|
-
}
|
|
5206
|
-
}
|
|
5207
|
-
.group-data-\[collapsible\=icon\]\:p-0\! {
|
|
5208
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5209
|
-
padding: calc(var(--spacing) * 0) !important;
|
|
5210
|
-
}
|
|
5211
|
-
}
|
|
5212
|
-
.group-data-\[collapsible\=icon\]\:p-2\! {
|
|
5213
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5214
|
-
padding: calc(var(--spacing) * 2) !important;
|
|
5215
|
-
}
|
|
5216
|
-
}
|
|
5217
|
-
.group-data-\[collapsible\=icon\]\:opacity-0 {
|
|
5218
|
-
&:is(:where(.group)[data-collapsible=icon] *) {
|
|
5219
|
-
opacity: 0%;
|
|
5220
|
-
}
|
|
5221
|
-
}
|
|
5222
|
-
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
5223
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5224
|
-
right: calc(var(--sidebar-width) * -1);
|
|
5225
|
-
}
|
|
5226
|
-
}
|
|
5227
|
-
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
5228
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5229
|
-
left: calc(var(--sidebar-width) * -1);
|
|
5230
|
-
}
|
|
5231
|
-
}
|
|
5232
|
-
.group-data-\[collapsible\=offcanvas\]\:w-0 {
|
|
5233
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5234
|
-
width: calc(var(--spacing) * 0);
|
|
5235
|
-
}
|
|
5236
|
-
}
|
|
5237
|
-
.group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
|
|
5238
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5239
|
-
--tw-translate-x: calc(var(--spacing) * 0);
|
|
5240
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5241
|
-
}
|
|
5242
|
-
}
|
|
5243
|
-
.group-data-\[disabled\=true\]\:pointer-events-none {
|
|
5244
|
-
&:is(:where(.group)[data-disabled=true] *) {
|
|
5245
|
-
pointer-events: none;
|
|
5246
|
-
}
|
|
5247
|
-
}
|
|
5248
|
-
.group-data-\[disabled\=true\]\:opacity-50 {
|
|
5249
|
-
&:is(:where(.group)[data-disabled=true] *) {
|
|
5250
|
-
opacity: 50%;
|
|
5251
|
-
}
|
|
5252
|
-
}
|
|
5253
|
-
.group-data-\[side\=left\]\:-right-4 {
|
|
5254
|
-
&:is(:where(.group)[data-side=left] *) {
|
|
5255
|
-
right: calc(var(--spacing) * -4);
|
|
5256
|
-
}
|
|
5257
|
-
}
|
|
5258
|
-
.group-data-\[side\=left\]\:border-r {
|
|
5259
|
-
&:is(:where(.group)[data-side=left] *) {
|
|
5260
|
-
border-right-style: var(--tw-border-style);
|
|
5261
|
-
border-right-width: 1px;
|
|
5262
|
-
}
|
|
5263
|
-
}
|
|
5264
|
-
.group-data-\[side\=right\]\:left-0 {
|
|
5265
|
-
&:is(:where(.group)[data-side=right] *) {
|
|
5266
|
-
left: calc(var(--spacing) * 0);
|
|
5267
|
-
}
|
|
5268
|
-
}
|
|
5269
|
-
.group-data-\[side\=right\]\:rotate-180 {
|
|
5270
|
-
&:is(:where(.group)[data-side=right] *) {
|
|
5271
|
-
rotate: 180deg;
|
|
5272
|
-
}
|
|
5273
|
-
}
|
|
5274
|
-
.group-data-\[side\=right\]\:border-l {
|
|
5275
|
-
&:is(:where(.group)[data-side=right] *) {
|
|
5276
|
-
border-left-style: var(--tw-border-style);
|
|
5277
|
-
border-left-width: 1px;
|
|
5278
|
-
}
|
|
5279
|
-
}
|
|
5280
|
-
.group-data-\[variant\=floating\]\:rounded-lg {
|
|
5281
|
-
&:is(:where(.group)[data-variant=floating] *) {
|
|
5282
|
-
border-radius: var(--radius-lg);
|
|
5283
|
-
}
|
|
5284
|
-
}
|
|
5285
|
-
.group-data-\[variant\=floating\]\:border {
|
|
5286
|
-
&:is(:where(.group)[data-variant=floating] *) {
|
|
5287
|
-
border-style: var(--tw-border-style);
|
|
5288
|
-
border-width: 1px;
|
|
5289
|
-
}
|
|
5290
|
-
}
|
|
5291
|
-
.group-data-\[variant\=floating\]\:shadow-sm {
|
|
5292
|
-
&:is(:where(.group)[data-variant=floating] *) {
|
|
5293
|
-
--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));
|
|
5294
|
-
box-shadow:
|
|
5295
|
-
var(--tw-inset-shadow),
|
|
5296
|
-
var(--tw-inset-ring-shadow),
|
|
5297
|
-
var(--tw-ring-offset-shadow),
|
|
5298
|
-
var(--tw-ring-shadow),
|
|
5299
|
-
var(--tw-shadow);
|
|
5300
|
-
}
|
|
5301
|
-
}
|
|
5302
|
-
.peer-disabled\:cursor-not-allowed {
|
|
5303
|
-
&:is(:where(.peer):disabled ~ *) {
|
|
5304
|
-
cursor: not-allowed;
|
|
5305
|
-
}
|
|
5306
|
-
}
|
|
5307
|
-
.peer-disabled\:opacity-50 {
|
|
5308
|
-
&:is(:where(.peer):disabled ~ *) {
|
|
5309
|
-
opacity: 50%;
|
|
5310
|
-
}
|
|
5311
|
-
}
|
|
5312
|
-
.peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
|
|
5313
|
-
&:is(:where(.peer\/menu-button)[data-size=default] ~ *) {
|
|
5314
|
-
top: calc(var(--spacing) * 1.5);
|
|
5315
|
-
}
|
|
5316
|
-
}
|
|
5317
|
-
.peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
|
|
5318
|
-
&:is(:where(.peer\/menu-button)[data-size=lg] ~ *) {
|
|
5319
|
-
top: calc(var(--spacing) * 2.5);
|
|
5320
|
-
}
|
|
5321
|
-
}
|
|
5322
|
-
.peer-data-\[size\=sm\]\/menu-button\:top-1 {
|
|
5323
|
-
&:is(:where(.peer\/menu-button)[data-size=sm] ~ *) {
|
|
5324
|
-
top: calc(var(--spacing) * 1);
|
|
5325
|
-
}
|
|
5326
|
-
}
|
|
5327
|
-
.selection\:bg-primary {
|
|
5328
|
-
& *::selection {
|
|
5329
|
-
background-color: var(--primary);
|
|
5330
|
-
}
|
|
5331
|
-
&::selection {
|
|
5332
|
-
background-color: var(--primary);
|
|
5333
|
-
}
|
|
5334
|
-
}
|
|
5335
|
-
.selection\:text-primary-foreground {
|
|
5336
|
-
& *::selection {
|
|
5337
|
-
color: var(--primary-foreground);
|
|
5338
|
-
}
|
|
5339
|
-
&::selection {
|
|
5340
|
-
color: var(--primary-foreground);
|
|
5341
|
-
}
|
|
5342
|
-
}
|
|
5343
|
-
.file\:inline-flex {
|
|
5344
|
-
&::file-selector-button {
|
|
5345
|
-
display: inline-flex;
|
|
5346
|
-
}
|
|
5347
|
-
}
|
|
5348
|
-
.file\:h-7 {
|
|
5349
|
-
&::file-selector-button {
|
|
5350
|
-
height: calc(var(--spacing) * 7);
|
|
5351
|
-
}
|
|
5352
|
-
}
|
|
5353
|
-
.file\:border-0 {
|
|
5354
|
-
&::file-selector-button {
|
|
5355
|
-
border-style: var(--tw-border-style);
|
|
5356
|
-
border-width: 0px;
|
|
5357
|
-
}
|
|
5358
|
-
}
|
|
5359
|
-
.file\:bg-transparent {
|
|
5360
|
-
&::file-selector-button {
|
|
5361
|
-
background-color: transparent;
|
|
5362
|
-
}
|
|
5363
|
-
}
|
|
5364
|
-
.file\:text-sm {
|
|
5365
|
-
&::file-selector-button {
|
|
5366
|
-
font-size: var(--text-sm);
|
|
5367
|
-
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
5368
|
-
}
|
|
5369
|
-
}
|
|
5370
|
-
.file\:font-medium {
|
|
5371
|
-
&::file-selector-button {
|
|
5372
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
5373
|
-
font-weight: var(--font-weight-medium);
|
|
5374
|
-
}
|
|
5375
|
-
}
|
|
5376
|
-
.file\:text-foreground {
|
|
5377
|
-
&::file-selector-button {
|
|
5378
|
-
color: var(--foreground);
|
|
5379
|
-
}
|
|
5380
|
-
}
|
|
5381
|
-
.after\:absolute {
|
|
5382
|
-
&::after {
|
|
5383
|
-
content: var(--tw-content);
|
|
5384
|
-
position: absolute;
|
|
5385
|
-
}
|
|
5386
|
-
}
|
|
5387
|
-
.after\:-inset-2 {
|
|
5388
|
-
&::after {
|
|
5389
|
-
content: var(--tw-content);
|
|
5390
|
-
inset: calc(var(--spacing) * -2);
|
|
5391
|
-
}
|
|
5392
|
-
}
|
|
5393
|
-
.after\:inset-y-0 {
|
|
5394
|
-
&::after {
|
|
5395
|
-
content: var(--tw-content);
|
|
5396
|
-
inset-block: calc(var(--spacing) * 0);
|
|
5397
|
-
}
|
|
5398
|
-
}
|
|
5399
|
-
.after\:left-1\/2 {
|
|
5400
|
-
&::after {
|
|
5401
|
-
content: var(--tw-content);
|
|
5402
|
-
left: calc(1/2 * 100%);
|
|
5403
|
-
}
|
|
5404
|
-
}
|
|
5405
|
-
.after\:w-\[2px\] {
|
|
5406
|
-
&::after {
|
|
5407
|
-
content: var(--tw-content);
|
|
5408
|
-
width: 2px;
|
|
5409
|
-
}
|
|
5410
|
-
}
|
|
5411
|
-
.group-data-\[collapsible\=offcanvas\]\:after\:left-full {
|
|
5412
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5413
|
-
&::after {
|
|
5414
|
-
content: var(--tw-content);
|
|
5415
|
-
left: 100%;
|
|
5416
|
-
}
|
|
5417
|
-
}
|
|
5418
|
-
}
|
|
5419
|
-
.hover\:scale-105 {
|
|
5420
|
-
&:hover {
|
|
5421
|
-
@media (hover: hover) {
|
|
5422
|
-
--tw-scale-x: 105%;
|
|
5423
|
-
--tw-scale-y: 105%;
|
|
5424
|
-
--tw-scale-z: 105%;
|
|
5425
|
-
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
5426
|
-
}
|
|
5427
|
-
}
|
|
5428
|
-
}
|
|
5429
|
-
.hover\:scale-110 {
|
|
5430
|
-
&:hover {
|
|
5431
|
-
@media (hover: hover) {
|
|
5432
|
-
--tw-scale-x: 110%;
|
|
5433
|
-
--tw-scale-y: 110%;
|
|
5434
|
-
--tw-scale-z: 110%;
|
|
5435
|
-
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
5436
|
-
}
|
|
5437
|
-
}
|
|
5438
|
-
}
|
|
5439
|
-
.hover\:border-\[\#000\] {
|
|
5440
|
-
&:hover {
|
|
5441
|
-
@media (hover: hover) {
|
|
5442
|
-
border-color: #000;
|
|
5443
|
-
}
|
|
5444
|
-
}
|
|
5445
|
-
}
|
|
5446
|
-
.hover\:bg-primary\/90 {
|
|
5447
|
-
&:hover {
|
|
5448
|
-
@media (hover: hover) {
|
|
5449
|
-
background-color: var(--primary);
|
|
5450
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5451
|
-
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
|
|
5452
|
-
}
|
|
5453
|
-
}
|
|
5454
|
-
}
|
|
5455
|
-
}
|
|
5456
|
-
.hover\:text-\[\#fff\] {
|
|
5457
|
-
&:hover {
|
|
5458
|
-
@media (hover: hover) {
|
|
5459
|
-
color: #fff;
|
|
5460
|
-
}
|
|
5461
|
-
}
|
|
5462
|
-
}
|
|
5463
|
-
.hover\:text-white {
|
|
5464
|
-
&:hover {
|
|
5465
|
-
@media (hover: hover) {
|
|
5466
|
-
color: var(--color-white);
|
|
5467
|
-
}
|
|
5468
|
-
}
|
|
5469
|
-
}
|
|
5470
|
-
.hover\:underline {
|
|
5471
|
-
&:hover {
|
|
5472
|
-
@media (hover: hover) {
|
|
5473
|
-
text-decoration-line: underline;
|
|
5474
|
-
}
|
|
5475
|
-
}
|
|
5476
|
-
}
|
|
5477
|
-
.hover\:opacity-100 {
|
|
5478
|
-
&:hover {
|
|
5479
|
-
@media (hover: hover) {
|
|
5480
|
-
opacity: 100%;
|
|
5481
|
-
}
|
|
5482
|
-
}
|
|
5483
|
-
}
|
|
5484
|
-
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
|
|
5485
|
-
&:hover {
|
|
5486
|
-
@media (hover: hover) {
|
|
5487
|
-
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
|
|
5488
|
-
box-shadow:
|
|
5489
|
-
var(--tw-inset-shadow),
|
|
5490
|
-
var(--tw-inset-ring-shadow),
|
|
5491
|
-
var(--tw-ring-offset-shadow),
|
|
5492
|
-
var(--tw-ring-shadow),
|
|
5493
|
-
var(--tw-shadow);
|
|
5494
|
-
}
|
|
5495
|
-
}
|
|
5496
|
-
}
|
|
5497
|
-
.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
|
|
5498
|
-
&:hover {
|
|
5499
|
-
@media (hover: hover) {
|
|
5500
|
-
&:is(:where(.group)[data-collapsible=offcanvas] *) {
|
|
5501
|
-
background-color: var(--sidebar);
|
|
5502
|
-
}
|
|
5503
|
-
}
|
|
5504
|
-
}
|
|
5505
|
-
}
|
|
5506
|
-
.focus\:text-red-600 {
|
|
5507
|
-
&:focus {
|
|
5508
|
-
color: var(--color-red-600);
|
|
5509
|
-
}
|
|
5510
|
-
}
|
|
5511
|
-
.focus\:ring-2 {
|
|
5512
|
-
&:focus {
|
|
5513
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5514
|
-
box-shadow:
|
|
5515
|
-
var(--tw-inset-shadow),
|
|
5516
|
-
var(--tw-inset-ring-shadow),
|
|
5517
|
-
var(--tw-ring-offset-shadow),
|
|
5518
|
-
var(--tw-ring-shadow),
|
|
5519
|
-
var(--tw-shadow);
|
|
5520
|
-
}
|
|
5521
|
-
}
|
|
5522
|
-
.focus\:ring-ring {
|
|
5523
|
-
&:focus {
|
|
5524
|
-
--tw-ring-color: var(--ring);
|
|
5525
|
-
}
|
|
5526
|
-
}
|
|
5527
|
-
.focus\:ring-offset-2 {
|
|
5528
|
-
&:focus {
|
|
5529
|
-
--tw-ring-offset-width: 2px;
|
|
5530
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5531
|
-
}
|
|
5532
|
-
}
|
|
5533
|
-
.focus\:outline-hidden {
|
|
5534
|
-
&:focus {
|
|
5535
|
-
--tw-outline-style: none;
|
|
5536
|
-
outline-style: none;
|
|
5537
|
-
@media (forced-colors: active) {
|
|
5538
|
-
outline: 2px solid transparent;
|
|
5539
|
-
outline-offset: 2px;
|
|
5540
|
-
}
|
|
5541
|
-
}
|
|
5542
|
-
}
|
|
5543
|
-
.focus-visible\:border-ring {
|
|
5544
|
-
&:focus-visible {
|
|
5545
|
-
border-color: var(--ring);
|
|
5546
|
-
}
|
|
5547
|
-
}
|
|
5548
|
-
.focus-visible\:ring-2 {
|
|
5549
|
-
&:focus-visible {
|
|
5550
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5551
|
-
box-shadow:
|
|
5552
|
-
var(--tw-inset-shadow),
|
|
5553
|
-
var(--tw-inset-ring-shadow),
|
|
5554
|
-
var(--tw-ring-offset-shadow),
|
|
5555
|
-
var(--tw-ring-shadow),
|
|
5556
|
-
var(--tw-shadow);
|
|
5557
|
-
}
|
|
5558
|
-
}
|
|
5559
|
-
.focus-visible\:ring-\[3px\] {
|
|
5560
|
-
&:focus-visible {
|
|
5561
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5562
|
-
box-shadow:
|
|
5563
|
-
var(--tw-inset-shadow),
|
|
5564
|
-
var(--tw-inset-ring-shadow),
|
|
5565
|
-
var(--tw-ring-offset-shadow),
|
|
5566
|
-
var(--tw-ring-shadow),
|
|
5567
|
-
var(--tw-shadow);
|
|
5568
|
-
}
|
|
5569
|
-
}
|
|
5570
|
-
.focus-visible\:ring-ring\/50 {
|
|
5571
|
-
&:focus-visible {
|
|
5572
|
-
--tw-ring-color: var(--ring);
|
|
5573
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5574
|
-
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
|
|
5575
|
-
}
|
|
5576
|
-
}
|
|
5577
|
-
}
|
|
5578
|
-
.focus-visible\:outline-1 {
|
|
5579
|
-
&:focus-visible {
|
|
5580
|
-
outline-style: var(--tw-outline-style);
|
|
5581
|
-
outline-width: 1px;
|
|
5582
|
-
}
|
|
5583
|
-
}
|
|
5584
|
-
.disabled\:pointer-events-none {
|
|
5585
|
-
&:disabled {
|
|
5586
|
-
pointer-events: none;
|
|
5587
|
-
}
|
|
5588
|
-
}
|
|
5589
|
-
.disabled\:cursor-not-allowed {
|
|
5590
|
-
&:disabled {
|
|
5591
|
-
cursor: not-allowed;
|
|
5592
|
-
}
|
|
5593
|
-
}
|
|
5594
|
-
.disabled\:opacity-50 {
|
|
5595
|
-
&:disabled {
|
|
5596
|
-
opacity: 50%;
|
|
5597
|
-
}
|
|
5598
|
-
}
|
|
5599
|
-
.in-data-\[side\=left\]\:cursor-w-resize {
|
|
5600
|
-
:where(*[data-side=left]) & {
|
|
5601
|
-
cursor: w-resize;
|
|
5602
|
-
}
|
|
5603
|
-
}
|
|
5604
|
-
.in-data-\[side\=right\]\:cursor-e-resize {
|
|
5605
|
-
:where(*[data-side=right]) & {
|
|
5606
|
-
cursor: e-resize;
|
|
5607
|
-
}
|
|
5608
|
-
}
|
|
5609
|
-
.has-data-\[variant\=inset\]\:bg-sidebar {
|
|
5610
|
-
&:has(*[data-variant=inset]) {
|
|
5611
|
-
background-color: var(--sidebar);
|
|
5612
|
-
}
|
|
5613
|
-
}
|
|
5614
|
-
.has-\[\>svg\]\:px-2\.5 {
|
|
5615
|
-
&:has(> svg) {
|
|
5616
|
-
padding-inline: calc(var(--spacing) * 2.5);
|
|
5617
|
-
}
|
|
5618
|
-
}
|
|
5619
|
-
.has-\[\>svg\]\:px-3 {
|
|
5620
|
-
&:has(> svg) {
|
|
5621
|
-
padding-inline: calc(var(--spacing) * 3);
|
|
5622
|
-
}
|
|
5623
|
-
}
|
|
5624
|
-
.has-\[\>svg\]\:px-4 {
|
|
5625
|
-
&:has(> svg) {
|
|
5626
|
-
padding-inline: calc(var(--spacing) * 4);
|
|
5627
|
-
}
|
|
5628
|
-
}
|
|
5629
|
-
.aria-disabled\:pointer-events-none {
|
|
5630
|
-
&[aria-disabled=true] {
|
|
5631
|
-
pointer-events: none;
|
|
5632
|
-
}
|
|
5633
|
-
}
|
|
5634
|
-
.aria-disabled\:opacity-50 {
|
|
5635
|
-
&[aria-disabled=true] {
|
|
5636
|
-
opacity: 50%;
|
|
5637
|
-
}
|
|
5638
|
-
}
|
|
5639
|
-
.data-\[active\=true\]\:font-medium {
|
|
5640
|
-
&[data-active=true] {
|
|
5641
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
5642
|
-
font-weight: var(--font-weight-medium);
|
|
5643
|
-
}
|
|
5644
|
-
}
|
|
5645
|
-
.data-\[disabled\]\:pointer-events-none {
|
|
5646
|
-
&[data-disabled] {
|
|
5647
|
-
pointer-events: none;
|
|
5648
|
-
}
|
|
5649
|
-
}
|
|
5650
|
-
.data-\[disabled\]\:opacity-50 {
|
|
5651
|
-
&[data-disabled] {
|
|
5652
|
-
opacity: 50%;
|
|
5653
|
-
}
|
|
5654
|
-
}
|
|
5655
|
-
.data-\[disabled\=true\]\:pointer-events-none {
|
|
5656
|
-
&[data-disabled=true] {
|
|
5657
|
-
pointer-events: none;
|
|
5658
|
-
}
|
|
5659
|
-
}
|
|
5660
|
-
.data-\[disabled\=true\]\:opacity-50 {
|
|
5661
|
-
&[data-disabled=true] {
|
|
5662
|
-
opacity: 50%;
|
|
5663
|
-
}
|
|
5664
|
-
}
|
|
5665
|
-
.data-\[inset\]\:pl-8 {
|
|
5666
|
-
&[data-inset] {
|
|
5667
|
-
padding-left: calc(var(--spacing) * 8);
|
|
5668
|
-
}
|
|
5669
|
-
}
|
|
5670
|
-
.data-\[orientation\=horizontal\]\:h-px {
|
|
5671
|
-
&[data-orientation=horizontal] {
|
|
5672
|
-
height: 1px;
|
|
5673
|
-
}
|
|
5674
|
-
}
|
|
5675
|
-
.data-\[orientation\=horizontal\]\:w-full {
|
|
5676
|
-
&[data-orientation=horizontal] {
|
|
5677
|
-
width: 100%;
|
|
5678
|
-
}
|
|
5679
|
-
}
|
|
5680
|
-
.data-\[orientation\=vertical\]\:h-full {
|
|
5681
|
-
&[data-orientation=vertical] {
|
|
5682
|
-
height: 100%;
|
|
5683
|
-
}
|
|
5684
|
-
}
|
|
5685
|
-
.data-\[orientation\=vertical\]\:w-px {
|
|
5686
|
-
&[data-orientation=vertical] {
|
|
5687
|
-
width: 1px;
|
|
5688
|
-
}
|
|
5689
|
-
}
|
|
5690
|
-
.data-\[side\=bottom\]\:slide-in-from-top-2 {
|
|
5691
|
-
&[data-side=bottom] {
|
|
5692
|
-
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
|
|
5693
|
-
}
|
|
5694
|
-
}
|
|
5695
|
-
.data-\[side\=left\]\:slide-in-from-right-2 {
|
|
5696
|
-
&[data-side=left] {
|
|
5697
|
-
--tw-enter-translate-x: calc(2*var(--spacing));
|
|
5698
|
-
}
|
|
5699
|
-
}
|
|
5700
|
-
.data-\[side\=right\]\:slide-in-from-left-2 {
|
|
5701
|
-
&[data-side=right] {
|
|
5702
|
-
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
|
|
5703
|
-
}
|
|
5704
|
-
}
|
|
5705
|
-
.data-\[side\=top\]\:slide-in-from-bottom-2 {
|
|
5706
|
-
&[data-side=top] {
|
|
5707
|
-
--tw-enter-translate-y: calc(2*var(--spacing));
|
|
5708
|
-
}
|
|
5709
|
-
}
|
|
5710
|
-
.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
|
|
5711
|
-
:is(& *) {
|
|
5712
|
-
&[data-slot=command-input-wrapper] {
|
|
5713
|
-
height: calc(var(--spacing) * 12);
|
|
5714
|
-
}
|
|
5715
|
-
}
|
|
5716
|
-
}
|
|
5717
|
-
.data-\[state\=closed\]\:animate-out {
|
|
5718
|
-
&[data-state=closed] {
|
|
5719
|
-
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);
|
|
5720
|
-
}
|
|
5721
|
-
}
|
|
5722
|
-
.data-\[state\=closed\]\:duration-300 {
|
|
5723
|
-
&[data-state=closed] {
|
|
5724
|
-
--tw-duration: 300ms;
|
|
5725
|
-
transition-duration: 300ms;
|
|
5726
|
-
}
|
|
5727
|
-
}
|
|
5728
|
-
.data-\[state\=closed\]\:fade-out-0 {
|
|
5729
|
-
&[data-state=closed] {
|
|
5730
|
-
--tw-exit-opacity: calc(0/100);
|
|
5731
|
-
--tw-exit-opacity: 0;
|
|
5732
|
-
}
|
|
5733
|
-
}
|
|
5734
|
-
.data-\[state\=closed\]\:zoom-out-95 {
|
|
5735
|
-
&[data-state=closed] {
|
|
5736
|
-
--tw-exit-scale: calc(95*1%);
|
|
5737
|
-
--tw-exit-scale: .95;
|
|
5738
|
-
}
|
|
5739
|
-
}
|
|
5740
|
-
.data-\[state\=closed\]\:slide-out-to-bottom {
|
|
5741
|
-
&[data-state=closed] {
|
|
5742
|
-
--tw-exit-translate-y: 100%;
|
|
5743
|
-
}
|
|
5744
|
-
}
|
|
5745
|
-
.data-\[state\=closed\]\:slide-out-to-left {
|
|
5746
|
-
&[data-state=closed] {
|
|
5747
|
-
--tw-exit-translate-x: -100%;
|
|
5748
|
-
}
|
|
5749
|
-
}
|
|
5750
|
-
.data-\[state\=closed\]\:slide-out-to-right {
|
|
5751
|
-
&[data-state=closed] {
|
|
5752
|
-
--tw-exit-translate-x: 100%;
|
|
5753
|
-
}
|
|
5754
|
-
}
|
|
5755
|
-
.data-\[state\=closed\]\:slide-out-to-top {
|
|
5756
|
-
&[data-state=closed] {
|
|
5757
|
-
--tw-exit-translate-y: -100%;
|
|
5758
|
-
}
|
|
5759
|
-
}
|
|
5760
|
-
.data-\[state\=open\]\:animate-in {
|
|
5761
|
-
&[data-state=open] {
|
|
5762
|
-
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);
|
|
5763
|
-
}
|
|
5764
|
-
}
|
|
5765
|
-
.data-\[state\=open\]\:opacity-100 {
|
|
5766
|
-
&[data-state=open] {
|
|
5767
|
-
opacity: 100%;
|
|
5768
|
-
}
|
|
5769
|
-
}
|
|
5770
|
-
.data-\[state\=open\]\:duration-500 {
|
|
5771
|
-
&[data-state=open] {
|
|
5772
|
-
--tw-duration: 500ms;
|
|
5773
|
-
transition-duration: 500ms;
|
|
5774
|
-
}
|
|
5775
|
-
}
|
|
5776
|
-
.data-\[state\=open\]\:fade-in-0 {
|
|
5777
|
-
&[data-state=open] {
|
|
5778
|
-
--tw-enter-opacity: calc(0/100);
|
|
5779
|
-
--tw-enter-opacity: 0;
|
|
5780
|
-
}
|
|
5781
|
-
}
|
|
5782
|
-
.data-\[state\=open\]\:zoom-in-95 {
|
|
5783
|
-
&[data-state=open] {
|
|
5784
|
-
--tw-enter-scale: calc(95*1%);
|
|
5785
|
-
--tw-enter-scale: .95;
|
|
5786
|
-
}
|
|
5787
|
-
}
|
|
5788
|
-
.data-\[state\=open\]\:slide-in-from-bottom {
|
|
5789
|
-
&[data-state=open] {
|
|
5790
|
-
--tw-enter-translate-y: 100%;
|
|
5791
|
-
}
|
|
5792
|
-
}
|
|
5793
|
-
.data-\[state\=open\]\:slide-in-from-left {
|
|
5794
|
-
&[data-state=open] {
|
|
5795
|
-
--tw-enter-translate-x: -100%;
|
|
5796
|
-
}
|
|
5797
|
-
}
|
|
5798
|
-
.data-\[state\=open\]\:slide-in-from-right {
|
|
5799
|
-
&[data-state=open] {
|
|
5800
|
-
--tw-enter-translate-x: 100%;
|
|
5801
|
-
}
|
|
5802
|
-
}
|
|
5803
|
-
.data-\[state\=open\]\:slide-in-from-top {
|
|
5804
|
-
&[data-state=open] {
|
|
5805
|
-
--tw-enter-translate-y: -100%;
|
|
5806
|
-
}
|
|
5807
|
-
}
|
|
5808
|
-
.sm\:flex {
|
|
5809
|
-
@media (width >= 40rem) {
|
|
5810
|
-
display: flex;
|
|
5811
|
-
}
|
|
5812
|
-
}
|
|
5813
|
-
.sm\:max-w-lg {
|
|
5814
|
-
@media (width >= 40rem) {
|
|
5815
|
-
max-width: var(--container-lg);
|
|
5816
|
-
}
|
|
5817
|
-
}
|
|
5818
|
-
.sm\:max-w-sm {
|
|
5819
|
-
@media (width >= 40rem) {
|
|
5820
|
-
max-width: var(--container-sm);
|
|
5821
|
-
}
|
|
5822
|
-
}
|
|
5823
|
-
.sm\:flex-row {
|
|
5824
|
-
@media (width >= 40rem) {
|
|
5825
|
-
flex-direction: row;
|
|
5826
|
-
}
|
|
5827
|
-
}
|
|
5828
|
-
.sm\:justify-end {
|
|
5829
|
-
@media (width >= 40rem) {
|
|
5830
|
-
justify-content: flex-end;
|
|
5831
|
-
}
|
|
5832
|
-
}
|
|
5833
|
-
.sm\:text-left {
|
|
5834
|
-
@media (width >= 40rem) {
|
|
5835
|
-
text-align: left;
|
|
5836
|
-
}
|
|
5837
|
-
}
|
|
5838
|
-
.md\:block {
|
|
5839
|
-
@media (width >= 48rem) {
|
|
5840
|
-
display: block;
|
|
5841
|
-
}
|
|
5842
|
-
}
|
|
5843
|
-
.md\:flex {
|
|
5844
|
-
@media (width >= 48rem) {
|
|
5845
|
-
display: flex;
|
|
5846
|
-
}
|
|
5847
|
-
}
|
|
5848
|
-
.md\:text-sm {
|
|
5849
|
-
@media (width >= 48rem) {
|
|
5850
|
-
font-size: var(--text-sm);
|
|
5851
|
-
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
5852
|
-
}
|
|
5853
|
-
}
|
|
5854
|
-
.md\:opacity-0 {
|
|
5855
|
-
@media (width >= 48rem) {
|
|
5856
|
-
opacity: 0%;
|
|
5857
|
-
}
|
|
5858
|
-
}
|
|
5859
|
-
.md\:peer-data-\[variant\=inset\]\:m-2 {
|
|
5860
|
-
@media (width >= 48rem) {
|
|
5861
|
-
&:is(:where(.peer)[data-variant=inset] ~ *) {
|
|
5862
|
-
margin: calc(var(--spacing) * 2);
|
|
5863
|
-
}
|
|
5864
|
-
}
|
|
5865
|
-
}
|
|
5866
|
-
.md\:peer-data-\[variant\=inset\]\:ml-0 {
|
|
5867
|
-
@media (width >= 48rem) {
|
|
5868
|
-
&:is(:where(.peer)[data-variant=inset] ~ *) {
|
|
5869
|
-
margin-left: calc(var(--spacing) * 0);
|
|
5870
|
-
}
|
|
5871
|
-
}
|
|
5872
|
-
}
|
|
5873
|
-
.md\:peer-data-\[variant\=inset\]\:rounded-xl {
|
|
5874
|
-
@media (width >= 48rem) {
|
|
5875
|
-
&:is(:where(.peer)[data-variant=inset] ~ *) {
|
|
5876
|
-
border-radius: var(--radius-xl);
|
|
5877
|
-
}
|
|
5878
|
-
}
|
|
5879
|
-
}
|
|
5880
|
-
.md\:peer-data-\[variant\=inset\]\:shadow-sm {
|
|
5881
|
-
@media (width >= 48rem) {
|
|
5882
|
-
&:is(:where(.peer)[data-variant=inset] ~ *) {
|
|
5883
|
-
--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));
|
|
5884
|
-
box-shadow:
|
|
5885
|
-
var(--tw-inset-shadow),
|
|
5886
|
-
var(--tw-inset-ring-shadow),
|
|
5887
|
-
var(--tw-ring-offset-shadow),
|
|
5888
|
-
var(--tw-ring-shadow),
|
|
5889
|
-
var(--tw-shadow);
|
|
5890
|
-
}
|
|
5891
|
-
}
|
|
5892
|
-
}
|
|
5893
|
-
.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
|
|
5894
|
-
@media (width >= 48rem) {
|
|
5895
|
-
&:is(:where(.peer)[data-variant=inset] ~ *) {
|
|
5896
|
-
&:is(:where(.peer)[data-state=collapsed] ~ *) {
|
|
5897
|
-
margin-left: calc(var(--spacing) * 2);
|
|
5898
|
-
}
|
|
5899
|
-
}
|
|
5900
|
-
}
|
|
5901
|
-
}
|
|
5902
|
-
.md\:after\:hidden {
|
|
5903
|
-
@media (width >= 48rem) {
|
|
5904
|
-
&::after {
|
|
5905
|
-
content: var(--tw-content);
|
|
5906
|
-
display: none;
|
|
5907
|
-
}
|
|
5908
|
-
}
|
|
5909
|
-
}
|
|
5910
|
-
.dark\:border-\[\#a3a3a8\] {
|
|
5911
|
-
@media (prefers-color-scheme: dark) {
|
|
5912
|
-
border-color: #a3a3a8;
|
|
5913
|
-
}
|
|
5914
|
-
}
|
|
5915
|
-
.dark\:bg-transparent {
|
|
5916
|
-
@media (prefers-color-scheme: dark) {
|
|
5917
|
-
background-color: transparent;
|
|
5918
|
-
}
|
|
5919
|
-
}
|
|
5920
|
-
.\[\&_\[cmdk-group-heading\]\]\:px-2 {
|
|
5921
|
-
& [cmdk-group-heading] {
|
|
5922
|
-
padding-inline: calc(var(--spacing) * 2);
|
|
5923
|
-
}
|
|
5924
|
-
}
|
|
5925
|
-
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
|
|
5926
|
-
& [cmdk-group-heading] {
|
|
5927
|
-
padding-block: calc(var(--spacing) * 1.5);
|
|
5928
|
-
}
|
|
5929
|
-
}
|
|
5930
|
-
.\[\&_\[cmdk-group-heading\]\]\:text-xs {
|
|
5931
|
-
& [cmdk-group-heading] {
|
|
5932
|
-
font-size: var(--text-xs);
|
|
5933
|
-
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
5934
|
-
}
|
|
5935
|
-
}
|
|
5936
|
-
.\[\&_\[cmdk-group-heading\]\]\:font-medium {
|
|
5937
|
-
& [cmdk-group-heading] {
|
|
5938
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
5939
|
-
font-weight: var(--font-weight-medium);
|
|
5940
|
-
}
|
|
5941
|
-
}
|
|
5942
|
-
.\[\&_\[cmdk-group\]\]\:px-2 {
|
|
5943
|
-
& [cmdk-group] {
|
|
5944
|
-
padding-inline: calc(var(--spacing) * 2);
|
|
5945
|
-
}
|
|
5946
|
-
}
|
|
5947
|
-
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
|
|
5948
|
-
& [cmdk-group]:not([hidden]) ~ [cmdk-group] {
|
|
5949
|
-
padding-top: calc(var(--spacing) * 0);
|
|
5950
|
-
}
|
|
5951
|
-
}
|
|
5952
|
-
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
|
|
5953
|
-
& [cmdk-input-wrapper] svg {
|
|
5954
|
-
height: calc(var(--spacing) * 5);
|
|
5955
|
-
}
|
|
5956
|
-
}
|
|
5957
|
-
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
|
|
5958
|
-
& [cmdk-input-wrapper] svg {
|
|
5959
|
-
width: calc(var(--spacing) * 5);
|
|
5960
|
-
}
|
|
5961
|
-
}
|
|
5962
|
-
.\[\&_\[cmdk-input\]\]\:h-12 {
|
|
5963
|
-
& [cmdk-input] {
|
|
5964
|
-
height: calc(var(--spacing) * 12);
|
|
5965
|
-
}
|
|
5966
|
-
}
|
|
5967
|
-
.\[\&_\[cmdk-item\]\]\:px-2 {
|
|
5968
|
-
& [cmdk-item] {
|
|
5969
|
-
padding-inline: calc(var(--spacing) * 2);
|
|
5970
|
-
}
|
|
5971
|
-
}
|
|
5972
|
-
.\[\&_\[cmdk-item\]\]\:py-3 {
|
|
5973
|
-
& [cmdk-item] {
|
|
5974
|
-
padding-block: calc(var(--spacing) * 3);
|
|
5975
|
-
}
|
|
5976
|
-
}
|
|
5977
|
-
.\[\&_\[cmdk-item\]_svg\]\:h-5 {
|
|
5978
|
-
& [cmdk-item] svg {
|
|
5979
|
-
height: calc(var(--spacing) * 5);
|
|
5980
|
-
}
|
|
5981
|
-
}
|
|
5982
|
-
.\[\&_\[cmdk-item\]_svg\]\:w-5 {
|
|
5983
|
-
& [cmdk-item] svg {
|
|
5984
|
-
width: calc(var(--spacing) * 5);
|
|
5985
|
-
}
|
|
5986
|
-
}
|
|
5987
|
-
.\[\&_svg\]\:pointer-events-none {
|
|
5988
|
-
& svg {
|
|
5989
|
-
pointer-events: none;
|
|
5990
|
-
}
|
|
5991
|
-
}
|
|
5992
|
-
.\[\&_svg\]\:shrink-0 {
|
|
5993
|
-
& svg {
|
|
5994
|
-
flex-shrink: 0;
|
|
5995
|
-
}
|
|
5996
|
-
}
|
|
5997
|
-
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
5998
|
-
& svg:not([class*=size-]) {
|
|
5999
|
-
width: calc(var(--spacing) * 4);
|
|
6000
|
-
height: calc(var(--spacing) * 4);
|
|
6001
|
-
}
|
|
6002
|
-
}
|
|
6003
|
-
.\[\&\>button\]\:hidden {
|
|
6004
|
-
& > button {
|
|
6005
|
-
display: none;
|
|
6006
|
-
}
|
|
6007
|
-
}
|
|
6008
|
-
.\[\&\>span\:last-child\]\:truncate {
|
|
6009
|
-
& > span:last-child {
|
|
6010
|
-
overflow: hidden;
|
|
6011
|
-
text-overflow: ellipsis;
|
|
6012
|
-
white-space: nowrap;
|
|
6013
|
-
}
|
|
6014
|
-
}
|
|
6015
|
-
.\[\&\>svg\]\:size-4 {
|
|
6016
|
-
& > svg {
|
|
6017
|
-
width: calc(var(--spacing) * 4);
|
|
6018
|
-
height: calc(var(--spacing) * 4);
|
|
6019
|
-
}
|
|
6020
|
-
}
|
|
6021
|
-
.\[\&\>svg\]\:shrink-0 {
|
|
6022
|
-
& > svg {
|
|
6023
|
-
flex-shrink: 0;
|
|
6024
|
-
}
|
|
6025
|
-
}
|
|
6026
|
-
.\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
|
|
6027
|
-
[data-side=left][data-collapsible=offcanvas] & {
|
|
6028
|
-
right: calc(var(--spacing) * -2);
|
|
6029
|
-
}
|
|
6030
|
-
}
|
|
6031
|
-
.\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
|
|
6032
|
-
[data-side=left][data-state=collapsed] & {
|
|
6033
|
-
cursor: e-resize;
|
|
6034
|
-
}
|
|
6035
|
-
}
|
|
6036
|
-
.\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
|
|
6037
|
-
[data-side=right][data-collapsible=offcanvas] & {
|
|
6038
|
-
left: calc(var(--spacing) * -2);
|
|
6039
|
-
}
|
|
6040
|
-
}
|
|
6041
|
-
.\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
|
|
6042
|
-
[data-side=right][data-state=collapsed] & {
|
|
6043
|
-
cursor: w-resize;
|
|
6044
|
-
}
|
|
6045
|
-
}
|
|
6046
|
-
}
|
|
6047
|
-
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
|
|
6048
|
-
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
|
|
6049
|
-
@property --tw-animation-duration { syntax: "*"; inherits: false; }
|
|
6050
|
-
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
|
|
6051
|
-
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6052
|
-
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6053
|
-
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6054
|
-
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6055
|
-
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6056
|
-
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6057
|
-
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6058
|
-
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6059
|
-
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6060
|
-
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6061
|
-
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6062
|
-
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6063
|
-
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6064
|
-
:root {
|
|
6065
|
-
overflow-wrap: break-word;
|
|
6066
|
-
text-size-adjust: none;
|
|
6067
|
-
text-rendering: optimizeLegibility;
|
|
6068
|
-
-webkit-font-smoothing: antialiased;
|
|
6069
|
-
-moz-osx-font-smoothing: grayscale;
|
|
6070
|
-
--tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
|
|
6071
|
-
--tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
|
|
6072
|
-
--tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
|
|
6073
|
-
--tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
|
|
6074
|
-
--tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
|
|
6075
|
-
--tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
|
|
6076
|
-
--tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
|
|
6077
|
-
--tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
|
|
6078
|
-
--tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
|
|
6079
|
-
--tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
|
|
6080
|
-
--tt-gray-light-50: rgba(250, 250, 250, 1);
|
|
6081
|
-
--tt-gray-light-100: rgba(244, 244, 245, 1);
|
|
6082
|
-
--tt-gray-light-200: rgba(234, 234, 235, 1);
|
|
6083
|
-
--tt-gray-light-300: rgba(213, 214, 215, 1);
|
|
6084
|
-
--tt-gray-light-400: rgba(166, 167, 171, 1);
|
|
6085
|
-
--tt-gray-light-500: rgba(125, 127, 130, 1);
|
|
6086
|
-
--tt-gray-light-600: rgba(83, 86, 90, 1);
|
|
6087
|
-
--tt-gray-light-700: rgba(64, 65, 69, 1);
|
|
6088
|
-
--tt-gray-light-800: rgba(44, 45, 48, 1);
|
|
6089
|
-
--tt-gray-light-900: rgba(34, 35, 37, 1);
|
|
6090
|
-
--tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
|
|
6091
|
-
--tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
|
|
6092
|
-
--tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
|
|
6093
|
-
--tt-gray-dark-a-300: rgba(239, 239, 245, 0.22);
|
|
6094
|
-
--tt-gray-dark-a-400: rgba(244, 244, 255, 0.37);
|
|
6095
|
-
--tt-gray-dark-a-500: rgba(236, 238, 253, 0.5);
|
|
6096
|
-
--tt-gray-dark-a-600: rgba(247, 247, 253, 0.64);
|
|
6097
|
-
--tt-gray-dark-a-700: rgba(251, 251, 254, 0.75);
|
|
6098
|
-
--tt-gray-dark-a-800: rgba(253, 253, 253, 0.88);
|
|
6099
|
-
--tt-gray-dark-a-900: rgba(255, 255, 255, 0.96);
|
|
6100
|
-
--tt-gray-dark-50: rgba(25, 25, 26, 1);
|
|
6101
|
-
--tt-gray-dark-100: rgba(32, 32, 34, 1);
|
|
6102
|
-
--tt-gray-dark-200: rgba(45, 45, 47, 1);
|
|
6103
|
-
--tt-gray-dark-300: rgba(70, 70, 73, 1);
|
|
6104
|
-
--tt-gray-dark-400: rgba(99, 99, 105, 1);
|
|
6105
|
-
--tt-gray-dark-500: rgba(124, 124, 131, 1);
|
|
6106
|
-
--tt-gray-dark-600: rgba(163, 163, 168, 1);
|
|
6107
|
-
--tt-gray-dark-700: rgba(192, 192, 195, 1);
|
|
6108
|
-
--tt-gray-dark-800: rgba(224, 224, 225, 1);
|
|
6109
|
-
--tt-gray-dark-900: rgba(245, 245, 245, 1);
|
|
6110
|
-
--tt-brand-color-50: rgba(239, 238, 255, 1);
|
|
6111
|
-
--tt-brand-color-100: rgba(222, 219, 255, 1);
|
|
6112
|
-
--tt-brand-color-200: rgba(195, 189, 255, 1);
|
|
6113
|
-
--tt-brand-color-300: rgba(157, 138, 255, 1);
|
|
6114
|
-
--tt-brand-color-400: rgba(122, 82, 255, 1);
|
|
6115
|
-
--tt-brand-color-500: rgba(98, 41, 255, 1);
|
|
6116
|
-
--tt-brand-color-600: rgba(84, 0, 229, 1);
|
|
6117
|
-
--tt-brand-color-700: rgba(75, 0, 204, 1);
|
|
6118
|
-
--tt-brand-color-800: rgba(56, 0, 153, 1);
|
|
6119
|
-
--tt-brand-color-900: rgba(43, 25, 102, 1);
|
|
6120
|
-
--tt-brand-color-950: hsla(257, 100%, 9%, 1);
|
|
6121
|
-
--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);
|
|
6122
|
-
--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);
|
|
6123
|
-
--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);
|
|
6124
|
-
--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);
|
|
6125
|
-
--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);
|
|
6126
|
-
--tt-color-green-base: hsla(147, 99%, 50%, 1);
|
|
6127
|
-
--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);
|
|
6128
|
-
--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);
|
|
6129
|
-
--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);
|
|
6130
|
-
--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);
|
|
6131
|
-
--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);
|
|
6132
|
-
--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);
|
|
6133
|
-
--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);
|
|
6134
|
-
--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);
|
|
6135
|
-
--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);
|
|
6136
|
-
--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);
|
|
6137
|
-
--tt-color-yellow-base: hsla(52, 100%, 50%, 1);
|
|
6138
|
-
--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);
|
|
6139
|
-
--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);
|
|
6140
|
-
--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);
|
|
6141
|
-
--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);
|
|
6142
|
-
--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);
|
|
6143
|
-
--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);
|
|
6144
|
-
--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);
|
|
6145
|
-
--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);
|
|
6146
|
-
--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);
|
|
6147
|
-
--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);
|
|
6148
|
-
--tt-color-red-base: hsla(7, 100%, 54%, 1);
|
|
6149
|
-
--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);
|
|
6150
|
-
--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);
|
|
6151
|
-
--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);
|
|
6152
|
-
--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);
|
|
6153
|
-
--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);
|
|
6154
|
-
--white: rgba(255, 255, 255, 1);
|
|
6155
|
-
--black: rgba(14, 14, 17, 1);
|
|
6156
|
-
--transparent: rgba(255, 255, 255, 0);
|
|
6157
|
-
--tt-shadow-elevated-md:
|
|
6158
|
-
0px 16px 48px 0px rgba(17, 24, 39, 0.04),
|
|
6159
|
-
0px 12px 24px 0px rgba(17, 24, 39, 0.04),
|
|
6160
|
-
0px 6px 8px 0px rgba(17, 24, 39, 0.02),
|
|
6161
|
-
0px 2px 3px 0px rgba(17, 24, 39, 0.02);
|
|
6162
|
-
--tt-radius-xxs: 0.125rem;
|
|
6163
|
-
--tt-radius-xs: 0.25rem;
|
|
6164
|
-
--tt-radius-sm: 0.375rem;
|
|
6165
|
-
--tt-radius-md: 0.5rem;
|
|
6166
|
-
--tt-radius-lg: 0.75rem;
|
|
6167
|
-
--tt-radius-xl: 1rem;
|
|
6168
|
-
--tt-transition-duration-short: 0.1s;
|
|
6169
|
-
--tt-transition-duration-default: 0.2s;
|
|
6170
|
-
--tt-transition-duration-long: 0.64s;
|
|
6171
|
-
--tt-transition-easing-default: cubic-bezier(0.46, 0.03, 0.52, 0.96);
|
|
6172
|
-
--tt-transition-easing-cubic: cubic-bezier(0.65, 0.05, 0.36, 1);
|
|
6173
|
-
--tt-transition-easing-quart: cubic-bezier(0.77, 0, 0.18, 1);
|
|
6174
|
-
--tt-transition-easing-circ: cubic-bezier(0.79, 0.14, 0.15, 0.86);
|
|
6175
|
-
--tt-transition-easing-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
6176
|
-
--tt-accent-contrast: 8%;
|
|
6177
|
-
--tt-destructive-contrast: 8%;
|
|
6178
|
-
--tt-foreground-contrast: 8%;
|
|
6179
|
-
&,
|
|
6180
|
-
*,
|
|
6181
|
-
::before,
|
|
6182
|
-
::after {
|
|
6183
|
-
box-sizing: border-box;
|
|
6184
|
-
transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
|
|
6185
|
-
}
|
|
6186
|
-
}
|
|
6187
|
-
:root {
|
|
6188
|
-
--tt-bg-color: var(--white);
|
|
6189
|
-
--tt-border-color: var(--tt-gray-light-a-200);
|
|
6190
|
-
--tt-border-color-tint: var(--tt-gray-light-a-100);
|
|
6191
|
-
--tt-sidebar-bg-color: var(--tt-gray-light-100);
|
|
6192
|
-
--tt-scrollbar-color: var(--tt-gray-light-a-200);
|
|
6193
|
-
--tt-cursor-color: var(--tt-brand-color-500);
|
|
6194
|
-
--tt-selection-color: rgba(157, 138, 255, 0.2);
|
|
6195
|
-
--tt-card-bg-color: var(--white);
|
|
6196
|
-
--tt-card-border-color: var(--tt-gray-light-a-100);
|
|
6197
|
-
}
|
|
6198
|
-
.dark {
|
|
6199
|
-
--tt-bg-color: var(--black);
|
|
6200
|
-
--tt-border-color: var(--tt-gray-dark-a-200);
|
|
6201
|
-
--tt-border-color-tint: var(--tt-gray-dark-a-100);
|
|
6202
|
-
--tt-sidebar-bg-color: var(--tt-gray-dark-100);
|
|
6203
|
-
--tt-scrollbar-color: var(--tt-gray-dark-a-200);
|
|
6204
|
-
--tt-cursor-color: var(--tt-brand-color-400);
|
|
6205
|
-
--tt-selection-color: rgba(122, 82, 255, 0.2);
|
|
6206
|
-
--tt-card-bg-color: var(--tt-gray-dark-50);
|
|
6207
|
-
--tt-card-border-color: var(--tt-gray-dark-a-50);
|
|
6208
|
-
--tt-shadow-elevated-md:
|
|
6209
|
-
0px 16px 48px 0px rgba(0, 0, 0, 0.5),
|
|
6210
|
-
0px 12px 24px 0px rgba(0, 0, 0, 0.24),
|
|
6211
|
-
0px 6px 8px 0px rgba(0, 0, 0, 0.22),
|
|
6212
|
-
0px 2px 3px 0px rgba(0, 0, 0, 0.12);
|
|
6213
|
-
}
|
|
6214
|
-
:root {
|
|
6215
|
-
--tt-color-text-gray: hsl(45, 2%, 46%);
|
|
6216
|
-
--tt-color-text-brown: hsl(19, 31%, 47%);
|
|
6217
|
-
--tt-color-text-orange: hsl(30, 89%, 45%);
|
|
6218
|
-
--tt-color-text-yellow: hsl(38, 62%, 49%);
|
|
6219
|
-
--tt-color-text-green: hsl(148, 32%, 39%);
|
|
6220
|
-
--tt-color-text-blue: hsl(202, 54%, 43%);
|
|
6221
|
-
--tt-color-text-purple: hsl(274, 32%, 54%);
|
|
6222
|
-
--tt-color-text-pink: hsl(328, 49%, 53%);
|
|
6223
|
-
--tt-color-text-red: hsl(2, 62%, 55%);
|
|
6224
|
-
--tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
|
|
6225
|
-
--tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
|
|
6226
|
-
--tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
|
|
6227
|
-
--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
|
|
6228
|
-
--tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
|
|
6229
|
-
--tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
|
|
6230
|
-
--tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
|
|
6231
|
-
--tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
|
|
6232
|
-
--tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
|
|
6233
|
-
}
|
|
6234
|
-
.dark {
|
|
6235
|
-
--tt-color-text-gray: hsl(0, 0%, 61%);
|
|
6236
|
-
--tt-color-text-brown: hsl(18, 35%, 58%);
|
|
6237
|
-
--tt-color-text-orange: hsl(25, 53%, 53%);
|
|
6238
|
-
--tt-color-text-yellow: hsl(36, 54%, 55%);
|
|
6239
|
-
--tt-color-text-green: hsl(145, 32%, 47%);
|
|
6240
|
-
--tt-color-text-blue: hsl(202, 64%, 52%);
|
|
6241
|
-
--tt-color-text-purple: hsl(270, 55%, 62%);
|
|
6242
|
-
--tt-color-text-pink: hsl(329, 57%, 58%);
|
|
6243
|
-
--tt-color-text-red: hsl(1, 69%, 60%);
|
|
6244
|
-
--tt-color-text-gray-contrast: hsla(0, 0%, 100%, 0.09);
|
|
6245
|
-
--tt-color-text-brown-contrast: hsla(17, 45%, 50%, 0.25);
|
|
6246
|
-
--tt-color-text-orange-contrast: hsla(27, 82%, 53%, 0.2);
|
|
6247
|
-
--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, 0.2);
|
|
6248
|
-
--tt-color-text-green-contrast: hsla(151, 55%, 39%, 0.2);
|
|
6249
|
-
--tt-color-text-blue-contrast: hsla(202, 54%, 43%, 0.2);
|
|
6250
|
-
--tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
|
|
6251
|
-
--tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
|
|
6252
|
-
--tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
|
|
6253
|
-
}
|
|
6254
|
-
:root {
|
|
6255
|
-
--tt-color-highlight-yellow: #fef9c3;
|
|
6256
|
-
--tt-color-highlight-green: #dcfce7;
|
|
6257
|
-
--tt-color-highlight-blue: #e0f2fe;
|
|
6258
|
-
--tt-color-highlight-purple: #f3e8ff;
|
|
6259
|
-
--tt-color-highlight-red: #ffe4e6;
|
|
6260
|
-
--tt-color-highlight-gray: rgb(248, 248, 247);
|
|
6261
|
-
--tt-color-highlight-brown: rgb(244, 238, 238);
|
|
6262
|
-
--tt-color-highlight-orange: rgb(251, 236, 221);
|
|
6263
|
-
--tt-color-highlight-pink: rgb(252, 241, 246);
|
|
6264
|
-
--tt-color-highlight-yellow-contrast: #fbe604;
|
|
6265
|
-
--tt-color-highlight-green-contrast: #c7fad8;
|
|
6266
|
-
--tt-color-highlight-blue-contrast: #ceeafd;
|
|
6267
|
-
--tt-color-highlight-purple-contrast: #e4ccff;
|
|
6268
|
-
--tt-color-highlight-red-contrast: #ffccd0;
|
|
6269
|
-
--tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
|
|
6270
|
-
--tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
|
|
6271
|
-
--tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
|
|
6272
|
-
--tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
|
|
6273
|
-
}
|
|
6274
|
-
.dark {
|
|
6275
|
-
--tt-color-highlight-yellow: #6b6524;
|
|
6276
|
-
--tt-color-highlight-green: #509568;
|
|
6277
|
-
--tt-color-highlight-blue: #6e92aa;
|
|
6278
|
-
--tt-color-highlight-purple: #583e74;
|
|
6279
|
-
--tt-color-highlight-red: #743e42;
|
|
6280
|
-
--tt-color-highlight-gray: rgb(47, 47, 47);
|
|
6281
|
-
--tt-color-highlight-brown: rgb(74, 50, 40);
|
|
6282
|
-
--tt-color-highlight-orange: rgb(92, 59, 35);
|
|
6283
|
-
--tt-color-highlight-pink: rgb(78, 44, 60);
|
|
6284
|
-
--tt-color-highlight-yellow-contrast: #58531e;
|
|
6285
|
-
--tt-color-highlight-green-contrast: #47855d;
|
|
6286
|
-
--tt-color-highlight-blue-contrast: #5e86a1;
|
|
6287
|
-
--tt-color-highlight-purple-contrast: #4c3564;
|
|
6288
|
-
--tt-color-highlight-red-contrast: #643539;
|
|
6289
|
-
--tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
|
|
6290
|
-
--tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
|
|
6291
|
-
--tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
|
|
6292
|
-
--tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
|
|
6293
|
-
}
|
|
6294
|
-
@keyframes fadeIn {
|
|
6295
|
-
from {
|
|
6296
|
-
opacity: 0;
|
|
6297
|
-
}
|
|
6298
|
-
to {
|
|
6299
|
-
opacity: 1;
|
|
6300
|
-
}
|
|
6301
|
-
}
|
|
6302
|
-
@keyframes fadeOut {
|
|
6303
|
-
from {
|
|
6304
|
-
opacity: 1;
|
|
6305
|
-
}
|
|
6306
|
-
to {
|
|
6307
|
-
opacity: 0;
|
|
6308
|
-
}
|
|
6309
|
-
}
|
|
6310
|
-
@keyframes zoomIn {
|
|
6311
|
-
from {
|
|
6312
|
-
transform: scale(0.95);
|
|
6313
|
-
}
|
|
6314
|
-
to {
|
|
6315
|
-
transform: scale(1);
|
|
6316
|
-
}
|
|
6317
|
-
}
|
|
6318
|
-
@keyframes zoomOut {
|
|
6319
|
-
from {
|
|
6320
|
-
transform: scale(1);
|
|
6321
|
-
}
|
|
6322
|
-
to {
|
|
6323
|
-
transform: scale(0.95);
|
|
6324
|
-
}
|
|
6325
|
-
}
|
|
6326
|
-
@keyframes zoom {
|
|
6327
|
-
0% {
|
|
6328
|
-
opacity: 0;
|
|
6329
|
-
transform: scale(0.95);
|
|
6330
|
-
}
|
|
6331
|
-
100% {
|
|
6332
|
-
opacity: 1;
|
|
6333
|
-
transform: scale(1);
|
|
6334
|
-
}
|
|
6335
|
-
}
|
|
6336
|
-
@keyframes slideFromTop {
|
|
6337
|
-
from {
|
|
6338
|
-
transform: translateY(-0.5rem);
|
|
6339
|
-
}
|
|
6340
|
-
to {
|
|
6341
|
-
transform: translateY(0);
|
|
6342
|
-
}
|
|
6343
|
-
}
|
|
6344
|
-
@keyframes slideFromRight {
|
|
6345
|
-
from {
|
|
6346
|
-
transform: translateX(0.5rem);
|
|
6347
|
-
}
|
|
6348
|
-
to {
|
|
6349
|
-
transform: translateX(0);
|
|
6350
|
-
}
|
|
6351
|
-
}
|
|
6352
|
-
@keyframes slideFromLeft {
|
|
6353
|
-
from {
|
|
6354
|
-
transform: translateX(-0.5rem);
|
|
6355
|
-
}
|
|
6356
|
-
to {
|
|
6357
|
-
transform: translateX(0);
|
|
6358
|
-
}
|
|
6359
|
-
}
|
|
6360
|
-
@keyframes slideFromBottom {
|
|
6361
|
-
from {
|
|
6362
|
-
transform: translateY(0.5rem);
|
|
6363
|
-
}
|
|
6364
|
-
to {
|
|
6365
|
-
transform: translateY(0);
|
|
6366
|
-
}
|
|
6367
|
-
}
|
|
6368
|
-
@keyframes spin {
|
|
6369
|
-
from {
|
|
6370
|
-
transform: rotate(0deg);
|
|
6371
|
-
}
|
|
6372
|
-
to {
|
|
6373
|
-
transform: rotate(360deg);
|
|
6374
|
-
}
|
|
6375
|
-
}
|
|
6376
|
-
:root {
|
|
6377
|
-
--easyflow-radius: 0.625rem;
|
|
6378
|
-
--easyflow-background: oklch(0.145 0 0);
|
|
6379
|
-
--easyflow-foreground: oklch(0.985 0 0);
|
|
6380
|
-
--easyflow-card: oklch(0.205 0 0);
|
|
6381
|
-
--easyflow-card-foreground: oklch(0.985 0 0);
|
|
6382
|
-
--easyflow-popover: oklch(0.205 0 0);
|
|
6383
|
-
--easyflow-popover-foreground: oklch(0.985 0 0);
|
|
6384
|
-
--easyflow-primary: oklch(0.922 0 0);
|
|
6385
|
-
--easyflow-primary-foreground: oklch(0.205 0 0);
|
|
6386
|
-
--easyflow-secondary: oklch(0.269 0 0);
|
|
6387
|
-
--easyflow-secondary-foreground: oklch(0.985 0 0);
|
|
6388
|
-
--easyflow-muted: oklch(0.269 0 0);
|
|
6389
|
-
--easyflow-muted-foreground: oklch(0.708 0 0);
|
|
6390
|
-
--easyflow-accent: oklch(0.269 0 0);
|
|
6391
|
-
--easyflow-accent-foreground: oklch(0.985 0 0);
|
|
6392
|
-
--easyflow-destructive: oklch(0.704 0.191 22.216);
|
|
6393
|
-
--easyflow-border: oklch(1 0 0 / 10%);
|
|
6394
|
-
--easyflow-input: oklch(1 0 0 / 15%);
|
|
6395
|
-
--easyflow-ring: oklch(0.556 0 0);
|
|
6396
|
-
--radius: var(--easyflow-radius);
|
|
6397
|
-
--background: var(--easyflow-background);
|
|
6398
|
-
--foreground: var(--easyflow-foreground);
|
|
6399
|
-
--card: var(--easyflow-card);
|
|
6400
|
-
--card-foreground: var(--easyflow-card-foreground);
|
|
6401
|
-
--popover: var(--easyflow-popover);
|
|
6402
|
-
--popover-foreground: var(--easyflow-popover-foreground);
|
|
6403
|
-
--primary: var(--easyflow-primary);
|
|
6404
|
-
--primary-foreground: var(--easyflow-primary-foreground);
|
|
6405
|
-
--secondary: var(--easyflow-secondary);
|
|
6406
|
-
--secondary-foreground: var(--easyflow-secondary-foreground);
|
|
6407
|
-
--muted: var(--easyflow-muted);
|
|
6408
|
-
--muted-foreground: var(--easyflow-muted-foreground);
|
|
6409
|
-
--accent: var(--easyflow-accent);
|
|
6410
|
-
--accent-foreground: var(--easyflow-accent-foreground);
|
|
6411
|
-
--destructive: var(--easyflow-destructive);
|
|
6412
|
-
--border: var(--easyflow-border);
|
|
6413
|
-
--input: var(--easyflow-input);
|
|
6414
|
-
--ring: var(--easyflow-ring);
|
|
6415
|
-
}
|
|
6416
|
-
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6417
|
-
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6418
|
-
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6419
|
-
@property --tw-rotate-x { syntax: "*"; inherits: false; }
|
|
6420
|
-
@property --tw-rotate-y { syntax: "*"; inherits: false; }
|
|
6421
|
-
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
6422
|
-
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
6423
|
-
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
6424
|
-
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
6425
|
-
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
|
|
6426
|
-
@property --tw-leading { syntax: "*"; inherits: false; }
|
|
6427
|
-
@property --tw-font-weight { syntax: "*"; inherits: false; }
|
|
6428
|
-
@property --tw-tracking { syntax: "*"; inherits: false; }
|
|
6429
|
-
@property --tw-ordinal { syntax: "*"; inherits: false; }
|
|
6430
|
-
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
|
|
6431
|
-
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
|
|
6432
|
-
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
|
|
6433
|
-
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
|
|
6434
|
-
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
6435
|
-
@property --tw-shadow-color { syntax: "*"; inherits: false; }
|
|
6436
|
-
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
6437
|
-
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
6438
|
-
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
|
|
6439
|
-
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
6440
|
-
@property --tw-ring-color { syntax: "*"; inherits: false; }
|
|
6441
|
-
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
6442
|
-
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
|
|
6443
|
-
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
6444
|
-
@property --tw-ring-inset { syntax: "*"; inherits: false; }
|
|
6445
|
-
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
|
|
6446
|
-
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
|
|
6447
|
-
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
6448
|
-
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
|
|
6449
|
-
@property --tw-blur { syntax: "*"; inherits: false; }
|
|
6450
|
-
@property --tw-brightness { syntax: "*"; inherits: false; }
|
|
6451
|
-
@property --tw-contrast { syntax: "*"; inherits: false; }
|
|
6452
|
-
@property --tw-grayscale { syntax: "*"; inherits: false; }
|
|
6453
|
-
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
|
|
6454
|
-
@property --tw-invert { syntax: "*"; inherits: false; }
|
|
6455
|
-
@property --tw-opacity { syntax: "*"; inherits: false; }
|
|
6456
|
-
@property --tw-saturate { syntax: "*"; inherits: false; }
|
|
6457
|
-
@property --tw-sepia { syntax: "*"; inherits: false; }
|
|
6458
|
-
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
|
|
6459
|
-
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
|
|
6460
|
-
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
6461
|
-
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
|
|
6462
|
-
@property --tw-duration { syntax: "*"; inherits: false; }
|
|
6463
|
-
@property --tw-ease { syntax: "*"; inherits: false; }
|
|
6464
|
-
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
|
|
6465
|
-
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6466
|
-
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6467
|
-
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
|
|
6468
|
-
@keyframes pulse {
|
|
6469
|
-
50% {
|
|
6470
|
-
opacity: 0.5;
|
|
6471
|
-
}
|
|
6472
|
-
}
|
|
6473
|
-
@keyframes enter {
|
|
6474
|
-
from {
|
|
6475
|
-
opacity: var(--tw-enter-opacity,1);
|
|
6476
|
-
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));
|
|
6477
|
-
filter: blur(var(--tw-enter-blur,0));
|
|
6478
|
-
}
|
|
6479
|
-
}
|
|
6480
|
-
@keyframes exit {
|
|
6481
|
-
to {
|
|
6482
|
-
opacity: var(--tw-exit-opacity,1);
|
|
6483
|
-
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));
|
|
6484
|
-
filter: blur(var(--tw-exit-blur,0));
|
|
6485
|
-
}
|
|
6486
|
-
}
|
|
6487
|
-
@layer properties {
|
|
6488
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
6489
|
-
*,
|
|
6490
|
-
::before,
|
|
6491
|
-
::after,
|
|
6492
|
-
::backdrop {
|
|
6493
|
-
--tw-translate-x: 0;
|
|
6494
|
-
--tw-translate-y: 0;
|
|
6495
|
-
--tw-translate-z: 0;
|
|
6496
|
-
--tw-rotate-x: initial;
|
|
6497
|
-
--tw-rotate-y: initial;
|
|
6498
|
-
--tw-rotate-z: initial;
|
|
6499
|
-
--tw-skew-x: initial;
|
|
6500
|
-
--tw-skew-y: initial;
|
|
6501
|
-
--tw-space-y-reverse: 0;
|
|
6502
|
-
--tw-border-style: solid;
|
|
6503
|
-
--tw-leading: initial;
|
|
6504
|
-
--tw-font-weight: initial;
|
|
6505
|
-
--tw-tracking: initial;
|
|
6506
|
-
--tw-ordinal: initial;
|
|
6507
|
-
--tw-slashed-zero: initial;
|
|
6508
|
-
--tw-numeric-figure: initial;
|
|
6509
|
-
--tw-numeric-spacing: initial;
|
|
6510
|
-
--tw-numeric-fraction: initial;
|
|
6511
|
-
--tw-shadow: 0 0 #0000;
|
|
6512
|
-
--tw-shadow-color: initial;
|
|
6513
|
-
--tw-shadow-alpha: 100%;
|
|
6514
|
-
--tw-inset-shadow: 0 0 #0000;
|
|
6515
|
-
--tw-inset-shadow-color: initial;
|
|
6516
|
-
--tw-inset-shadow-alpha: 100%;
|
|
6517
|
-
--tw-ring-color: initial;
|
|
6518
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
6519
|
-
--tw-inset-ring-color: initial;
|
|
6520
|
-
--tw-inset-ring-shadow: 0 0 #0000;
|
|
6521
|
-
--tw-ring-inset: initial;
|
|
6522
|
-
--tw-ring-offset-width: 0px;
|
|
6523
|
-
--tw-ring-offset-color: #fff;
|
|
6524
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
6525
|
-
--tw-outline-style: solid;
|
|
6526
|
-
--tw-blur: initial;
|
|
6527
|
-
--tw-brightness: initial;
|
|
6528
|
-
--tw-contrast: initial;
|
|
6529
|
-
--tw-grayscale: initial;
|
|
6530
|
-
--tw-hue-rotate: initial;
|
|
6531
|
-
--tw-invert: initial;
|
|
6532
|
-
--tw-opacity: initial;
|
|
6533
|
-
--tw-saturate: initial;
|
|
6534
|
-
--tw-sepia: initial;
|
|
6535
|
-
--tw-drop-shadow: initial;
|
|
6536
|
-
--tw-drop-shadow-color: initial;
|
|
6537
|
-
--tw-drop-shadow-alpha: 100%;
|
|
6538
|
-
--tw-drop-shadow-size: initial;
|
|
6539
|
-
--tw-duration: initial;
|
|
6540
|
-
--tw-ease: initial;
|
|
6541
|
-
--tw-content: "";
|
|
6542
|
-
--tw-scale-x: 1;
|
|
6543
|
-
--tw-scale-y: 1;
|
|
6544
|
-
--tw-scale-z: 1;
|
|
6545
|
-
--tw-animation-delay: 0s;
|
|
6546
|
-
--tw-animation-direction: normal;
|
|
6547
|
-
--tw-animation-duration: initial;
|
|
6548
|
-
--tw-animation-fill-mode: none;
|
|
6549
|
-
--tw-animation-iteration-count: 1;
|
|
6550
|
-
--tw-enter-blur: 0;
|
|
6551
|
-
--tw-enter-opacity: 1;
|
|
6552
|
-
--tw-enter-rotate: 0;
|
|
6553
|
-
--tw-enter-scale: 1;
|
|
6554
|
-
--tw-enter-translate-x: 0;
|
|
6555
|
-
--tw-enter-translate-y: 0;
|
|
6556
|
-
--tw-exit-blur: 0;
|
|
6557
|
-
--tw-exit-opacity: 1;
|
|
6558
|
-
--tw-exit-rotate: 0;
|
|
6559
|
-
--tw-exit-scale: 1;
|
|
6560
|
-
--tw-exit-translate-x: 0;
|
|
6561
|
-
--tw-exit-translate-y: 0;
|
|
6562
|
-
}
|
|
6563
|
-
}
|
|
6564
|
-
}
|
|
6565
|
-
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
6566
1852
|
/*# sourceMappingURL=index.css.map */
|