@aortl/admin-css 0.13.1 → 0.14.0

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.
@@ -4,7 +4,7 @@
4
4
  font-family: "IBM Plex Sans";
5
5
  font-style: normal;
6
6
  font-weight: 400 600;
7
- font-display: optional;
7
+ font-display: swap;
8
8
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format("woff2");
9
9
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
10
10
  }
@@ -12,7 +12,7 @@
12
12
  font-family: "IBM Plex Sans";
13
13
  font-style: normal;
14
14
  font-weight: 400 600;
15
- font-display: optional;
15
+ font-display: swap;
16
16
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format("woff2");
17
17
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18
18
  }
@@ -20,7 +20,7 @@
20
20
  font-family: "IBM Plex Mono";
21
21
  font-style: normal;
22
22
  font-weight: 400;
23
- font-display: optional;
23
+ font-display: swap;
24
24
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format("woff2");
25
25
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
26
26
  }
@@ -28,7 +28,7 @@
28
28
  font-family: "IBM Plex Mono";
29
29
  font-style: normal;
30
30
  font-weight: 400;
31
- font-display: optional;
31
+ font-display: swap;
32
32
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format("woff2");
33
33
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
34
34
  }
@@ -36,7 +36,7 @@
36
36
  font-family: "IBM Plex Mono";
37
37
  font-style: normal;
38
38
  font-weight: 500;
39
- font-display: optional;
39
+ font-display: swap;
40
40
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format("woff2");
41
41
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
42
42
  }
@@ -44,10 +44,25 @@
44
44
  font-family: "IBM Plex Mono";
45
45
  font-style: normal;
46
46
  font-weight: 500;
47
- font-display: optional;
47
+ font-display: swap;
48
48
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format("woff2");
49
49
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
50
50
  }
51
+ @font-face {
52
+ font-family: "IBM Plex Sans Fallback";
53
+ src: local("Arial"), local("ArialMT");
54
+ ascent-override: 101.3184%;
55
+ descent-override: 27.183%;
56
+ line-gap-override: 0%;
57
+ size-adjust: 101.1663%;
58
+ }
59
+ @font-face {
60
+ font-family: "IBM Plex Mono Fallback";
61
+ src: local("Courier New"), local("CourierNewPSMT");
62
+ ascent-override: 102.5167%;
63
+ descent-override: 27.5045%;
64
+ size-adjust: 99.9837%;
65
+ }
51
66
  @property --tw-rotate-x {
52
67
  syntax: "*";
53
68
  inherits: false;
@@ -88,28 +103,6 @@
88
103
  syntax: "*";
89
104
  inherits: false;
90
105
  }
91
- @property --tw-leading {
92
- syntax: "*";
93
- inherits: false;
94
- }
95
- @property --tw-font-weight {
96
- syntax: "*";
97
- inherits: false;
98
- }
99
- @property --tw-border-style {
100
- syntax: "*";
101
- inherits: false;
102
- initial-value: solid;
103
- }
104
- @property --tw-outline-style {
105
- syntax: "*";
106
- inherits: false;
107
- initial-value: solid;
108
- }
109
- @property --tw-duration {
110
- syntax: "*";
111
- inherits: false;
112
- }
113
106
  @property --tw-shadow {
114
107
  syntax: "*";
115
108
  inherits: false;
@@ -175,6 +168,28 @@
175
168
  inherits: false;
176
169
  initial-value: 0 0 #0000;
177
170
  }
171
+ @property --tw-leading {
172
+ syntax: "*";
173
+ inherits: false;
174
+ }
175
+ @property --tw-font-weight {
176
+ syntax: "*";
177
+ inherits: false;
178
+ }
179
+ @property --tw-border-style {
180
+ syntax: "*";
181
+ inherits: false;
182
+ initial-value: solid;
183
+ }
184
+ @property --tw-outline-style {
185
+ syntax: "*";
186
+ inherits: false;
187
+ initial-value: solid;
188
+ }
189
+ @property --tw-duration {
190
+ syntax: "*";
191
+ inherits: false;
192
+ }
178
193
  @property --tw-translate-x {
179
194
  syntax: "*";
180
195
  inherits: false;
@@ -234,11 +249,6 @@
234
249
  --tw-numeric-figure: initial;
235
250
  --tw-numeric-spacing: initial;
236
251
  --tw-numeric-fraction: initial;
237
- --tw-leading: initial;
238
- --tw-font-weight: initial;
239
- --tw-border-style: solid;
240
- --tw-outline-style: solid;
241
- --tw-duration: initial;
242
252
  --tw-shadow: 0 0 #0000;
243
253
  --tw-shadow-color: initial;
244
254
  --tw-shadow-alpha: 100%;
@@ -253,6 +263,11 @@
253
263
  --tw-ring-offset-width: 0px;
254
264
  --tw-ring-offset-color: #fff;
255
265
  --tw-ring-offset-shadow: 0 0 #0000;
266
+ --tw-leading: initial;
267
+ --tw-font-weight: initial;
268
+ --tw-border-style: solid;
269
+ --tw-outline-style: solid;
270
+ --tw-duration: initial;
256
271
  --tw-translate-x: 0;
257
272
  --tw-translate-y: 0;
258
273
  --tw-translate-z: 0;
@@ -260,9 +275,10 @@
260
275
  }
261
276
  }
262
277
  :scope, :scope:host, :scope :host {
263
- --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
264
- --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
265
- monospace;
278
+ --font-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
279
+ Roboto, sans-serif;
280
+ --font-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
281
+ Consolas, "Liberation Mono", monospace;
266
282
  --spacing: 0.25rem;
267
283
  --container-xs: 20rem;
268
284
  --text-xs: 0.75rem;
@@ -755,10 +771,11 @@
755
771
  font-size: var(--text-sm);
756
772
  line-height: var(--tw-leading, var(--text-sm--line-height));
757
773
  color: var(--color-text);
774
+ overflow-wrap: break-word;
758
775
  }
