@byline/admin 6.10.0 → 6.11.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.
Files changed (103) hide show
  1. package/dist/fields/array/array-field_module.css +57 -53
  2. package/dist/fields/blocks/blocks-field_module.css +134 -130
  3. package/dist/fields/checkbox/checkbox-field_module.css +6 -2
  4. package/dist/fields/code/code-field_module.css +57 -53
  5. package/dist/fields/datetime/datetime-field_module.css +6 -2
  6. package/dist/fields/draggable-context-menu_module.css +77 -73
  7. package/dist/fields/field-renderer_module.css +12 -8
  8. package/dist/fields/file/file-field_module.css +133 -129
  9. package/dist/fields/file/file-upload-field_module.css +67 -63
  10. package/dist/fields/group/group-field_module.css +25 -21
  11. package/dist/fields/image/image-field_module.css +123 -119
  12. package/dist/fields/image/image-upload-field_module.css +81 -77
  13. package/dist/fields/locale-badge_module.css +28 -24
  14. package/dist/fields/relation/relation-display_module.css +20 -16
  15. package/dist/fields/relation/relation-field_module.css +149 -145
  16. package/dist/fields/relation/relation-picker_module.css +187 -183
  17. package/dist/fields/relation/relation-summary_module.css +34 -30
  18. package/dist/fields/select/select-field_module.css +9 -5
  19. package/dist/fields/sortable-item_module.css +126 -122
  20. package/dist/fields/text/text-field_module.css +8 -4
  21. package/dist/fields/text-area/text-area-field_module.css +8 -4
  22. package/dist/forms/available-locales-widget_module.css +19 -15
  23. package/dist/forms/document-actions_module.css +120 -116
  24. package/dist/forms/form-renderer_module.css +247 -243
  25. package/dist/forms/path-widget_module.css +29 -25
  26. package/dist/forms/scheduled-publication-control_module.css +76 -72
  27. package/dist/forms/tree-placement-widget_module.css +61 -57
  28. package/dist/modules/admin-account/components/change-password_module.css +26 -22
  29. package/dist/modules/admin-account/components/container_module.css +93 -89
  30. package/dist/modules/admin-account/components/preferences_module.css +37 -33
  31. package/dist/modules/admin-account/components/theme-switch_module.css +16 -12
  32. package/dist/modules/admin-account/components/update_module.css +26 -22
  33. package/dist/modules/admin-permissions/components/inspector_module.css +197 -193
  34. package/dist/modules/admin-roles/components/create_module.css +26 -22
  35. package/dist/modules/admin-roles/components/permissions_module.css +159 -155
  36. package/dist/modules/admin-roles/components/update_module.css +26 -22
  37. package/dist/modules/admin-users/components/create_module.css +39 -35
  38. package/dist/modules/admin-users/components/roles_module.css +65 -61
  39. package/dist/modules/admin-users/components/set-password_module.css +29 -25
  40. package/dist/modules/admin-users/components/update_module.css +32 -28
  41. package/dist/modules/analytics/components/dashboard_module.css +268 -264
  42. package/dist/modules/analytics/components/timeseries_module.css +192 -188
  43. package/dist/modules/auth/components/passkey-manager_module.css +87 -83
  44. package/dist/modules/auth/components/sign-in-form_module.css +68 -64
  45. package/dist/presentation/group_module.css +19 -15
  46. package/dist/presentation/row_module.css +17 -13
  47. package/dist/presentation/tabs_module.css +231 -227
  48. package/dist/widgets/diff-viewer/diff-modal_module.css +58 -54
  49. package/dist/widgets/source-locale-badge/source-locale-badge_module.css +12 -8
  50. package/dist/widgets/status-badge/status-badge_module.css +20 -16
  51. package/package.json +9 -8
  52. package/src/fields/array/array-field.module.css +71 -55
  53. package/src/fields/blocks/blocks-field.module.css +173 -156
  54. package/src/fields/checkbox/checkbox-field.module.css +17 -3
  55. package/src/fields/code/code-editor.tsx +2 -0
  56. package/src/fields/code/code-field.module.css +75 -59
  57. package/src/fields/datetime/datetime-field.module.css +19 -3
  58. package/src/fields/draggable-context-menu.module.css +108 -92
  59. package/src/fields/field-renderer.module.css +26 -10
  60. package/src/fields/file/file-field.module.css +147 -131
  61. package/src/fields/file/file-upload-field.module.css +91 -75
  62. package/src/fields/group/group-field.module.css +42 -26
  63. package/src/fields/image/image-field.module.css +152 -136
  64. package/src/fields/image/image-upload-field.module.css +107 -91
  65. package/src/fields/locale-badge.module.css +43 -27
  66. package/src/fields/relation/relation-display.module.css +37 -21
  67. package/src/fields/relation/relation-field.module.css +168 -152
  68. package/src/fields/relation/relation-picker.module.css +207 -191
  69. package/src/fields/relation/relation-summary.module.css +52 -36
  70. package/src/fields/select/select-field.module.css +23 -7
  71. package/src/fields/sortable-item.module.css +143 -127
  72. package/src/fields/text/text-field.module.css +21 -5
  73. package/src/fields/text-area/text-area-field.module.css +21 -5
  74. package/src/forms/available-locales-widget.module.css +39 -23
  75. package/src/forms/document-actions.module.css +139 -123
  76. package/src/forms/form-layout-styles.test.node.ts +12 -4
  77. package/src/forms/form-renderer.module.css +312 -296
  78. package/src/forms/path-widget.module.css +44 -28
  79. package/src/forms/scheduled-publication-control.module.css +104 -91
  80. package/src/forms/tree-placement-widget.module.css +80 -64
  81. package/src/modules/admin-account/components/change-password.module.css +42 -26
  82. package/src/modules/admin-account/components/container.module.css +129 -113
  83. package/src/modules/admin-account/components/preferences.module.css +56 -40
  84. package/src/modules/admin-account/components/theme-switch.module.css +32 -16
  85. package/src/modules/admin-account/components/update.module.css +42 -26
  86. package/src/modules/admin-permissions/components/inspector.module.css +255 -239
  87. package/src/modules/admin-roles/components/create.module.css +42 -26
  88. package/src/modules/admin-roles/components/permissions.module.css +204 -201
  89. package/src/modules/admin-roles/components/update.module.css +42 -26
  90. package/src/modules/admin-users/components/create.module.css +58 -42
  91. package/src/modules/admin-users/components/roles.module.css +96 -86
  92. package/src/modules/admin-users/components/set-password.module.css +46 -30
  93. package/src/modules/admin-users/components/update.module.css +49 -33
  94. package/src/modules/analytics/components/dashboard.module.css +322 -306
  95. package/src/modules/analytics/components/timeseries.module.css +237 -221
  96. package/src/modules/auth/components/passkey-manager.module.css +98 -84
  97. package/src/modules/auth/components/sign-in-form.module.css +85 -69
  98. package/src/presentation/group.module.css +36 -20
  99. package/src/presentation/row.module.css +32 -16
  100. package/src/presentation/tabs.module.css +243 -227
  101. package/src/widgets/diff-viewer/diff-modal.module.css +71 -55
  102. package/src/widgets/source-locale-badge/source-locale-badge.module.css +25 -9
  103. package/src/widgets/status-badge/status-badge.module.css +35 -19
