@node-core/ui-components 1.0.1-53352b306fcbcdb527095209221fd17b7fc955b9 → 1.0.1-5909a0bd471c5bfddac4f1bf7eee50aea0274970
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/Common/AlertBox/index.module.css +1 -82
- package/Common/AvatarGroup/Avatar/index.module.css +1 -59
- package/Common/AvatarGroup/Overlay/index.module.css +1 -37
- package/Common/AvatarGroup/index.module.css +1 -21
- package/Common/Badge/index.js +1 -3
- package/Common/Badge/index.module.css +1 -59
- package/Common/BadgeGroup/index.js +2 -2
- package/Common/BadgeGroup/index.module.css +1 -152
- package/Common/Banner/index.module.css +1 -44
- package/Common/BaseButton/index.module.css +1 -371
- package/Common/BaseCodeBox/index.module.css +1 -95
- package/Common/BaseCrossLink/index.module.css +1 -68
- package/Common/BaseLinkTabs/index.module.css +1 -76
- package/Common/BasePagination/Ellipsis/index.module.css +1 -15
- package/Common/BasePagination/PaginationListItem/index.module.css +1 -41
- package/Common/BasePagination/index.module.css +1 -39
- package/Common/Blockquote/index.module.css +1 -49
- package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -4
- package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -51
- package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +1 -31
- package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -9
- package/Common/ChangeHistory/index.module.css +1 -197
- package/Common/CodeTabs/index.module.css +1 -66
- package/Common/DataTag/index.module.css +1 -53
- package/Common/GlowingBackdrop/index.module.css +1 -129
- package/Common/LanguageDropDown/index.module.css +1 -150
- package/Common/Modal/index.module.css +1 -233
- package/Common/NodejsLogo/index.module.css +1 -4
- package/Common/Notification/index.module.css +1 -103
- package/Common/Preview/index.module.css +1 -282
- package/Common/Select/NoScriptSelect/index.js +10 -0
- package/Common/Select/StatelessSelect/index.js +31 -0
- package/Common/Select/index.js +3 -6
- package/Common/Select/index.module.css +1 -327
- package/Common/Separator/index.module.css +1 -12
- package/Common/Skeleton/index.module.css +1 -126
- package/Common/Tabs/index.module.css +1 -71
- package/Common/ThemeToggle/index.module.css +1 -21
- package/Common/Tooltip/index.module.css +1 -132
- package/Containers/Article/index.module.css +1 -138
- package/Containers/Footer/index.js +2 -3
- package/Containers/Footer/index.module.css +1 -60
- package/Containers/MetaBar/index.module.css +1 -122
- package/Containers/NavBar/NavItem/index.module.css +1 -73
- package/Containers/NavBar/index.module.css +1 -204
- package/Containers/Sidebar/SidebarGroup/index.module.css +1 -191
- package/Containers/Sidebar/SidebarItem/index.js +1 -1
- package/Containers/Sidebar/SidebarItem/index.module.css +1 -66
- package/Containers/Sidebar/index.js +2 -2
- package/Containers/Sidebar/index.module.css +1 -47
- package/MDX/CodeTabs.js +22 -9
- package/Providers/NotificationProvider/index.module.css +1 -6
- package/package.json +9 -4
- package/styles/index.css +1 -1135
- package/util/array.js +2 -0
- package/Containers/DocSideBar/index.js +0 -1
|
@@ -1,130 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.glowingBackdrop {
|
|
3
|
-
position: absolute;
|
|
4
|
-
top: calc(var(--spacing, 0.25rem)*0);
|
|
5
|
-
left: calc(var(--spacing, 0.25rem)*0);
|
|
6
|
-
z-index: -10;
|
|
7
|
-
width: 100%;
|
|
8
|
-
height: 100%;
|
|
9
|
-
opacity: 50%;
|
|
10
|
-
&::after {
|
|
11
|
-
content: var(--tw-content);
|
|
12
|
-
position: absolute;
|
|
13
|
-
}
|
|
14
|
-
&::after {
|
|
15
|
-
content: var(--tw-content);
|
|
16
|
-
inset: calc(var(--spacing, 0.25rem)*0);
|
|
17
|
-
}
|
|
18
|
-
&::after {
|
|
19
|
-
content: var(--tw-content);
|
|
20
|
-
margin: auto;
|
|
21
|
-
}
|
|
22
|
-
&::after {
|
|
23
|
-
content: var(--tw-content);
|
|
24
|
-
aspect-ratio: 1 / 1;
|
|
25
|
-
}
|
|
26
|
-
&::after {
|
|
27
|
-
content: var(--tw-content);
|
|
28
|
-
width: 300px;
|
|
29
|
-
}
|
|
30
|
-
&::after {
|
|
31
|
-
content: var(--tw-content);
|
|
32
|
-
border-radius: calc(infinity*1px);
|
|
33
|
-
}
|
|
34
|
-
&::after {
|
|
35
|
-
content: var(--tw-content);
|
|
36
|
-
background-color: var(--color-green-300, #99cc7d);
|
|
37
|
-
}
|
|
38
|
-
&::after {
|
|
39
|
-
content: var(--tw-content);
|
|
40
|
-
--tw-blur: blur(120px);
|
|
41
|
-
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,);
|
|
42
|
-
}
|
|
43
|
-
&::after {
|
|
44
|
-
content: var(--tw-content);
|
|
45
|
-
--tw-content: '';
|
|
46
|
-
content: var(--tw-content);
|
|
47
|
-
}
|
|
48
|
-
@media (width >= 48rem) {
|
|
49
|
-
opacity: 100%;
|
|
50
|
-
}
|
|
51
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
52
|
-
&::after {
|
|
53
|
-
content: var(--tw-content);
|
|
54
|
-
background-color: var(--color-green-700, #2c682c);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
svg {
|
|
58
|
-
position: absolute;
|
|
59
|
-
inset: calc(var(--spacing, 0.25rem)*0);
|
|
60
|
-
margin: auto;
|
|
61
|
-
aspect-ratio: 1.67;
|
|
62
|
-
max-width: 1004px;
|
|
63
|
-
object-fit: cover;
|
|
64
|
-
color: var(--color-neutral-300, #d9e1e4);
|
|
65
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
66
|
-
color: color-mix(in srgb, #2c3437 75%, transparent);
|
|
67
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
68
|
-
color: color-mix(in oklab, var(--color-neutral-900, #2c3437) 75%, transparent);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
@property --tw-content {
|
|
74
|
-
syntax: "*";
|
|
75
|
-
initial-value: "";
|
|
76
|
-
inherits: false;
|
|
77
|
-
}
|
|
78
|
-
@property --tw-blur {
|
|
79
|
-
syntax: "*";
|
|
80
|
-
inherits: false;
|
|
81
|
-
}
|
|
82
|
-
@property --tw-brightness {
|
|
83
|
-
syntax: "*";
|
|
84
|
-
inherits: false;
|
|
85
|
-
}
|
|
86
|
-
@property --tw-contrast {
|
|
87
|
-
syntax: "*";
|
|
88
|
-
inherits: false;
|
|
89
|
-
}
|
|
90
|
-
@property --tw-grayscale {
|
|
91
|
-
syntax: "*";
|
|
92
|
-
inherits: false;
|
|
93
|
-
}
|
|
94
|
-
@property --tw-hue-rotate {
|
|
95
|
-
syntax: "*";
|
|
96
|
-
inherits: false;
|
|
97
|
-
}
|
|
98
|
-
@property --tw-invert {
|
|
99
|
-
syntax: "*";
|
|
100
|
-
inherits: false;
|
|
101
|
-
}
|
|
102
|
-
@property --tw-opacity {
|
|
103
|
-
syntax: "*";
|
|
104
|
-
inherits: false;
|
|
105
|
-
}
|
|
106
|
-
@property --tw-saturate {
|
|
107
|
-
syntax: "*";
|
|
108
|
-
inherits: false;
|
|
109
|
-
}
|
|
110
|
-
@property --tw-sepia {
|
|
111
|
-
syntax: "*";
|
|
112
|
-
inherits: false;
|
|
113
|
-
}
|
|
114
|
-
@property --tw-drop-shadow {
|
|
115
|
-
syntax: "*";
|
|
116
|
-
inherits: false;
|
|
117
|
-
}
|
|
118
|
-
@property --tw-drop-shadow-color {
|
|
119
|
-
syntax: "*";
|
|
120
|
-
inherits: false;
|
|
121
|
-
}
|
|
122
|
-
@property --tw-drop-shadow-alpha {
|
|
123
|
-
syntax: "<percentage>";
|
|
124
|
-
inherits: false;
|
|
125
|
-
initial-value: 100%;
|
|
126
|
-
}
|
|
127
|
-
@property --tw-drop-shadow-size {
|
|
128
|
-
syntax: "*";
|
|
129
|
-
inherits: false;
|
|
130
|
-
}
|
|
2
|
+
.glowingBackdrop{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:-10;opacity:.5;width:100%;height:100%;position:absolute}.glowingBackdrop:after{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);aspect-ratio:1;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-color:var(--color-green-300,#99cc7d);content:var(--tw-content);--tw-blur:blur(120px);width:300px;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,);content:var(--tw-content);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;margin:auto;position:absolute}@media (min-width:48rem){.glowingBackdrop{opacity:1}}.glowingBackdrop:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-green-700,#2c682c)}.glowingBackdrop svg{inset:calc(var(--spacing,.25rem)*0);aspect-ratio:1.67;object-fit:cover;max-width:1004px;color:var(--color-neutral-300,#d9e1e4);margin:auto;position:absolute}.glowingBackdrop svg:where([data-theme=dark],[data-theme=dark] *){color:#2c3437bf}@supports (color:color-mix(in lab, red, red)){.glowingBackdrop svg:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab,var(--color-neutral-900,#2c3437)75%,transparent)}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|
|
@@ -1,151 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.languageDropdown {
|
|
3
|
-
height: calc(var(--spacing, 0.25rem)*9);
|
|
4
|
-
width: calc(var(--spacing, 0.25rem)*9);
|
|
5
|
-
border-radius: var(--radius-md, 0.375rem);
|
|
6
|
-
padding: calc(var(--spacing, 0.25rem)*2);
|
|
7
|
-
color: var(--color-neutral-700, #6e7b83);
|
|
8
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
9
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
10
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
|
|
11
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
|
|
12
|
-
}
|
|
13
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
14
|
-
color: var(--color-neutral-300, #d9e1e4);
|
|
15
|
-
}
|
|
16
|
-
&:hover {
|
|
17
|
-
background-color: var(--color-neutral-100, #f6f7f9);
|
|
18
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
19
|
-
background-color: var(--color-neutral-900, #2c3437);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
.dropDownContent {
|
|
24
|
-
max-height: calc(var(--spacing, 0.25rem)*80);
|
|
25
|
-
width: calc(var(--spacing, 0.25rem)*48);
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
border-radius: var(--radius-sm, 0.25rem);
|
|
28
|
-
border-style: var(--tw-border-style);
|
|
29
|
-
border-width: 1px;
|
|
30
|
-
border-color: var(--color-neutral-200, #e9edf0);
|
|
31
|
-
background-color: var(--color-white, #fff);
|
|
32
|
-
--tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in srgb, #101828 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in srgb, #101828 8%, transparent));
|
|
33
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
34
|
-
--tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 8%, transparent));
|
|
35
|
-
}
|
|
36
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
37
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
38
|
-
border-color: var(--color-neutral-900, #2c3437);
|
|
39
|
-
}
|
|
40
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
41
|
-
background-color: var(--color-neutral-950, #0d121c);
|
|
42
|
-
}
|
|
43
|
-
> div {
|
|
44
|
-
max-height: calc(var(--spacing, 0.25rem)*80);
|
|
45
|
-
width: calc(var(--spacing, 0.25rem)*48);
|
|
46
|
-
overflow-y: auto;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
.dropDownItem {
|
|
50
|
-
cursor: pointer;
|
|
51
|
-
padding-inline: calc(var(--spacing, 0.25rem)*2.5);
|
|
52
|
-
padding-block: calc(var(--spacing, 0.25rem)*1.5);
|
|
53
|
-
font-size: var(--text-sm, 0.875rem);
|
|
54
|
-
line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
|
|
55
|
-
--tw-font-weight: var(--font-weight-medium, 500);
|
|
56
|
-
font-weight: var(--font-weight-medium, 500);
|
|
57
|
-
color: var(--color-neutral-800, #556066);
|
|
58
|
-
--tw-outline-style: none;
|
|
59
|
-
outline-style: none;
|
|
60
|
-
@media (forced-colors: active) {
|
|
61
|
-
outline: 2px solid transparent;
|
|
62
|
-
outline-offset: 2px;
|
|
63
|
-
}
|
|
64
|
-
&[data-highlighted] {
|
|
65
|
-
background-color: var(--color-green-600, #417e38);
|
|
66
|
-
}
|
|
67
|
-
&[data-highlighted] {
|
|
68
|
-
color: var(--color-white, #fff);
|
|
69
|
-
}
|
|
70
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
71
|
-
color: var(--color-white, #fff);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
.currentDropDown {
|
|
75
|
-
background-color: var(--color-green-600, #417e38);
|
|
76
|
-
color: var(--color-white, #fff);
|
|
77
|
-
}
|
|
78
|
-
@property --tw-border-style {
|
|
79
|
-
syntax: "*";
|
|
80
|
-
inherits: false;
|
|
81
|
-
initial-value: solid;
|
|
82
|
-
}
|
|
83
|
-
@property --tw-shadow {
|
|
84
|
-
syntax: "*";
|
|
85
|
-
inherits: false;
|
|
86
|
-
initial-value: 0 0 #0000;
|
|
87
|
-
}
|
|
88
|
-
@property --tw-shadow-color {
|
|
89
|
-
syntax: "*";
|
|
90
|
-
inherits: false;
|
|
91
|
-
}
|
|
92
|
-
@property --tw-shadow-alpha {
|
|
93
|
-
syntax: "<percentage>";
|
|
94
|
-
inherits: false;
|
|
95
|
-
initial-value: 100%;
|
|
96
|
-
}
|
|
97
|
-
@property --tw-inset-shadow {
|
|
98
|
-
syntax: "*";
|
|
99
|
-
inherits: false;
|
|
100
|
-
initial-value: 0 0 #0000;
|
|
101
|
-
}
|
|
102
|
-
@property --tw-inset-shadow-color {
|
|
103
|
-
syntax: "*";
|
|
104
|
-
inherits: false;
|
|
105
|
-
}
|
|
106
|
-
@property --tw-inset-shadow-alpha {
|
|
107
|
-
syntax: "<percentage>";
|
|
108
|
-
inherits: false;
|
|
109
|
-
initial-value: 100%;
|
|
110
|
-
}
|
|
111
|
-
@property --tw-ring-color {
|
|
112
|
-
syntax: "*";
|
|
113
|
-
inherits: false;
|
|
114
|
-
}
|
|
115
|
-
@property --tw-ring-shadow {
|
|
116
|
-
syntax: "*";
|
|
117
|
-
inherits: false;
|
|
118
|
-
initial-value: 0 0 #0000;
|
|
119
|
-
}
|
|
120
|
-
@property --tw-inset-ring-color {
|
|
121
|
-
syntax: "*";
|
|
122
|
-
inherits: false;
|
|
123
|
-
}
|
|
124
|
-
@property --tw-inset-ring-shadow {
|
|
125
|
-
syntax: "*";
|
|
126
|
-
inherits: false;
|
|
127
|
-
initial-value: 0 0 #0000;
|
|
128
|
-
}
|
|
129
|
-
@property --tw-ring-inset {
|
|
130
|
-
syntax: "*";
|
|
131
|
-
inherits: false;
|
|
132
|
-
}
|
|
133
|
-
@property --tw-ring-offset-width {
|
|
134
|
-
syntax: "<length>";
|
|
135
|
-
inherits: false;
|
|
136
|
-
initial-value: 0px;
|
|
137
|
-
}
|
|
138
|
-
@property --tw-ring-offset-color {
|
|
139
|
-
syntax: "*";
|
|
140
|
-
inherits: false;
|
|
141
|
-
initial-value: #fff;
|
|
142
|
-
}
|
|
143
|
-
@property --tw-ring-offset-shadow {
|
|
144
|
-
syntax: "*";
|
|
145
|
-
inherits: false;
|
|
146
|
-
initial-value: 0 0 #0000;
|
|
147
|
-
}
|
|
148
|
-
@property --tw-font-weight {
|
|
149
|
-
syntax: "*";
|
|
150
|
-
inherits: false;
|
|
151
|
-
}
|
|
2
|
+
.languageDropdown{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-700,#6e7b83)}@media (prefers-reduced-motion:no-preference){.languageDropdown{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.languageDropdown:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.languageDropdown:hover{background-color:var(--color-neutral-100,#f6f7f9)}.languageDropdown:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropDownContent{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*48);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropDownContent{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.dropDownContent{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropDownContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropDownContent>div{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*48);overflow-y:auto}.dropDownItem{cursor:pointer;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropDownItem{outline-offset:2px;outline:2px solid #0000}}.dropDownItem[data-highlighted]{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropDownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.currentDropDown{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,234 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.overlay {
|
|
3
|
-
position: fixed;
|
|
4
|
-
inset: calc(var(--spacing, 0.25rem)*0);
|
|
5
|
-
display: flex;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
background-color: color-mix(in srgb, #fff 40%, transparent);
|
|
8
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
9
|
-
background-color: color-mix(in oklab, var(--color-white, #fff) 40%, transparent);
|
|
10
|
-
}
|
|
11
|
-
--tw-backdrop-blur: blur(2px);
|
|
12
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
13
|
-
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
14
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
15
|
-
background-color: color-mix(in srgb, #0d121c 40%, transparent);
|
|
16
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
17
|
-
background-color: color-mix(in oklab, var(--color-neutral-950, #0d121c) 40%, transparent);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
.content {
|
|
21
|
-
position: relative;
|
|
22
|
-
margin: calc(var(--spacing, 0.25rem)*4);
|
|
23
|
-
display: inline-flex;
|
|
24
|
-
width: 100%;
|
|
25
|
-
max-width: var(--container-3xl, 48rem);
|
|
26
|
-
flex-direction: column;
|
|
27
|
-
gap: calc(var(--spacing, 0.25rem)*2);
|
|
28
|
-
overflow-y: auto;
|
|
29
|
-
border-radius: 0.25rem;
|
|
30
|
-
border-style: var(--tw-border-style);
|
|
31
|
-
border-width: 1px;
|
|
32
|
-
border-color: var(--color-neutral-200, #e9edf0);
|
|
33
|
-
background-color: var(--color-white, #fff);
|
|
34
|
-
padding: calc(var(--spacing, 0.25rem)*8);
|
|
35
|
-
&:focus {
|
|
36
|
-
--tw-outline-style: none;
|
|
37
|
-
outline-style: none;
|
|
38
|
-
}
|
|
39
|
-
@media (width >= 670px) {
|
|
40
|
-
padding: calc(var(--spacing, 0.25rem)*6);
|
|
41
|
-
}
|
|
42
|
-
@media (width >= 40rem) {
|
|
43
|
-
margin-block: calc(var(--spacing, 0.25rem)*20);
|
|
44
|
-
}
|
|
45
|
-
@media (width >= 80rem) {
|
|
46
|
-
padding: calc(var(--spacing, 0.25rem)*12);
|
|
47
|
-
}
|
|
48
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
49
|
-
background-color: var(--color-neutral-950, #0d121c);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
.close {
|
|
53
|
-
position: absolute;
|
|
54
|
-
top: calc(var(--spacing, 0.25rem)*3);
|
|
55
|
-
right: calc(var(--spacing, 0.25rem)*3);
|
|
56
|
-
display: block;
|
|
57
|
-
width: calc(var(--spacing, 0.25rem)*7);
|
|
58
|
-
height: calc(var(--spacing, 0.25rem)*7);
|
|
59
|
-
cursor: pointer;
|
|
60
|
-
border-radius: var(--radius-sm, 0.25rem);
|
|
61
|
-
padding: calc(var(--spacing, 0.25rem)*1);
|
|
62
|
-
&:hover {
|
|
63
|
-
@media (hover: hover) {
|
|
64
|
-
background-color: var(--color-neutral-100, #f6f7f9);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
&:focus {
|
|
68
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
69
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
70
|
-
}
|
|
71
|
-
&:focus {
|
|
72
|
-
--tw-ring-color: var(--color-neutral-200, #e9edf0);
|
|
73
|
-
}
|
|
74
|
-
&:focus {
|
|
75
|
-
--tw-outline-style: none;
|
|
76
|
-
outline-style: none;
|
|
77
|
-
}
|
|
78
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
79
|
-
&:hover {
|
|
80
|
-
@media (hover: hover) {
|
|
81
|
-
background-color: var(--color-neutral-900, #2c3437);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
86
|
-
&:focus {
|
|
87
|
-
--tw-ring-color: var(--color-neutral-900, #2c3437);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
.title {
|
|
92
|
-
font-size: var(--text-3xl, 1.875rem);
|
|
93
|
-
line-height: var(--tw-leading, var(--text-3xl--line-height, 1.2));
|
|
94
|
-
--tw-font-weight: var(--font-weight-semibold, 600);
|
|
95
|
-
font-weight: var(--font-weight-semibold, 600);
|
|
96
|
-
color: var(--color-neutral-900, #2c3437);
|
|
97
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
98
|
-
color: var(--color-white, #fff);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
.description {
|
|
102
|
-
margin-bottom: calc(var(--spacing, 0.25rem)*2);
|
|
103
|
-
font-size: var(--text-lg, 1.125rem);
|
|
104
|
-
line-height: var(--tw-leading, var(--text-lg--line-height, 1.55556));
|
|
105
|
-
--tw-font-weight: var(--font-weight-regular, 400);
|
|
106
|
-
font-weight: var(--font-weight-regular, 400);
|
|
107
|
-
color: var(--color-neutral-800, #556066);
|
|
108
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
109
|
-
color: var(--color-neutral-200, #e9edf0);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
.wrapper {
|
|
113
|
-
display: flex;
|
|
114
|
-
flex-direction: column;
|
|
115
|
-
gap: calc(var(--spacing, 0.25rem)*4);
|
|
116
|
-
pre {
|
|
117
|
-
overflow: auto;
|
|
118
|
-
}
|
|
119
|
-
code,
|
|
120
|
-
a {
|
|
121
|
-
overflow-wrap: break-word;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
@property --tw-backdrop-blur {
|
|
126
|
-
syntax: "*";
|
|
127
|
-
inherits: false;
|
|
128
|
-
}
|
|
129
|
-
@property --tw-backdrop-brightness {
|
|
130
|
-
syntax: "*";
|
|
131
|
-
inherits: false;
|
|
132
|
-
}
|
|
133
|
-
@property --tw-backdrop-contrast {
|
|
134
|
-
syntax: "*";
|
|
135
|
-
inherits: false;
|
|
136
|
-
}
|
|
137
|
-
@property --tw-backdrop-grayscale {
|
|
138
|
-
syntax: "*";
|
|
139
|
-
inherits: false;
|
|
140
|
-
}
|
|
141
|
-
@property --tw-backdrop-hue-rotate {
|
|
142
|
-
syntax: "*";
|
|
143
|
-
inherits: false;
|
|
144
|
-
}
|
|
145
|
-
@property --tw-backdrop-invert {
|
|
146
|
-
syntax: "*";
|
|
147
|
-
inherits: false;
|
|
148
|
-
}
|
|
149
|
-
@property --tw-backdrop-opacity {
|
|
150
|
-
syntax: "*";
|
|
151
|
-
inherits: false;
|
|
152
|
-
}
|
|
153
|
-
@property --tw-backdrop-saturate {
|
|
154
|
-
syntax: "*";
|
|
155
|
-
inherits: false;
|
|
156
|
-
}
|
|
157
|
-
@property --tw-backdrop-sepia {
|
|
158
|
-
syntax: "*";
|
|
159
|
-
inherits: false;
|
|
160
|
-
}
|
|
161
|
-
@property --tw-border-style {
|
|
162
|
-
syntax: "*";
|
|
163
|
-
inherits: false;
|
|
164
|
-
initial-value: solid;
|
|
165
|
-
}
|
|
166
|
-
@property --tw-shadow {
|
|
167
|
-
syntax: "*";
|
|
168
|
-
inherits: false;
|
|
169
|
-
initial-value: 0 0 #0000;
|
|
170
|
-
}
|
|
171
|
-
@property --tw-shadow-color {
|
|
172
|
-
syntax: "*";
|
|
173
|
-
inherits: false;
|
|
174
|
-
}
|
|
175
|
-
@property --tw-shadow-alpha {
|
|
176
|
-
syntax: "<percentage>";
|
|
177
|
-
inherits: false;
|
|
178
|
-
initial-value: 100%;
|
|
179
|
-
}
|
|
180
|
-
@property --tw-inset-shadow {
|
|
181
|
-
syntax: "*";
|
|
182
|
-
inherits: false;
|
|
183
|
-
initial-value: 0 0 #0000;
|
|
184
|
-
}
|
|
185
|
-
@property --tw-inset-shadow-color {
|
|
186
|
-
syntax: "*";
|
|
187
|
-
inherits: false;
|
|
188
|
-
}
|
|
189
|
-
@property --tw-inset-shadow-alpha {
|
|
190
|
-
syntax: "<percentage>";
|
|
191
|
-
inherits: false;
|
|
192
|
-
initial-value: 100%;
|
|
193
|
-
}
|
|
194
|
-
@property --tw-ring-color {
|
|
195
|
-
syntax: "*";
|
|
196
|
-
inherits: false;
|
|
197
|
-
}
|
|
198
|
-
@property --tw-ring-shadow {
|
|
199
|
-
syntax: "*";
|
|
200
|
-
inherits: false;
|
|
201
|
-
initial-value: 0 0 #0000;
|
|
202
|
-
}
|
|
203
|
-
@property --tw-inset-ring-color {
|
|
204
|
-
syntax: "*";
|
|
205
|
-
inherits: false;
|
|
206
|
-
}
|
|
207
|
-
@property --tw-inset-ring-shadow {
|
|
208
|
-
syntax: "*";
|
|
209
|
-
inherits: false;
|
|
210
|
-
initial-value: 0 0 #0000;
|
|
211
|
-
}
|
|
212
|
-
@property --tw-ring-inset {
|
|
213
|
-
syntax: "*";
|
|
214
|
-
inherits: false;
|
|
215
|
-
}
|
|
216
|
-
@property --tw-ring-offset-width {
|
|
217
|
-
syntax: "<length>";
|
|
218
|
-
inherits: false;
|
|
219
|
-
initial-value: 0px;
|
|
220
|
-
}
|
|
221
|
-
@property --tw-ring-offset-color {
|
|
222
|
-
syntax: "*";
|
|
223
|
-
inherits: false;
|
|
224
|
-
initial-value: #fff;
|
|
225
|
-
}
|
|
226
|
-
@property --tw-ring-offset-shadow {
|
|
227
|
-
syntax: "*";
|
|
228
|
-
inherits: false;
|
|
229
|
-
initial-value: 0 0 #0000;
|
|
230
|
-
}
|
|
231
|
-
@property --tw-font-weight {
|
|
232
|
-
syntax: "*";
|
|
233
|
-
inherits: false;
|
|
234
|
-
}
|
|
2
|
+
.overlay{inset:calc(var(--spacing,.25rem)*0);background-color:#fff6;justify-content:center;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.overlay{background-color:color-mix(in oklab,var(--color-white,#fff)40%,transparent)}}.overlay{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.overlay:where([data-theme=dark],[data-theme=dark] *){background-color:#0d121c66}@supports (color:color-mix(in lab, red, red)){.overlay:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-neutral-950,#0d121c)40%,transparent)}}.overlay .content{margin:calc(var(--spacing,.25rem)*4);width:100%;max-width:var(--container-3xl,48rem);gap:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*8);border-radius:.25rem;flex-direction:column;display:inline-flex;position:relative;overflow-y:auto}.overlay .content:focus{--tw-outline-style:none;outline-style:none}@media (min-width:670px){.overlay .content{padding:calc(var(--spacing,.25rem)*6)}}@media (min-width:40rem){.overlay .content{margin-block:calc(var(--spacing,.25rem)*20)}}@media (min-width:80rem){.overlay .content{padding:calc(var(--spacing,.25rem)*12)}}.overlay .content:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}.overlay .close{top:calc(var(--spacing,.25rem)*3);right:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*7);height:calc(var(--spacing,.25rem)*7);cursor:pointer;border-radius:var(--radius-sm,.25rem);padding:calc(var(--spacing,.25rem)*1);display:block;position:absolute}@media (hover:hover){.overlay .close:hover{background-color:var(--color-neutral-100,#f6f7f9)}}.overlay .close:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-neutral-200,#e9edf0);--tw-outline-style:none;outline-style:none}@media (hover:hover){.overlay .close:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.overlay .close:where([data-theme=dark],[data-theme=dark] *):focus{--tw-ring-color:var(--color-neutral-900,#2c3437)}.overlay .title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437)}.overlay .title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.overlay .description{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-800,#556066)}.overlay .description:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.overlay .wrapper{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.overlay .wrapper pre{overflow:auto}.overlay .wrapper code,.overlay .wrapper a{overflow-wrap:break-word}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,104 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.root {
|
|
3
|
-
margin: calc(var(--spacing, 0.25rem)*6);
|
|
4
|
-
border-radius: var(--radius-sm, 0.25rem);
|
|
5
|
-
border-style: var(--tw-border-style);
|
|
6
|
-
border-width: 1px;
|
|
7
|
-
border-color: var(--color-neutral-200, #e9edf0);
|
|
8
|
-
background-color: var(--color-white, #fff);
|
|
9
|
-
padding-inline: calc(var(--spacing, 0.25rem)*4);
|
|
10
|
-
padding-block: calc(var(--spacing, 0.25rem)*3);
|
|
11
|
-
--tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in srgb, #101828 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in srgb, #101828 8%, transparent));
|
|
12
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
13
|
-
--tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 8%, transparent));
|
|
14
|
-
}
|
|
15
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
16
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
17
|
-
border-color: var(--color-neutral-800, #556066);
|
|
18
|
-
}
|
|
19
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
20
|
-
background-color: var(--color-neutral-900, #2c3437);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
.message {
|
|
24
|
-
--tw-font-weight: var(--font-weight-medium, 500);
|
|
25
|
-
font-weight: var(--font-weight-medium, 500);
|
|
26
|
-
color: var(--color-green-600, #417e38);
|
|
27
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
28
|
-
color: var(--color-white, #fff);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
@property --tw-border-style {
|
|
32
|
-
syntax: "*";
|
|
33
|
-
inherits: false;
|
|
34
|
-
initial-value: solid;
|
|
35
|
-
}
|
|
36
|
-
@property --tw-shadow {
|
|
37
|
-
syntax: "*";
|
|
38
|
-
inherits: false;
|
|
39
|
-
initial-value: 0 0 #0000;
|
|
40
|
-
}
|
|
41
|
-
@property --tw-shadow-color {
|
|
42
|
-
syntax: "*";
|
|
43
|
-
inherits: false;
|
|
44
|
-
}
|
|
45
|
-
@property --tw-shadow-alpha {
|
|
46
|
-
syntax: "<percentage>";
|
|
47
|
-
inherits: false;
|
|
48
|
-
initial-value: 100%;
|
|
49
|
-
}
|
|
50
|
-
@property --tw-inset-shadow {
|
|
51
|
-
syntax: "*";
|
|
52
|
-
inherits: false;
|
|
53
|
-
initial-value: 0 0 #0000;
|
|
54
|
-
}
|
|
55
|
-
@property --tw-inset-shadow-color {
|
|
56
|
-
syntax: "*";
|
|
57
|
-
inherits: false;
|
|
58
|
-
}
|
|
59
|
-
@property --tw-inset-shadow-alpha {
|
|
60
|
-
syntax: "<percentage>";
|
|
61
|
-
inherits: false;
|
|
62
|
-
initial-value: 100%;
|
|
63
|
-
}
|
|
64
|
-
@property --tw-ring-color {
|
|
65
|
-
syntax: "*";
|
|
66
|
-
inherits: false;
|
|
67
|
-
}
|
|
68
|
-
@property --tw-ring-shadow {
|
|
69
|
-
syntax: "*";
|
|
70
|
-
inherits: false;
|
|
71
|
-
initial-value: 0 0 #0000;
|
|
72
|
-
}
|
|
73
|
-
@property --tw-inset-ring-color {
|
|
74
|
-
syntax: "*";
|
|
75
|
-
inherits: false;
|
|
76
|
-
}
|
|
77
|
-
@property --tw-inset-ring-shadow {
|
|
78
|
-
syntax: "*";
|
|
79
|
-
inherits: false;
|
|
80
|
-
initial-value: 0 0 #0000;
|
|
81
|
-
}
|
|
82
|
-
@property --tw-ring-inset {
|
|
83
|
-
syntax: "*";
|
|
84
|
-
inherits: false;
|
|
85
|
-
}
|
|
86
|
-
@property --tw-ring-offset-width {
|
|
87
|
-
syntax: "<length>";
|
|
88
|
-
inherits: false;
|
|
89
|
-
initial-value: 0px;
|
|
90
|
-
}
|
|
91
|
-
@property --tw-ring-offset-color {
|
|
92
|
-
syntax: "*";
|
|
93
|
-
inherits: false;
|
|
94
|
-
initial-value: #fff;
|
|
95
|
-
}
|
|
96
|
-
@property --tw-ring-offset-shadow {
|
|
97
|
-
syntax: "*";
|
|
98
|
-
inherits: false;
|
|
99
|
-
initial-value: 0 0 #0000;
|
|
100
|
-
}
|
|
101
|
-
@property --tw-font-weight {
|
|
102
|
-
syntax: "*";
|
|
103
|
-
inherits: false;
|
|
104
|
-
}
|
|
2
|
+
.root{margin:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814)}@supports (color:color-mix(in lab, red, red)){.root{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.root{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.root:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-900,#2c3437)}.message{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-green-600,#417e38)}.message:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|