759
776
  :scope._ao-alert:has(> :is(i, svg):first-child), :scope ._ao-alert:has(> :is(i, svg):first-child) {
760
777
  display: grid;
761
- grid-template-columns: auto 1fr;
778
+ grid-template-columns: auto minmax(0, 1fr);
762
779
  column-gap: 0.5rem;
763
780
  row-gap: 0.25rem;
764
781
  align-items: center;
@@ -776,6 +793,7 @@
776
793
  }
777
794
  :scope._ao-alert > :is(._ao-alert-title, ._ao-alert-description), :scope ._ao-alert > :is(._ao-alert-title, ._ao-alert-description) {
778
795
  grid-column: 2;
796
+ min-width: 0;
779
797
  }
780
798
  :scope._ao-alert-info, :scope ._ao-alert-info {
781
799
  border-color: var(--color-info-muted);
@@ -1362,6 +1380,10 @@
1362
1380
  :scope._ao-property-list-value, :scope ._ao-property-list-value {
1363
1381
  gap: 0.5rem;
1364
1382
  min-width: 0;
1383
+ overflow-wrap: break-word;
1384
+ }
1385
+ :scope._ao-property-list-compact ._ao-property-list-title, :scope ._ao-property-list-compact ._ao-property-list-title {
1386
+ margin-bottom: calc(var(--spacing) * 1);
1365
1387
  }
1366
1388
  :scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value {
1367
1389
  padding: 0.125rem 0.5rem;
@@ -4015,6 +4037,218 @@
4015
4037
  white-space: pre;
4016
4038
  word-wrap: normal;
4017
4039
  }
4040
+ :scope._ao-chart, :scope ._ao-chart {
4041
+ --chart-max: 100;
4042
+ --chart-height: 8rem;
4043
+ --chart-size: 8rem;
4044
+ --chart-gap: 0.25rem;
4045
+ color: var(--color-primary);
4046
+ }
4047
+ :scope._ao-chart-success, :scope ._ao-chart-success {
4048
+ color: var(--color-success);
4049
+ }
4050
+ :scope._ao-chart-warning, :scope ._ao-chart-warning {
4051
+ color: var(--color-warning);
4052
+ }
4053
+ :scope._ao-chart-danger, :scope ._ao-chart-danger {
4054
+ color: var(--color-danger);
4055
+ }
4056
+ :scope._ao-chart-info, :scope ._ao-chart-info {
4057
+ color: var(--color-info);
4058
+ }
4059
+ :scope._ao-chart-bars, :scope ._ao-chart-bars {
4060
+ display: grid;
4061
+ grid-template-columns: auto 1fr auto;
4062
+ row-gap: var(--chart-gap);
4063
+ align-items: center;
4064
+ inline-size: 100%;
4065
+ }
4066
+ :scope._ao-chart-bar, :scope ._ao-chart-bar {
4067
+ display: grid;
4068
+ grid-template-columns: subgrid;
4069
+ grid-column: 1 / -1;
4070
+ align-items: center;
4071
+ }
4072
+ :scope._ao-chart-bar-label, :scope ._ao-chart-bar-label {
4073
+ font-size: var(--text-xs);
4074
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4075
+ color: var(--color-text-muted);
4076
+ grid-column: 1;
4077
+ text-align: end;
4078
+ padding-inline-end: 0.5rem;
4079
+ white-space: nowrap;
4080
+ }
4081
+ :scope._ao-chart-bar-track, :scope ._ao-chart-bar-track {
4082
+ grid-column: 2;
4083
+ min-inline-size: 0;
4084
+ }
4085
+ :scope._ao-chart-bar-fill, :scope ._ao-chart-bar-fill {
4086
+ block-size: 0.75rem;
4087
+ inline-size: calc(var(--value) / var(--chart-max) * 100%);
4088
+ background: var(--bar-color, currentColor);
4089
+ border-radius: 2px;
4090
+ transition: inline-size 200ms ease, block-size 200ms ease;
4091
+ }
4092
+ :scope._ao-chart-bar-value, :scope ._ao-chart-bar-value {
4093
+ font-size: var(--text-xs);
4094
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4095
+ color: var(--color-text-muted);
4096
+ --tw-numeric-spacing: tabular-nums;
4097
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
4098
+ grid-column: 3;
4099
+ text-align: end;
4100
+ padding-inline-start: 0.5rem;
4101
+ white-space: nowrap;
4102
+ }
4103
+ :scope._ao-chart:not(._ao-chart-values) ._ao-chart-bar-value, :scope ._ao-chart:not(._ao-chart-values) ._ao-chart-bar-value {
4104
+ display: none;
4105
+ }
4106
+ :scope._ao-chart-bars-vertical, :scope ._ao-chart-bars-vertical {
4107
+ display: flex;
4108
+ flex-direction: row;
4109
+ align-items: stretch;
4110
+ gap: var(--chart-gap);
4111
+ block-size: var(--chart-height);
4112
+ inline-size: 100%;
4113
+ }
4114
+ :scope._ao-chart-bars-vertical ._ao-chart-bar, :scope ._ao-chart-bars-vertical ._ao-chart-bar {
4115
+ display: flex;
4116
+ flex-direction: column;
4117
+ flex: 1 1 0;
4118
+ min-inline-size: 0;
4119
+ align-items: stretch;
4120
+ gap: 0.25rem;
4121
+ }
4122
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-value, :scope ._ao-chart-bars-vertical ._ao-chart-bar-value {
4123
+ order: 0;
4124
+ grid-column: auto;
4125
+ text-align: center;
4126
+ padding: 0;
4127
+ }
4128
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-track, :scope ._ao-chart-bars-vertical ._ao-chart-bar-track {
4129
+ order: 1;
4130
+ flex: 1 1 auto;
4131
+ min-block-size: 0;
4132
+ display: flex;
4133
+ flex-direction: column;
4134
+ justify-content: end;
4135
+ }
4136
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-fill, :scope ._ao-chart-bars-vertical ._ao-chart-bar-fill {
4137
+ inline-size: 100%;
4138
+ block-size: calc(var(--value) / var(--chart-max) * 100%);
4139
+ }
4140
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-label, :scope ._ao-chart-bars-vertical ._ao-chart-bar-label {
4141
+ order: 2;
4142
+ text-align: center;
4143
+ padding: 0;
4144
+ }
4145
+ :scope._ao-chart-stack, :scope ._ao-chart-stack {
4146
+ display: flex;
4147
+ flex-direction: row;
4148
+ inline-size: 100%;
4149
+ block-size: 0.75rem;
4150
+ border-radius: 9999px;
4151
+ overflow: hidden;
4152
+ background: var(--color-surface-strong);
4153
+ }
4154
+ :scope._ao-chart-segment, :scope ._ao-chart-segment {
4155
+ flex: var(--value) 1 0;
4156
+ min-inline-size: 0;
4157
+ background: var(--segment-color, currentColor);
4158
+ transition: flex-grow 200ms ease;
4159
+ }
4160
+ :scope._ao-chart-segment + ._ao-chart-segment, :scope ._ao-chart-segment + ._ao-chart-segment {
4161
+ box-shadow: -1px 0 0 0 var(--color-surface);
4162
+ }
4163
+ :scope._ao-chart-donut-figure, :scope ._ao-chart-donut-figure {
4164
+ position: relative;
4165
+ inline-size: var(--chart-size);
4166
+ aspect-ratio: 1;
4167
+ display: inline-grid;
4168
+ place-items: center;
4169
+ }
4170
+ :scope._ao-chart-donut, :scope ._ao-chart-donut {
4171
+ --donut-thickness: 33%;
4172
+ inline-size: var(--chart-size);
4173
+ aspect-ratio: 1;
4174
+ border-radius: 50%;
4175
+ background: conic-gradient(var(--donut-segments, currentColor 0 100%));
4176
+ -webkit-mask: radial-gradient( circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)) );
4177
+ mask: radial-gradient( circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)) );
4178
+ }
4179
+ :scope._ao-chart-donut-figure > ._ao-chart-donut, :scope ._ao-chart-donut-figure > ._ao-chart-donut {
4180
+ grid-area: 1 / 1;
4181
+ inline-size: 100%;
4182
+ }
4183
+ :scope._ao-chart-donut-pie, :scope ._ao-chart-donut-pie {
4184
+ --donut-thickness: 50%;
4185
+ }
4186
+ :scope._ao-chart-donut-center, :scope ._ao-chart-donut-center {
4187
+ text-align: center;
4188
+ font-size: var(--text-sm);
4189
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4190
+ --tw-leading: var(--leading-tight);
4191
+ line-height: var(--leading-tight);
4192
+ --tw-font-weight: var(--font-weight-semibold);
4193
+ font-weight: var(--font-weight-semibold);
4194
+ --tw-numeric-spacing: tabular-nums;
4195
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
4196
+ grid-area: 1 / 1;
4197
+ z-index: 1;
4198
+ pointer-events: none;
4199
+ }
4200
+ :scope._ao-chart-legend, :scope ._ao-chart-legend {
4201
+ display: flex;
4202
+ flex-wrap: wrap;
4203
+ align-items: center;
4204
+ column-gap: calc(var(--spacing) * 3);
4205
+ row-gap: calc(var(--spacing) * 1);
4206
+ font-size: var(--text-xs);
4207
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4208
+ color: var(--color-text-muted);
4209
+ list-style: none;
4210
+ margin: 0;
4211
+ padding: 0;
4212
+ }
4213
+ :scope._ao-chart-legend-item, :scope ._ao-chart-legend-item {
4214
+ display: inline-flex;
4215
+ align-items: center;
4216
+ gap: calc(var(--spacing) * 1.5);
4217
+ }
4218
+ :scope._ao-chart-legend-item::before, :scope ._ao-chart-legend-item::before {
4219
+ content: "";
4220
+ inline-size: 0.625rem;
4221
+ block-size: 0.625rem;
4222
+ border-radius: 2px;
4223
+ background: var(--legend-color, currentColor);
4224
+ flex-shrink: 0;
4225
+ }
4226
+ :scope._ao-chart-sm, :scope ._ao-chart-sm {
4227
+ --chart-height: 4rem;
4228
+ --chart-size: 4rem;
4229
+ }
4230
+ :scope._ao-chart-lg, :scope ._ao-chart-lg {
4231
+ --chart-height: 12rem;
4232
+ --chart-size: 12rem;
4233
+ }
4234
+ :scope._ao-chart-inline, :scope ._ao-chart-inline {
4235
+ display: inline-flex;
4236
+ vertical-align: middle;
4237
+ --chart-height: 1em;
4238
+ --chart-size: 1.25em;
4239
+ }
4240
+ :scope._ao-chart-inline ._ao-chart-stack, :scope ._ao-chart-inline ._ao-chart-stack {
4241
+ inline-size: 6em;
4242
+ block-size: 0.5em;
4243
+ }
4244
+ :scope._ao-chart-inline ._ao-chart-bars, :scope ._ao-chart-inline ._ao-chart-bars, :scope._ao-chart-inline._ao-chart-bars, :scope ._ao-chart-inline._ao-chart-bars {
4245
+ inline-size: 6em;
4246
+ }
4247
+ @media (prefers-reduced-motion: reduce) {
4248
+ :scope._ao-chart-bar-fill, :scope ._ao-chart-bar-fill, :scope._ao-chart-segment, :scope ._ao-chart-segment {
4249
+ transition: none;
4250
+ }
4251
+ }
4018
4252
  :scope._ao-collapse, :scope ._ao-collapse {
4019
4253
  visibility: collapse;
4020
4254
  }