@@ -1,233 +1,237 @@
1
- .root-L2qL4D {
2
- border-radius: .25rem;
3
- flex-direction: column;
4
- gap: .5rem;
5
- display: flex;
6
- }
7
-
8
- .root-L2qL4D:focus-visible {
9
- outline: 2px solid var(--primary-500);
10
- outline-offset: 4px;
11
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ .root-L2qL4D {
5
+ border-radius: .25rem;
6
+ flex-direction: column;
7
+ gap: .5rem;
8
+ display: flex;
9
+ }
12
10
 
13
- :is(.plot-hcQkYI, .byline-analytics-plot) {
14
- position: relative;
15
- }
11
+ .root-L2qL4D:focus-visible {
12
+ outline: 2px solid var(--primary-500);
13
+ outline-offset: 4px;
14
+ }
16
15
 
17
- :is(.chart-giYTrx, .byline-analytics-chart) {
18
- width: 100%;
19
- height: 11rem;
20
- display: block;
21
- }
16
+ :is(.plot-hcQkYI, .byline-analytics-plot) {
17
+ position: relative;
18
+ }
22
19
 
23
- :is(.hoverCard-riiLLo, .byline-analytics-hovercard) {
24
- z-index: 1;
25
- background-color: var(--surface-panel-elevated);
26
- border-width: var(--border-width-thin);
27
- border-style: var(--border-style-solid);
28
- border-color: var(--surface-panel-border);
29
- border-radius: var(--border-radius-sm);
30
- box-shadow: var(--shadow-sm);
31
- font-variant-numeric: tabular-nums;
32
- white-space: nowrap;
33
- pointer-events: none;
34
- opacity: 0;
35
- gap: .125rem .5rem;
36
- padding: .4rem .55rem;
37
- font-size: .6875rem;
38
- line-height: 1.35;
39
- transition: opacity .16s ease-in, translate .16s ease-in;
40
- display: grid;
41
- position: absolute;
42
- translate: 0 6px;
43
- }
20
+ :is(.chart-giYTrx, .byline-analytics-chart) {
21
+ width: 100%;
22
+ height: 11rem;
23
+ display: block;
24
+ }
44
25
 
45
- .hoverCardVisible-mYSsIo {
46
- opacity: 1;
47
- transition: opacity .24s ease-out, translate .24s ease-out;
48
- translate: 0;
49
- }
26
+ :is(.hoverCard-riiLLo, .byline-analytics-hovercard) {
27
+ z-index: 1;
28
+ background-color: var(--surface-panel-elevated);
29
+ border-width: var(--border-width-thin);
30
+ border-style: var(--border-style-solid);
31
+ border-color: var(--surface-panel-border);
32
+ border-radius: var(--border-radius-sm);
33
+ box-shadow: var(--shadow-sm);
34
+ font-variant-numeric: tabular-nums;
35
+ white-space: nowrap;
36
+ pointer-events: none;
37
+ opacity: 0;
38
+ gap: .125rem .5rem;
39
+ padding: .4rem .55rem;
40
+ font-size: .6875rem;
41
+ line-height: 1.35;
42
+ transition: opacity .16s ease-in, translate .16s ease-in;
43
+ display: grid;
44
+ position: absolute;
45
+ translate: 0 6px;
46
+ }
50
47
 
51
- .hoverCard-riiLLo.center-WOF43a {
52
- transform: translateX(-50%);
53
- }
48
+ .hoverCardVisible-mYSsIo {
49
+ opacity: 1;
50
+ transition: opacity .24s ease-out, translate .24s ease-out;
51
+ translate: 0;
52
+ }
54
53
 
55
- .hoverCard-riiLLo.start-rwR0vM {
56
- transform: translateX(-.5rem);
57
- }
54
+ .hoverCard-riiLLo.center-WOF43a {
55
+ transform: translateX(-50%);
56
+ }
58
57
 
59
- .hoverCard-riiLLo.end-dDnFtK {
60
- transform: translateX(calc(.5rem - 100%));
61
- }
58
+ .hoverCard-riiLLo.start-rwR0vM {
59
+ transform: translateX(-.5rem);
60
+ }
62
61
 
63
- .hoverCard-riiLLo.above-V9eoE9 {
64
- margin-top: -.5rem;
65
- }
62
+ .hoverCard-riiLLo.end-dDnFtK {
63
+ transform: translateX(calc(.5rem - 100%));
64
+ }
66
65
 
67
- .hoverCard-riiLLo.above-V9eoE9.center-WOF43a {
68
- transform: translate(-50%, -100%);
69
- }
66
+ .hoverCard-riiLLo.above-V9eoE9 {
67
+ margin-top: -.5rem;
68
+ }
70
69
 
71
- .hoverCard-riiLLo.above-V9eoE9.start-rwR0vM {
72
- transform: translate(-.5rem, -100%);
73
- }
70
+ .hoverCard-riiLLo.above-V9eoE9.center-WOF43a {
71
+ transform: translate(-50%, -100%);
72
+ }
74
73
 
75
- .hoverCard-riiLLo.above-V9eoE9.end-dDnFtK {
76
- transform: translate(calc(.5rem - 100%), -100%);
77
- }
74
+ .hoverCard-riiLLo.above-V9eoE9.start-rwR0vM {
75
+ transform: translate(-.5rem, -100%);
76
+ }
78
77
 
79
- .hoverCard-riiLLo.below-BMn9q_ {
80
- margin-top: .5rem;
81
- }
78
+ .hoverCard-riiLLo.above-V9eoE9.end-dDnFtK {
79
+ transform: translate(calc(.5rem - 100%), -100%);
80
+ }
82
81
 
83
- .hoverCardDate-Td91gd {
84
- color: var(--text);
85
- letter-spacing: .01em;
86
- font-weight: 600;
87
- }
82
+ .hoverCard-riiLLo.below-BMn9q_ {
83
+ margin-top: .5rem;
84
+ }
88
85
 
89
- .hoverCardRow-fMGuNA {
90
- grid-template-columns: .625rem 1fr auto;
91
- align-items: center;
92
- gap: .4rem;
93
- display: grid;
94
- }
86
+ .hoverCardDate-Td91gd {
87
+ color: var(--text);
88
+ letter-spacing: .01em;
89
+ font-weight: 600;
90
+ }
95
91
 
96
- .keyLine-wvPvBg {
97
- border-radius: 1px;
98
- width: .625rem;
99
- height: 2px;
100
- display: inline-block;
101
- }
92
+ .hoverCardRow-fMGuNA {
93
+ grid-template-columns: .625rem 1fr auto;
94
+ align-items: center;
95
+ gap: .4rem;
96
+ display: grid;
97
+ }
102
98
 
103
- .keyViews-G8H3zC {
104
- opacity: .62;
105
- background-color: #38bdf8;
106
- }
99
+ .keyLine-wvPvBg {
100
+ border-radius: 1px;
101
+ width: .625rem;
102
+ height: 2px;
103
+ display: inline-block;
104
+ }
107
105
 
108
- .keyVisitors-P1JVE9 {
109
- background-color: #7c3aed;
110
- }
106
+ .keyViews-G8H3zC {
107
+ opacity: .62;
108
+ background-color: #38bdf8;
109
+ }
111
110
 
112
- .hoverCardLabel-JYa1xk {
113
- color: var(--gray-500);
114
- }
111
+ .keyVisitors-P1JVE9 {
112
+ background-color: #7c3aed;
113
+ }
115
114
 
116
- .hoverCardValue-m_cylC {
117
- color: var(--text);
118
- text-align: right;
119
- font-weight: 600;
120
- }
115
+ .hoverCardLabel-JYa1xk {
116
+ color: var(--gray-500);
117
+ }
121
118
 
122
- .gridline-R_wAwP {
123
- stroke: var(--gray-200);
124
- stroke-width: 1px;
125
- }
119
+ .hoverCardValue-m_cylC {
120
+ color: var(--text);
121
+ text-align: right;
122
+ font-weight: 600;
123
+ }
126
124
 
127
- .column-_Cw2Ua {
128
- transition: opacity .12s;
129
- }
125
+ .gridline-R_wAwP {
126
+ stroke: var(--gray-200);
127
+ stroke-width: 1px;
128
+ }
130
129
 
131
- .views-WHbm44 {
132
- fill: #38bdf8;
133
- opacity: .38;
134
- transition: opacity .12s;
135
- }
130
+ .column-_Cw2Ua {
131
+ transition: opacity .12s;
132
+ }
136
133
 
137
- .columnActive-CwHwbo .views-WHbm44 {
138
- opacity: .62;
139
- }
134
+ .views-WHbm44 {
135
+ fill: #38bdf8;
136
+ opacity: .38;
137
+ transition: opacity .12s;
138
+ }
140
139
 
141
- .visitors-n6IL4B {
142
- fill: #7c3aed;
143
- opacity: .95;
144
- }
140
+ .columnActive-CwHwbo .views-WHbm44 {
141
+ opacity: .62;
142
+ }
145
143
 
146
- .hit-ZxDHvk {
147
- fill: #0000;
148
- cursor: crosshair;
149
- }
144
+ .visitors-n6IL4B {
145
+ fill: #7c3aed;
146
+ opacity: .95;
147
+ }
150
148
 
151
- :is(.axis-fBshTw, .byline-analytics-axis) {
152
- font-variant-numeric: tabular-nums;
153
- letter-spacing: .04em;
154
- color: var(--gray-500);
155
- justify-content: space-between;
156
- font-size: .6875rem;
157
- display: flex;
158
- }
149
+ .hit-ZxDHvk {
150
+ fill: #0000;
151
+ cursor: crosshair;
152
+ }
159
153
 
160
- :is(.readout-L9jEpz, .byline-analytics-readout) {
161
- font-variant-numeric: tabular-nums;
162
- min-height: 1.25rem;
163
- color: var(--gray-500);
164
- flex-wrap: wrap;
165
- align-items: center;
166
- gap: .35rem .75rem;
167
- margin: 0;
168
- font-size: .75rem;
169
- display: flex;
170
- }
154
+ :is(.axis-fBshTw, .byline-analytics-axis) {
155
+ font-variant-numeric: tabular-nums;
156
+ letter-spacing: .04em;
157
+ color: var(--gray-500);
158
+ justify-content: space-between;
159
+ font-size: .6875rem;
160
+ display: flex;
161
+ }
171
162
 
172
- .readout-L9jEpz strong {
173
- color: inherit;
174
- font-weight: 600;
175
- }
163
+ :is(.readout-L9jEpz, .byline-analytics-readout) {
164
+ font-variant-numeric: tabular-nums;
165
+ min-height: 1.25rem;
166
+ color: var(--gray-500);
167
+ flex-wrap: wrap;
168
+ align-items: center;
169
+ gap: .35rem .75rem;
170
+ margin: 0;
171
+ font-size: .75rem;
172
+ display: flex;
173
+ }
176
174
 
177
- .swatchViews-OCeKNe, .swatchVisitors-O3BWz6, .swatchDownloads-SVo9mN {
178
- border-radius: 1px;
179
- width: .5rem;
180
- height: .5rem;
181
- margin-inline: .4rem -.4rem;
182
- display: inline-block;
183
- }
175
+ .readout-L9jEpz strong {
176
+ color: inherit;
177
+ font-weight: 600;
178
+ }
184
179
 
185
- .swatchViews-OCeKNe {
186
- opacity: .55;
187
- background-color: #38bdf8;
188
- }
180
+ .swatchViews-OCeKNe, .swatchVisitors-O3BWz6, .swatchDownloads-SVo9mN {
181
+ border-radius: 1px;
182
+ width: .5rem;
183
+ height: .5rem;
184
+ margin-inline: .4rem -.4rem;
185
+ display: inline-block;
186
+ }
189
187
 
190
- .swatchVisitors-O3BWz6 {
191
- background-color: #7c3aed;
192
- }
188
+ .swatchViews-OCeKNe {
189
+ opacity: .55;
190
+ background-color: #38bdf8;
191
+ }
193
192
 
194
- .swatchDownloads-SVo9mN {
195
- background-color: #10b981;
196
- }
193
+ .swatchVisitors-O3BWz6 {
194
+ background-color: #7c3aed;
195
+ }
197
196
 
198
- :is([data-theme="dark"], .dark) .gridline-R_wAwP {
199
- stroke: var(--gray-700);
200
- }
197
+ .swatchDownloads-SVo9mN {
198
+ background-color: #10b981;
199
+ }
201
200
 
202
- :is(:is([data-theme="dark"], .dark) .axis-fBshTw, :is([data-theme="dark"], .dark) .byline-analytics-axis, :is([data-theme="dark"], .dark) .readout-L9jEpz, :is([data-theme="dark"], .dark) .byline-analytics-readout, :is([data-theme="dark"], .dark) .hoverCardLabel-JYa1xk) {
203
- color: var(--gray-400);
204
- }
201
+ :is([data-theme="dark"], .dark) .gridline-R_wAwP {
202
+ stroke: var(--gray-700);
203
+ }
205
204
 
206
- :is([data-theme="dark"], .dark) .visitors-n6IL4B {
207
- fill: #a78bfa;
208
- }
205
+ :is(:is([data-theme="dark"], .dark) .axis-fBshTw, :is([data-theme="dark"], .dark) .byline-analytics-axis, :is([data-theme="dark"], .dark) .readout-L9jEpz, :is([data-theme="dark"], .dark) .byline-analytics-readout, :is([data-theme="dark"], .dark) .hoverCardLabel-JYa1xk) {
206
+ color: var(--gray-400);
207
+ }
209
208
 
210
- :is([data-theme="dark"], .dark) .swatchVisitors-O3BWz6, :is([data-theme="dark"], .dark) .keyVisitors-P1JVE9 {
211
- background-color: #a78bfa;
212
- }
209
+ :is([data-theme="dark"], .dark) .visitors-n6IL4B {
210
+ fill: #a78bfa;
211
+ }
213
212
 
214
- :is([data-theme="dark"], .dark) .swatchDownloads-SVo9mN {
215
- background-color: #34d399;
216
- }
213
+ :is([data-theme="dark"], .dark) .swatchVisitors-O3BWz6, :is([data-theme="dark"], .dark) .keyVisitors-P1JVE9 {
214
+ background-color: #a78bfa;
215
+ }
217
216
 
218
- @media (prefers-reduced-motion: reduce) {
219
- .column-_Cw2Ua, .views-WHbm44, .hoverCard-riiLLo, .hoverCardVisible-mYSsIo {
220
- transition: none;
217
+ :is([data-theme="dark"], .dark) .swatchDownloads-SVo9mN {
218
+ background-color: #34d399;
221
219
  }
222
220
 
223
- .hoverCard-riiLLo, .hoverCardVisible-mYSsIo {
224
- translate: none;
221
+ @media (prefers-reduced-motion: reduce) {
222
+ .column-_Cw2Ua, .views-WHbm44, .hoverCard-riiLLo, .hoverCardVisible-mYSsIo {
223
+ transition: none;
224
+ }
225
+
226
+ .hoverCard-riiLLo, .hoverCardVisible-mYSsIo {
227
+ translate: none;
228
+ }
225
229
  }
226
- }
227
230
 
228
- @media (max-width: 720px) {
229
- :is(.chart-giYTrx, .byline-analytics-chart) {
230
- height: 9rem;
231
+ @media (max-width: 720px) {
232
+ :is(.chart-giYTrx, .byline-analytics-chart) {
233
+ height: 9rem;
234
+ }
231
235
  }
232
236
  }
233
237
 
@@ -1,104 +1,108 @@
1
- .manager-mPrpUs {
2
- border: 1px solid var(--border-color, #8885);
3
- border-radius: .5rem;
4
- padding: 1.25rem;
5
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
6
2
 
7
- .list-Mb1OlA {
8
- margin: 1rem 0;
9
- padding: 0;
10
- list-style: none;
11
- }
3
+ @layer byline-components.cms {
4
+ .manager-mPrpUs {
5
+ border: 1px solid var(--border-color, #8885);
6
+ border-radius: .5rem;
7
+ padding: 1.25rem;
8
+ }
12
9
 
13
- .empty-pDRaVX + .add-Mmfyxh {
14
- margin-top: .25rem;
15
- }
10
+ .list-Mb1OlA {
11
+ margin: 1rem 0;
12
+ padding: 0;
13
+ list-style: none;
14
+ }
16
15
 
17
- .row-We5Ooj {
18
- border-bottom: 1px solid var(--border-color, #8885);
19
- overflow-wrap: anywhere;
20
- flex-wrap: wrap;
21
- justify-content: space-between;
22
- align-items: center;
23
- gap: .75rem;
24
- padding: .75rem 0;
25
- display: flex;
26
- }
16
+ .empty-pDRaVX + .add-Mmfyxh {
17
+ margin-top: .25rem;
18
+ }
27
19
 
28
- .row-We5Ooj p {
29
- margin: .25rem 0;
30
- font-size: .875rem;
31
- }
20
+ .row-We5Ooj {
21
+ border-bottom: 1px solid var(--border-color, #8885);
22
+ overflow-wrap: anywhere;
23
+ flex-wrap: wrap;
24
+ justify-content: space-between;
25
+ align-items: center;
26
+ gap: .75rem;
27
+ padding: .75rem 0;
28
+ display: flex;
29
+ }
32
30
 
33
- .actions-Cu2Zmf {
34
- flex-wrap: wrap;
35
- gap: .5rem;
36
- display: flex;
37
- }
31
+ .row-We5Ooj p {
32
+ margin: .25rem 0;
33
+ font-size: .875rem;
34
+ }
38
35
 
39
- .modal-T_EV6A {
40
- width: calc(100% - 2 * var(--spacing-8));
41
- max-width: 540px;
42
- margin-bottom: var(--spacing-8);
43
- }
36
+ .actions-Cu2Zmf {
37
+ flex-wrap: wrap;
38
+ gap: .5rem;
39
+ display: flex;
40
+ }
44
41
 
45
- .drawer-body-GlBpJK {
46
- padding: var(--spacing-8);
47
- }
42
+ .modal-T_EV6A {
43
+ width: calc(100% - 2 * var(--spacing-8));
44
+ max-width: 540px;
45
+ margin-bottom: var(--spacing-8);
46
+ }
48
47
 
49
- .drawer-form-Qi9gs0 {
50
- gap: var(--spacing-16);
51
- padding-top: var(--spacing-8);
52
- flex-direction: column;
53
- display: flex;
54
- }
48
+ .drawer-body-GlBpJK {
49
+ padding: var(--spacing-8);
50
+ }
55
51
 
56
- .drawer-actions-wJGh5j {
57
- justify-content: flex-end;
58
- gap: var(--spacing-12);
59
- margin-top: var(--spacing-8);
60
- display: flex;
61
- }
52
+ .drawer-form-Qi9gs0 {
53
+ gap: var(--spacing-16);
54
+ padding-top: var(--spacing-8);
55
+ flex-direction: column;
56
+ display: flex;
57
+ }
62
58
 
63
- .drawer-skip-Vzeo1m {
64
- clip: rect(0, 0, 0, 0);
65
- white-space: nowrap;
66
- border: 0;
67
- width: 1px;
68
- height: 1px;
69
- margin: -1px;
70
- padding: 0;
71
- position: absolute;
72
- overflow: hidden;
73
- }
59
+ .drawer-actions-wJGh5j {
60
+ justify-content: flex-end;
61
+ gap: var(--spacing-12);
62
+ margin-top: var(--spacing-8);
63
+ display: flex;
64
+ }
74
65
 
75
- .modal-actions-j4wk2d {
76
- flex-direction: column-reverse;
77
- align-items: stretch;
78
- }
66
+ .drawer-skip-Vzeo1m {
67
+ clip: rect(0, 0, 0, 0);
68
+ white-space: nowrap;
69
+ border: 0;
70
+ width: 1px;
71
+ height: 1px;
72
+ margin: -1px;
73
+ padding: 0;
74
+ position: absolute;
75
+ overflow: hidden;
76
+ }
79
77
 
80
- @media (max-width: 39.99rem) {
81
- .modal-actions-j4wk2d > * {
82
- min-height: 2.5rem;
78
+ .modal-actions-j4wk2d {
79
+ flex-direction: column-reverse;
80
+ align-items: stretch;
83
81
  }
84
- }
85
82
 
86
- @media (min-width: 40rem) {
87
- .modal-T_EV6A {
88
- width: 100%;
89
- margin-bottom: 0;
83
+ @media (max-width: 39.99rem) {
84
+ .modal-actions-j4wk2d > * {
85
+ min-height: 2.5rem;
86
+ }
90
87
  }
91
88
 
92
- .modal-actions-j4wk2d {
93
- align-items: center;
94
- gap: var(--spacing-8);
95
- flex-flow: wrap;
89
+ @media (min-width: 40rem) {
90
+ .modal-T_EV6A {
91
+ width: 100%;
92
+ margin-bottom: 0;
93
+ }
94
+
95
+ .modal-actions-j4wk2d {
96
+ align-items: center;
97
+ gap: var(--spacing-8);
98
+ flex-flow: wrap;
99
+ }
96
100
  }
97
- }
98
101
 
99
- @media (min-width: 48rem) {
100
- .drawer-pc4pSE {
101
- width: 540px;
102
+ @media (min-width: 48rem) {
103
+ .drawer-pc4pSE {
104
+ width: 540px;
105
+ }
102
106
  }
103
107
  }
104
108