@@ -4105,6 +4339,10 @@
4105
4339
  --tw-numeric-spacing: tabular-nums;
4106
4340
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
4107
4341
  }
4342
+ :scope._ao-ring, :scope ._ao-ring {
4343
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4344
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4345
+ }
4108
4346
  :scope._ao-select-all, :scope ._ao-select-all {
4109
4347
  -webkit-user-select: all;
4110
4348
  user-select: all;
@@ -1,11 +1,13 @@
1
1
  /*! @aortl/admin-css scoped variant — @scope (._ao-admin-root); admin classes prefixed with _ao-. */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
3
- @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
4
- @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
5
- @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
6
- @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
7
- @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
8
- @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
3
+ @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
4
+ @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
5
+ @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
6
+ @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
7
+ @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
8
+ @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
9
+ @font-face{font-family:IBM Plex Sans Fallback;src:local(Arial),local(ArialMT);ascent-override:101.318%;descent-override:27.183%;line-gap-override:0%;size-adjust:101.166%}
10
+ @font-face{font-family:IBM Plex Mono Fallback;src:local(Courier New),local(CourierNewPSMT);ascent-override:102.517%;descent-override:27.5045%;size-adjust:99.9837%}
9
11
  @property --tw-rotate-x{syntax:"*";inherits:false}
10
12
  @property --tw-rotate-y{syntax:"*";inherits:false}
11
13
  @property --tw-rotate-z{syntax:"*";inherits:false}
@@ -16,11 +18,6 @@
16
18
  @property --tw-numeric-figure{syntax:"*";inherits:false}
17
19
  @property --tw-numeric-spacing{syntax:"*";inherits:false}
18
20
  @property --tw-numeric-fraction{syntax:"*";inherits:false}
19
- @property --tw-leading{syntax:"*";inherits:false}
20
- @property --tw-font-weight{syntax:"*";inherits:false}
21
- @property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
22
- @property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
23
- @property --tw-duration{syntax:"*";inherits:false}
24
21
  @property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
25
22
  @property --tw-shadow-color{syntax:"*";inherits:false}
26
23
  @property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@@ -35,6 +32,11 @@
35
32
  @property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
36
33
  @property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
37
34
  @property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
35
+ @property --tw-leading{syntax:"*";inherits:false}
36
+ @property --tw-font-weight{syntax:"*";inherits:false}
37
+ @property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
38
+ @property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
39
+ @property --tw-duration{syntax:"*";inherits:false}
38
40
  @property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
39
41
  @property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
40
42
  @property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@@ -61,8 +63,8 @@
61
63
  :scope{color-scheme:light dark}
62
64
  :scope[data-theme=dark], :scope [data-theme=dark]{color-scheme:dark}
63
65
  :scope[data-theme=light], :scope [data-theme=light]{color-scheme:light}
64
- @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:scope, :scope *, :scope:before, :scope :before, :scope:after, :scope :after, :scope::backdrop, :scope ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-tracking:initial}}
65
- :scope, :scope:host, :scope :host{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fff;--color-black:#0f0f0f;--color-base-50:#fafafa;--color-base-100:#f4f4f4;--color-base-150:#e7e7e7;--color-base-200:#d4d4d4;--color-base-300:#b3b3b3;--color-base-400:#9b9b9b;--color-base-500:#848484;--color-base-600:#6c6c6c;--color-base-700:#555;--color-base-800:#3e3e3e;--color-base-850:#333;--color-base-900:#272727;--color-base-950:#1b1b1b;--color-red-50:#ffe1d5;--color-red-100:#ffcabb;--color-red-150:#fdb2a2;--color-red-200:#f89a8a;--color-red-300:#e8705f;--color-red-400:#d14d41;--color-red-500:#c03e35;--color-red-600:#af3029;--color-red-700:#942822;--color-red-800:#6c201c;--color-red-850:#551b18;--color-red-900:#3e1715;--color-red-950:#261312;--color-orange-50:#ffe7ce;--color-orange-100:#fed3af;--color-orange-150:#fcc192;--color-orange-200:#f9ae77;--color-orange-300:#ec8b49;--color-orange-400:#da702c;--color-orange-500:#cb6120;--color-orange-600:#bc5215;--color-orange-700:#9d4310;--color-orange-800:#71320d;--color-orange-850:#59290d;--color-orange-900:#40200d;--color-orange-950:#27180e;--color-yellow-50:#faeec6;--color-yellow-100:#f6e2a0;--color-yellow-150:#f1d67e;--color-yellow-200:#eccb60;--color-yellow-300:#dfb431;--color-yellow-400:#d0a215;--color-yellow-500:#be9207;--color-yellow-600:#ad8301;--color-yellow-700:#8e6b01;--color-yellow-800:#664d01;--color-yellow-850:#503d02;--color-yellow-900:#3a2d04;--color-yellow-950:#241e08;--color-green-50:#edeecf;--color-green-100:#dde2b2;--color-green-150:#cdd597;--color-green-200:#bec97e;--color-green-300:#a0af54;--color-green-400:#879a39;--color-green-500:#768d21;--color-green-600:#66800b;--color-green-700:#536907;--color-green-800:#3d4c07;--color-green-850:#313d07;--color-green-900:#252d09;--color-green-950:#1a1e0c;--color-cyan-50:#ddf1e4;--color-cyan-100:#bfe8d9;--color-cyan-150:#a2dece;--color-cyan-200:#87d3c3;--color-cyan-300:#5abdac;--color-cyan-400:#3aa99f;--color-cyan-500:#2f968d;--color-cyan-600:#24837b;--color-cyan-700:#1c6c66;--color-cyan-800:#164f4a;--color-cyan-850:#143f3c;--color-cyan-900:#122f2c;--color-cyan-950:#101f1d;--color-blue-50:#e1eceb;--color-blue-100:#c6dde8;--color-blue-150:#abcfe2;--color-blue-200:#92bfdb;--color-blue-300:#66a0c8;--color-blue-400:#4385be;--color-blue-500:#3171b2;--color-blue-600:#205ea6;--color-blue-700:#1a4f8c;--color-blue-800:#163b66;--color-blue-850:#133051;--color-blue-900:#12253b;--color-blue-950:#101a24;--color-purple-50:#f0eaec;--color-purple-100:#e2d9e9;--color-purple-150:#d3cae6;--color-purple-200:#c4b9e0;--color-purple-300:#a699d0;--color-purple-400:#8b7ec8;--color-purple-500:#735eb5;--color-purple-600:#5e409d;--color-purple-700:#4f3685;--color-purple-800:#3c2a62;--color-purple-850:#31234e;--color-purple-900:#261c39;--color-purple-950:#1a1623;--color-magenta-50:#fee4e5;--color-magenta-100:#fccfda;--color-magenta-150:#f9b9cf;--color-magenta-200:#f4a4c2;--color-magenta-300:#e47da8;--color-magenta-400:#ce5d97;--color-magenta-500:#b74583;--color-magenta-600:#a02f6f;--color-magenta-700:#87285e;--color-magenta-800:#641f46;--color-magenta-850:#4f1b39;--color-magenta-900:#39172b;--color-magenta-950:#24131d;--color-surface:light-dark(var(--color-paper),var(--color-black));--color-surface-muted:light-dark(var(--color-base-50),var(--color-base-950));--color-surface-strong:light-dark(var(--color-base-100),var(--color-base-900));--color-text:light-dark(var(--color-black),var(--color-base-200));--color-text-muted:light-dark(var(--color-base-600),var(--color-base-500));--color-border:light-dark(var(--color-base-150),var(--color-base-850));--color-border-strong:light-dark(var(--color-base-300),var(--color-base-700));--color-code-surface:light-dark(var(--color-base-150),var(--color-base-950));--color-code-text:light-dark(var(--color-base-800),var(--color-base-200));--color-primary:light-dark(var(--color-blue-600),var(--color-blue-400));--color-primary-hover:light-dark(var(--color-blue-700),var(--color-blue-300));--color-primary-muted:light-dark(var(--color-blue-50),var(--color-blue-950));--color-primary-content:light-dark(var(--color-paper),var(--color-black));--color-system-accent:light-dark(var(--color-base-600),var(--color-base-400));--color-system-accent-hover:color-mix(in oklch, light-dark(var(--color-base-600),var(--color-base-400)), light-dark(var(--color-black),var(--color-base-200)) 12%)}
66
+ @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:scope, :scope *, :scope:before, :scope :before, :scope:after, :scope :after, :scope::backdrop, :scope ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-tracking:initial}}
67
+ :scope, :scope:host, :scope :host{--font-sans:"IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fff;--color-black:#0f0f0f;--color-base-50:#fafafa;--color-base-100:#f4f4f4;--color-base-150:#e7e7e7;--color-base-200:#d4d4d4;--color-base-300:#b3b3b3;--color-base-400:#9b9b9b;--color-base-500:#848484;--color-base-600:#6c6c6c;--color-base-700:#555;--color-base-800:#3e3e3e;--color-base-850:#333;--color-base-900:#272727;--color-base-950:#1b1b1b;--color-red-50:#ffe1d5;--color-red-100:#ffcabb;--color-red-150:#fdb2a2;--color-red-200:#f89a8a;--color-red-300:#e8705f;--color-red-400:#d14d41;--color-red-500:#c03e35;--color-red-600:#af3029;--color-red-700:#942822;--color-red-800:#6c201c;--color-red-850:#551b18;--color-red-900:#3e1715;--color-red-950:#261312;--color-orange-50:#ffe7ce;--color-orange-100:#fed3af;--color-orange-150:#fcc192;--color-orange-200:#f9ae77;--color-orange-300:#ec8b49;--color-orange-400:#da702c;--color-orange-500:#cb6120;--color-orange-600:#bc5215;--color-orange-700:#9d4310;--color-orange-800:#71320d;--color-orange-850:#59290d;--color-orange-900:#40200d;--color-orange-950:#27180e;--color-yellow-50:#faeec6;--color-yellow-100:#f6e2a0;--color-yellow-150:#f1d67e;--color-yellow-200:#eccb60;--color-yellow-300:#dfb431;--color-yellow-400:#d0a215;--color-yellow-500:#be9207;--color-yellow-600:#ad8301;--color-yellow-700:#8e6b01;--color-yellow-800:#664d01;--color-yellow-850:#503d02;--color-yellow-900:#3a2d04;--color-yellow-950:#241e08;--color-green-50:#edeecf;--color-green-100:#dde2b2;--color-green-150:#cdd597;--color-green-200:#bec97e;--color-green-300:#a0af54;--color-green-400:#879a39;--color-green-500:#768d21;--color-green-600:#66800b;--color-green-700:#536907;--color-green-800:#3d4c07;--color-green-850:#313d07;--color-green-900:#252d09;--color-green-950:#1a1e0c;--color-cyan-50:#ddf1e4;--color-cyan-100:#bfe8d9;--color-cyan-150:#a2dece;--color-cyan-200:#87d3c3;--color-cyan-300:#5abdac;--color-cyan-400:#3aa99f;--color-cyan-500:#2f968d;--color-cyan-600:#24837b;--color-cyan-700:#1c6c66;--color-cyan-800:#164f4a;--color-cyan-850:#143f3c;--color-cyan-900:#122f2c;--color-cyan-950:#101f1d;--color-blue-50:#e1eceb;--color-blue-100:#c6dde8;--color-blue-150:#abcfe2;--color-blue-200:#92bfdb;--color-blue-300:#66a0c8;--color-blue-400:#4385be;--color-blue-500:#3171b2;--color-blue-600:#205ea6;--color-blue-700:#1a4f8c;--color-blue-800:#163b66;--color-blue-850:#133051;--color-blue-900:#12253b;--color-blue-950:#101a24;--color-purple-50:#f0eaec;--color-purple-100:#e2d9e9;--color-purple-150:#d3cae6;--color-purple-200:#c4b9e0;--color-purple-300:#a699d0;--color-purple-400:#8b7ec8;--color-purple-500:#735eb5;--color-purple-600:#5e409d;--color-purple-700:#4f3685;--color-purple-800:#3c2a62;--color-purple-850:#31234e;--color-purple-900:#261c39;--color-purple-950:#1a1623;--color-magenta-50:#fee4e5;--color-magenta-100:#fccfda;--color-magenta-150:#f9b9cf;--color-magenta-200:#f4a4c2;--color-magenta-300:#e47da8;--color-magenta-400:#ce5d97;--color-magenta-500:#b74583;--color-magenta-600:#a02f6f;--color-magenta-700:#87285e;--color-magenta-800:#641f46;--color-magenta-850:#4f1b39;--color-magenta-900:#39172b;--color-magenta-950:#24131d;--color-surface:light-dark(var(--color-paper),var(--color-black));--color-surface-muted:light-dark(var(--color-base-50),var(--color-base-950));--color-surface-strong:light-dark(var(--color-base-100),var(--color-base-900));--color-text:light-dark(var(--color-black),var(--color-base-200));--color-text-muted:light-dark(var(--color-base-600),var(--color-base-500));--color-border:light-dark(var(--color-base-150),var(--color-base-850));--color-border-strong:light-dark(var(--color-base-300),var(--color-base-700));--color-code-surface:light-dark(var(--color-base-150),var(--color-base-950));--color-code-text:light-dark(var(--color-base-800),var(--color-base-200));--color-primary:light-dark(var(--color-blue-600),var(--color-blue-400));--color-primary-hover:light-dark(var(--color-blue-700),var(--color-blue-300));--color-primary-muted:light-dark(var(--color-blue-50),var(--color-blue-950));--color-primary-content:light-dark(var(--color-paper),var(--color-black));--color-system-accent:light-dark(var(--color-base-600),var(--color-base-400));--color-system-accent-hover:color-mix(in oklch, light-dark(var(--color-base-600),var(--color-base-400)), light-dark(var(--color-black),var(--color-base-200)) 12%)}
66
68
  @supports (color:color-mix(in lab, red, red)){:scope, :scope:host, :scope :host{--color-system-accent-hover:color-mix(in oklch, var(--color-system-accent), var(--color-text) 12%)}}
67
69
  :scope, :scope:host, :scope :host{--color-system-accent-muted:color-mix(in oklch, light-dark(var(--color-base-600),var(--color-base-400)) 12%, light-dark(var(--color-paper),var(--color-black)))}
68
70
  @supports (color:color-mix(in lab, red, red)){:scope, :scope:host, :scope :host{--color-system-accent-muted:color-mix(in oklch, var(--color-system-accent) 12%, var(--color-surface))}}
@@ -136,12 +138,12 @@
136
138
  :scope._ao-accordion-content, :scope ._ao-accordion-content{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text)}
137
139
  :scope._ao-accordion-item::details-content, :scope ._ao-accordion-item::details-content{opacity:0;content-visibility:visible;height:0;transition:opacity .2s,height .2s;overflow:clip}
138
140
  :scope._ao-accordion-item[open]::details-content, :scope ._ao-accordion-item[open]::details-content{opacity:1;height:auto}
139
- :scope._ao-alert, :scope ._ao-alert{gap:calc(var(--spacing) * 1);border-radius:var(--radius-md);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);border-width:1px;flex-direction:column;display:flex}
140
- :scope._ao-alert:has(>:is(i,svg):first-child), :scope ._ao-alert:has(>:is(i,svg):first-child){grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;display:grid}
141
+ :scope._ao-alert, :scope ._ao-alert{gap:calc(var(--spacing) * 1);border-radius:var(--radius-md);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);overflow-wrap:break-word;border-width:1px;flex-direction:column;display:flex}
142
+ :scope._ao-alert:has(>:is(i,svg):first-child), :scope ._ao-alert:has(>:is(i,svg):first-child){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .5rem;display:grid}
141
143
  :scope._ao-alert>:is(i,svg):first-child, :scope ._ao-alert>:is(i,svg):first-child{font-size:1rem;line-height:1.25}
142
144
  :scope._ao-alert:has(>:is(i,svg):first-child):has(>._ao-alert-title), :scope ._ao-alert:has(>:is(i,svg):first-child):has(>._ao-alert-title){grid-template-rows:auto auto;align-items:start}
143
145
  :scope._ao-alert:has(>._ao-alert-title)>:is(i,svg):first-child, :scope ._ao-alert:has(>._ao-alert-title)>:is(i,svg):first-child{grid-row:1/-1}
144
- :scope._ao-alert>:is(._ao-alert-title,._ao-alert-description), :scope ._ao-alert>:is(._ao-alert-title,._ao-alert-description){grid-column:2}
146
+ :scope._ao-alert>:is(._ao-alert-title,._ao-alert-description), :scope ._ao-alert>:is(._ao-alert-title,._ao-alert-description){grid-column:2;min-width:0}
145
147
  :scope._ao-alert-info, :scope ._ao-alert-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted)}
146
148
  :scope._ao-alert-success, :scope ._ao-alert-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted)}
147
149
  :scope._ao-alert-warning, :scope ._ao-alert-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted)}
@@ -247,7 +249,8 @@
247
249
  :scope._ao-property-list-items, :scope ._ao-property-list-items{grid-template-columns:max-content 1fr;display:grid}
248
250
  :scope._ao-property-list-label, :scope ._ao-property-list-label, :scope._ao-property-list-value, :scope ._ao-property-list-value{align-items:center;min-height:2rem;padding:.375rem .75rem;display:flex}
249
251
  :scope._ao-property-list-label, :scope ._ao-property-list-label{color:var(--color-text-muted)}
250
- :scope._ao-property-list-value, :scope ._ao-property-list-value{gap:.5rem;min-width:0}
252
+ :scope._ao-property-list-value, :scope ._ao-property-list-value{overflow-wrap:break-word;gap:.5rem;min-width:0}
253
+ :scope._ao-property-list-compact ._ao-property-list-title, :scope ._ao-property-list-compact ._ao-property-list-title{margin-bottom:calc(var(--spacing) * 1)}
251
254
  :scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value{min-height:1.5rem;padding:.125rem .5rem}
252
255
  :scope._ao-property-list-value-numeric, :scope ._ao-property-list-value-numeric{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);justify-content:flex-end}
253
256
  :scope._ao-property-list-striped dt:nth-of-type(2n+2), :scope ._ao-property-list-striped dt:nth-of-type(2n+2), :scope._ao-property-list-striped dd:nth-of-type(2n+2), :scope ._ao-property-list-striped dd:nth-of-type(2n+2){background-color:var(--color-surface-muted)}
@@ -664,6 +667,41 @@
664
667
  :scope._ao-tooltip-wrap:hover>._ao-tooltip, :scope ._ao-tooltip-wrap:hover>._ao-tooltip, :scope._ao-tooltip-wrap:focus-within>._ao-tooltip, :scope ._ao-tooltip-wrap:focus-within>._ao-tooltip{visibility:visible;opacity:1;transition:opacity .15s ease-out .2s,visibility 0s linear .2s}
665
668
  :scope._ao-code-block, :scope ._ao-code-block{border-radius:var(--radius-lg);background-color:var(--color-code-surface);padding:calc(var(--spacing) * 3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-code-text);white-space:pre-wrap;word-wrap:break-word;overflow:auto}
666
669
  :scope._ao-code-block-nowrap, :scope ._ao-code-block-nowrap{white-space:pre;word-wrap:normal}
670
+ :scope._ao-chart, :scope ._ao-chart{--chart-max:100;--chart-height:8rem;--chart-size:8rem;--chart-gap:.25rem;color:var(--color-primary)}
671
+ :scope._ao-chart-success, :scope ._ao-chart-success{color:var(--color-success)}
672
+ :scope._ao-chart-warning, :scope ._ao-chart-warning{color:var(--color-warning)}
673
+ :scope._ao-chart-danger, :scope ._ao-chart-danger{color:var(--color-danger)}
674
+ :scope._ao-chart-info, :scope ._ao-chart-info{color:var(--color-info)}
675
+ :scope._ao-chart-bars, :scope ._ao-chart-bars{row-gap:var(--chart-gap);grid-template-columns:auto 1fr auto;align-items:center;inline-size:100%;display:grid}
676
+ :scope._ao-chart-bar, :scope ._ao-chart-bar{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}
677
+ :scope._ao-chart-bar-label, :scope ._ao-chart-bar-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-muted);text-align:end;white-space:nowrap;grid-column:1;padding-inline-end:.5rem}
678
+ :scope._ao-chart-bar-track, :scope ._ao-chart-bar-track{grid-column:2;min-inline-size:0}
679
+ :scope._ao-chart-bar-fill, :scope ._ao-chart-bar-fill{block-size:.75rem;inline-size:calc(var(--value) / var(--chart-max) * 100%);background:var(--bar-color,currentColor);border-radius:2px;transition:inline-size .2s,block-size .2s}
680
+ :scope._ao-chart-bar-value, :scope ._ao-chart-bar-value{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-muted);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);text-align:end;white-space:nowrap;grid-column:3;padding-inline-start:.5rem}
681
+ :scope._ao-chart:not(._ao-chart-values) ._ao-chart-bar-value, :scope ._ao-chart:not(._ao-chart-values) ._ao-chart-bar-value{display:none}
682
+ :scope._ao-chart-bars-vertical, :scope ._ao-chart-bars-vertical{align-items:stretch;gap:var(--chart-gap);block-size:var(--chart-height);flex-direction:row;inline-size:100%;display:flex}
683
+ :scope._ao-chart-bars-vertical ._ao-chart-bar, :scope ._ao-chart-bars-vertical ._ao-chart-bar{flex-direction:column;flex:1 1 0;align-items:stretch;gap:.25rem;min-inline-size:0;display:flex}
684
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-value, :scope ._ao-chart-bars-vertical ._ao-chart-bar-value{text-align:center;order:0;grid-column:auto;padding:0}
685
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-track, :scope ._ao-chart-bars-vertical ._ao-chart-bar-track{flex-direction:column;flex:auto;order:1;justify-content:end;min-block-size:0;display:flex}
686
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-fill, :scope ._ao-chart-bars-vertical ._ao-chart-bar-fill{inline-size:100%;block-size:calc(var(--value) / var(--chart-max) * 100%)}
687
+ :scope._ao-chart-bars-vertical ._ao-chart-bar-label, :scope ._ao-chart-bars-vertical ._ao-chart-bar-label{text-align:center;order:2;padding:0}
688
+ :scope._ao-chart-stack, :scope ._ao-chart-stack{background:var(--color-surface-strong);border-radius:9999px;flex-direction:row;block-size:.75rem;inline-size:100%;display:flex;overflow:hidden}
689
+ :scope._ao-chart-segment, :scope ._ao-chart-segment{flex:var(--value) 1 0;background:var(--segment-color,currentColor);min-inline-size:0;transition:flex-grow .2s}
690
+ :scope._ao-chart-segment+._ao-chart-segment, :scope ._ao-chart-segment+._ao-chart-segment{box-shadow:-1px 0 0 0 var(--color-surface)}
691
+ :scope._ao-chart-donut-figure, :scope ._ao-chart-donut-figure{inline-size:var(--chart-size);aspect-ratio:1;place-items:center;display:inline-grid;position:relative}
692
+ :scope._ao-chart-donut, :scope ._ao-chart-donut{--donut-thickness:33%;inline-size:var(--chart-size);aspect-ratio:1;background:conic-gradient(var(--donut-segments,currentColor 0 100%));-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)));-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)));-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)));mask:radial-gradient(circle at center, transparent calc(50% - var(--donut-thickness)), #000 calc(50% - var(--donut-thickness)));border-radius:50%}
693
+ :scope._ao-chart-donut-figure>._ao-chart-donut, :scope ._ao-chart-donut-figure>._ao-chart-donut{grid-area:1/1;inline-size:100%}
694
+ :scope._ao-chart-donut-pie, :scope ._ao-chart-donut-pie{--donut-thickness:50%}
695
+ :scope._ao-chart-donut-center, :scope ._ao-chart-donut-center{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);z-index:1;pointer-events:none;grid-area:1/1}
696
+ :scope._ao-chart-legend, :scope ._ao-chart-legend{align-items:center;column-gap:calc(var(--spacing) * 3);row-gap:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}
697
+ :scope._ao-chart-legend-item, :scope ._ao-chart-legend-item{align-items:center;gap:calc(var(--spacing) * 1.5);display:inline-flex}
698
+ :scope._ao-chart-legend-item:before, :scope ._ao-chart-legend-item:before{content:"";background:var(--legend-color,currentColor);border-radius:2px;flex-shrink:0;block-size:.625rem;inline-size:.625rem}
699
+ :scope._ao-chart-sm, :scope ._ao-chart-sm{--chart-height:4rem;--chart-size:4rem}
700
+ :scope._ao-chart-lg, :scope ._ao-chart-lg{--chart-height:12rem;--chart-size:12rem}
701
+ :scope._ao-chart-inline, :scope ._ao-chart-inline{vertical-align:middle;--chart-height:1em;--chart-size:1.25em;display:inline-flex}
702
+ :scope._ao-chart-inline ._ao-chart-stack, :scope ._ao-chart-inline ._ao-chart-stack{block-size:.5em;inline-size:6em}
703
+ :scope._ao-chart-inline ._ao-chart-bars, :scope ._ao-chart-inline ._ao-chart-bars, :scope._ao-chart-inline._ao-chart-bars, :scope ._ao-chart-inline._ao-chart-bars{inline-size:6em}
704
+ @media (prefers-reduced-motion:reduce){:scope._ao-chart-bar-fill, :scope ._ao-chart-bar-fill, :scope._ao-chart-segment, :scope ._ao-chart-segment{transition:none}}
667
705
  :scope._ao-collapse, :scope ._ao-collapse{visibility:collapse}
668
706
  :scope._ao-visible, :scope ._ao-visible{visibility:visible}
669
707
  :scope._ao-sr-only, :scope ._ao-sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
@@ -691,5 +729,6 @@
691
729
  :scope._ao-rounded-md, :scope ._ao-rounded-md{border-radius:var(--radius-md)}
692
730
  :scope._ao-text-right, :scope ._ao-text-right{text-align:right}
693
731
  :scope._ao-tabular-nums, :scope ._ao-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
732
+ :scope._ao-ring, :scope ._ao-ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}
694
733
  :scope._ao-select-all, :scope ._ao-select-all{-webkit-user-select:all;user-select:all}
695
734
  }
@@ -3225,11 +3225,12 @@
3225
3225
  vertical-align: top;
3226
3226
  }
3227
3227
  .font-mono {
3228
- font-family: var(--font-mono, "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
3229
- monospace);
3228
+ font-family: var(--font-mono, "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
3229
+ Consolas, "Liberation Mono", monospace);
3230
3230
  }
3231
3231
  .font-sans {
3232
- font-family: var(--font-sans, "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
3232
+ font-family: var(--font-sans, "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
3233
+ Roboto, sans-serif);
3233
3234
  }
3234
3235
  .font-serif {
3235
3236
  font-family: var(--font-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif);