@pnx-mixtape/mxds 0.0.2 → 0.0.3
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/README.md +13 -13
- package/dist/build/accordion.css +1 -108
- package/dist/build/accordion.entry.js +1 -0
- package/dist/build/base.css +1 -1000
- package/dist/build/breadcrumb.css +1 -47
- package/dist/build/button.css +1 -126
- package/dist/build/callout.css +1 -11
- package/dist/build/card.css +1 -135
- package/dist/build/chunks/disclosure-widget-CfhDmuvA.js +1 -0
- package/dist/build/chunks/keyboard-Cs0cduxq.js +1 -0
- package/dist/build/chunks/polyfills-DUM8gN-6.js +1 -0
- package/dist/build/chunks/popover-BGbvrIUp.js +1 -0
- package/dist/build/chunks/utilities-Bzel_okZ.js +2 -0
- package/dist/build/constants.css +1 -120
- package/dist/build/container-grid.css +1 -207
- package/dist/build/content-block.css +1 -23
- package/dist/build/dialog.css +1 -98
- package/dist/build/dialog.entry.js +1 -0
- package/dist/build/drop-menu.css +1 -78
- package/dist/build/drop-menu.entry.js +1 -0
- package/dist/build/drupal.css +1 -74
- package/dist/build/footer-menu.css +1 -32
- package/dist/build/footer.css +1 -61
- package/dist/build/form.css +1 -589
- package/dist/build/grid.css +1 -200
- package/dist/build/header.css +1 -131
- package/dist/build/header.entry.js +1 -0
- package/dist/build/hero-banner.css +1 -62
- package/dist/build/icon.css +1 -399
- package/dist/build/in-page-alert.css +1 -94
- package/dist/build/in-page-alert.entry.js +1 -0
- package/dist/build/in-page-navigation.css +1 -17
- package/dist/build/in-page-navigation.entry.js +1 -0
- package/dist/build/index.css +1 -4980
- package/dist/build/link-list.css +1 -72
- package/dist/build/masthead.css +1 -39
- package/dist/build/nav-list.css +1 -29
- package/dist/build/navigation.css +1 -371
- package/dist/build/navigation.entry.js +1 -0
- package/dist/build/page.css +1 -184
- package/dist/build/pagination.css +1 -123
- package/dist/build/section.css +1 -160
- package/dist/build/sidebar.css +1 -105
- package/dist/build/sticky.css +1 -47
- package/dist/build/sticky.entry.js +1 -0
- package/dist/build/tabs.css +1 -106
- package/dist/build/tabs.entry.js +1 -0
- package/dist/build/tag.css +1 -67
- package/dist/build/tiles.css +1 -61
- package/dist/build/utilities.css +1 -175
- package/package.json +4 -3
- package/src/Atom/Background/_background.css +1 -22
- package/src/Atom/Blockquote/_blockquote.css +1 -1
- package/src/Atom/Button/README.md +3 -3
- package/src/Atom/Button/_buttons-styles.css +1 -1
- package/src/Atom/Button/_buttons.css +1 -1
- package/src/Atom/Heading/_headings.css +1 -1
- package/src/Atom/Icon/README.md +1 -1
- package/src/Atom/Icon/_extended-set.css +1 -1
- package/src/Atom/Icon/_icon.css +5 -5
- package/src/Atom/Image/_image.css +1 -1
- package/src/Atom/Link/_links.css +1 -1
- package/src/Atom/Media/_media.css +1 -1
- package/src/Atom/Media/media.twig +1 -5
- package/src/Atom/NavList/nav-list.css +1 -1
- package/src/Atom/README.md +1 -1
- package/src/Atom/Spacing/_spacing.css +1 -1
- package/src/Atom/Table/_table.css +1 -1
- package/src/Atom/Text/_text-align.css +1 -1
- package/src/Atom/Text/_text-sizes.css +1 -1
- package/src/Atom/Video/_video.css +1 -1
- package/src/Atom/Video/video.twig +10 -4
- package/src/Atom/_animated.css +1 -1
- package/src/Atom/_flow-legacy.css +1 -1
- package/src/Atom/_flow.css +1 -1
- package/src/Atom/_generic.css +1 -1
- package/src/Atom/_hr.css +1 -1
- package/src/Atom/base.css +2 -2
- package/src/Component/Accordion/README.md +7 -17
- package/src/Component/Accordion/accordion.css +2 -2
- package/src/Component/Accordion/accordion.entry.js +2 -0
- package/src/Component/Breadcrumb/breadcrumb.css +1 -1
- package/src/Component/Callout/callout.css +1 -1
- package/src/Component/Card/README.md +7 -13
- package/src/Component/Card/card.css +3 -3
- package/src/Component/ContentBlock/README.md +7 -13
- package/src/Component/ContentBlock/content-block.css +2 -2
- package/src/Component/Dialog/README.md +15 -49
- package/src/Component/Dialog/dialog.css +3 -3
- package/src/Component/Dialog/dialog.entry.js +1 -0
- package/src/Component/DropMenu/README.md +19 -4
- package/src/Component/DropMenu/drop-menu.css +1 -1
- package/src/Component/DropMenu/drop-menu.entry.js +1 -0
- package/src/Component/HeroBanner/hero-banner.css +1 -1
- package/src/Component/HeroBanner/hero-banner.twig +1 -0
- package/src/Component/InPageAlert/README.md +4 -4
- package/src/Component/InPageAlert/in-page-alert.css +2 -2
- package/src/Component/InPageAlert/in-page-alert.entry.js +1 -0
- package/src/Component/InPageNavigation/README.md +10 -15
- package/src/Component/InPageNavigation/in-page-navigation.css +2 -2
- package/src/Component/InPageNavigation/in-page-navigation.entry.js +1 -0
- package/src/Component/LinkList/README.md +3 -3
- package/src/Component/LinkList/link-list.css +1 -1
- package/src/Component/Navigation/README.md +16 -7
- package/src/Component/Navigation/_navigation-collapsible.css +1 -1
- package/src/Component/Navigation/_navigation-dropdown.css +1 -1
- package/src/Component/Navigation/_navigation-mega.css +1 -1
- package/src/Component/Navigation/_navigation.css +1 -1
- package/src/Component/Navigation/navigation.entry.js +1 -0
- package/src/Component/Pagination/README.md +3 -3
- package/src/Component/Pagination/pagination.css +1 -1
- package/src/Component/Sticky/README.md +12 -5
- package/src/Component/Sticky/sticky.css +2 -2
- package/src/Component/Sticky/sticky.entry.js +1 -0
- package/src/Component/Tabs/README.md +12 -4
- package/src/Component/Tabs/tabs.css +2 -2
- package/src/Component/Tabs/tabs.entry.js +1 -0
- package/src/Component/Tag/README.md +2 -2
- package/src/Component/Tag/tag.css +1 -1
- package/src/Component/Tile/tiles.css +1 -1
- package/src/Form/README.md +2 -2
- package/src/Form/form.css +12 -12
- package/src/Layout/Footer/FooterMenu/footer-menu.css +1 -1
- package/src/Layout/Footer/footer.css +1 -1
- package/src/Layout/Grid/container-grid.css +2 -2
- package/src/Layout/Grid/grid.css +2 -2
- package/src/Layout/Header/_header.css +1 -1
- package/src/Layout/Header/_toggles.css +1 -1
- package/src/Layout/Header/header.entry.js +1 -0
- package/src/Layout/Masthead/masthead.css +5 -5
- package/src/Layout/Masthead/masthead.twig +2 -2
- package/src/Layout/Page/README.md +2 -2
- package/src/Layout/Page/page.css +2 -2
- package/src/Layout/README.md +3 -2
- package/src/Layout/Section/section.css +4 -4
- package/src/Layout/Sidebar/sidebar.css +1 -1
- package/src/Utility/Drupal/README.md +1 -1
- package/src/Utility/README.md +1 -1
- package/src/Utility/_layout-utils.css +1 -1
- package/src/Utility/utilities.css +3 -3
- package/dist/build/Accordion.js +0 -61
- package/dist/build/Accordion.js.map +0 -1
- package/dist/build/AccordionDiv.js +0 -62
- package/dist/build/AccordionDiv.js.map +0 -1
- package/dist/build/AccordionGroup.js +0 -85
- package/dist/build/AccordionGroup.js.map +0 -1
- package/dist/build/AccordionMobile.js +0 -31
- package/dist/build/AccordionMobile.js.map +0 -1
- package/dist/build/Dialog.js +0 -116
- package/dist/build/Dialog.js.map +0 -1
- package/dist/build/DropMenu.js +0 -132
- package/dist/build/DropMenu.js.map +0 -1
- package/dist/build/GlobalToggle.js +0 -103
- package/dist/build/GlobalToggle.js.map +0 -1
- package/dist/build/InPageAlert.js +0 -61
- package/dist/build/InPageAlert.js.map +0 -1
- package/dist/build/InPageNavigation.js +0 -92
- package/dist/build/InPageNavigation.js.map +0 -1
- package/dist/build/Navigation.js +0 -126
- package/dist/build/Navigation.js.map +0 -1
- package/dist/build/Sticky.js +0 -63
- package/dist/build/Sticky.js.map +0 -1
- package/dist/build/Tabs.js +0 -164
- package/dist/build/Tabs.js.map +0 -1
- package/dist/build/breakpoint-loader.js +0 -52
- package/dist/build/breakpoint-loader.js.map +0 -1
- package/dist/build/chunks/js.cookie-CiMiGxWx.js +0 -101
- package/dist/build/chunks/js.cookie-CiMiGxWx.js.map +0 -1
- package/dist/build/chunks/polyfills-CJ5uTmUJ.js +0 -749
- package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
- package/dist/build/chunks/popover-wbPSyFRj.js +0 -654
- package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
- package/dist/build/chunks/utilities-BIk0P2KX.js +0 -61
- package/dist/build/chunks/utilities-BIk0P2KX.js.map +0 -1
- package/dist/build/cookie-compliance.js +0 -122
- package/dist/build/cookie-compliance.js.map +0 -1
- package/dist/build/disclosure-widget.js +0 -124
- package/dist/build/disclosure-widget.js.map +0 -1
- package/dist/build/io-loader.js +0 -44
- package/dist/build/io-loader.js.map +0 -1
- package/dist/build/keyboard.js +0 -101
- package/dist/build/keyboard.js.map +0 -1
- package/src/index.css +0 -27
package/dist/build/form.css
CHANGED
|
@@ -1,589 +1 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Form
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
@layer elements {
|
|
6
|
-
.form__item {
|
|
7
|
-
max-inline-size: var(--container-max-width);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.form__item.form__item--inline {
|
|
11
|
-
display: flex;
|
|
12
|
-
align-items: flex-start;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Text Input
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
@layer elements {
|
|
21
|
-
:is(
|
|
22
|
-
.input__text,
|
|
23
|
-
[type="text"],
|
|
24
|
-
[type="search"],
|
|
25
|
-
[type="tel"],
|
|
26
|
-
[type="url"],
|
|
27
|
-
[type="email"],
|
|
28
|
-
[type="password"],
|
|
29
|
-
[type="date"],
|
|
30
|
-
[type="time"],
|
|
31
|
-
[type="number"],
|
|
32
|
-
select,
|
|
33
|
-
textarea
|
|
34
|
-
) {
|
|
35
|
-
box-shadow: none;
|
|
36
|
-
font: inherit;
|
|
37
|
-
letter-spacing: inherit;
|
|
38
|
-
word-spacing: inherit;
|
|
39
|
-
max-inline-size: 100%;
|
|
40
|
-
padding-block: calc(
|
|
41
|
-
var(--form-spacing, var(--spacing-s)) - (2px * 2)
|
|
42
|
-
);
|
|
43
|
-
padding-block: calc(
|
|
44
|
-
var(--form-spacing, var(--spacing-s)) - (var(--line-width, 2px) * 2)
|
|
45
|
-
);
|
|
46
|
-
padding-inline: var(--form-spacing, var(--spacing-s));
|
|
47
|
-
border: 2px solid
|
|
48
|
-
var(--line-colour, var(--line-colour, var(--colour-border)));
|
|
49
|
-
border: var(--line-width, 2px) solid
|
|
50
|
-
var(--line-colour, var(--line-colour, var(--colour-border)));
|
|
51
|
-
border-radius: var(--border-radius);
|
|
52
|
-
background-color: var(--colour-background);
|
|
53
|
-
color: var(--form-colour, var(--foreground, var(--colour-foreground)));
|
|
54
|
-
line-height: var(--line-height-ui);
|
|
55
|
-
block-size: var(--form-element-height, var(--spacing-xxl));
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:is(
|
|
59
|
-
.input__text,
|
|
60
|
-
[type="text"],
|
|
61
|
-
[type="search"],
|
|
62
|
-
[type="tel"],
|
|
63
|
-
[type="url"],
|
|
64
|
-
[type="email"],
|
|
65
|
-
[type="password"],
|
|
66
|
-
[type="date"],
|
|
67
|
-
[type="time"],
|
|
68
|
-
[type="number"],
|
|
69
|
-
select,
|
|
70
|
-
textarea
|
|
71
|
-
):focus-visible {
|
|
72
|
-
outline-offset: calc(2px * -1);
|
|
73
|
-
outline-offset: calc(var(--line-width, 2px) * -1);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
:is(
|
|
77
|
-
.input__text,
|
|
78
|
-
[type="text"],
|
|
79
|
-
[type="search"],
|
|
80
|
-
[type="tel"],
|
|
81
|
-
[type="url"],
|
|
82
|
-
[type="email"],
|
|
83
|
-
[type="password"],
|
|
84
|
-
[type="date"],
|
|
85
|
-
[type="time"],
|
|
86
|
-
[type="number"],
|
|
87
|
-
select,
|
|
88
|
-
textarea
|
|
89
|
-
)::-moz-placeholder {
|
|
90
|
-
color: var(--placeholder-colour, var(--colour-foreground-alt));
|
|
91
|
-
opacity: 1;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
:is(
|
|
95
|
-
.input__text,
|
|
96
|
-
[type="text"],
|
|
97
|
-
[type="search"],
|
|
98
|
-
[type="tel"],
|
|
99
|
-
[type="url"],
|
|
100
|
-
[type="email"],
|
|
101
|
-
[type="password"],
|
|
102
|
-
[type="date"],
|
|
103
|
-
[type="time"],
|
|
104
|
-
[type="number"],
|
|
105
|
-
select,
|
|
106
|
-
textarea
|
|
107
|
-
)::placeholder {
|
|
108
|
-
color: var(--placeholder-colour, var(--colour-foreground-alt));
|
|
109
|
-
opacity: 1;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
[disabled]:is(
|
|
113
|
-
.input__text,
|
|
114
|
-
[type="text"],
|
|
115
|
-
[type="search"],
|
|
116
|
-
[type="tel"],
|
|
117
|
-
[type="url"],
|
|
118
|
-
[type="email"],
|
|
119
|
-
[type="password"],
|
|
120
|
-
[type="date"],
|
|
121
|
-
[type="time"],
|
|
122
|
-
[type="number"],
|
|
123
|
-
select,
|
|
124
|
-
textarea
|
|
125
|
-
) {
|
|
126
|
-
opacity: 0.6;
|
|
127
|
-
opacity: var(--disabled-opacity, 0.6);
|
|
128
|
-
cursor: not-allowed;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.error:is(
|
|
132
|
-
.input__text,
|
|
133
|
-
[type="text"],
|
|
134
|
-
[type="search"],
|
|
135
|
-
[type="tel"],
|
|
136
|
-
[type="url"],
|
|
137
|
-
[type="email"],
|
|
138
|
-
[type="password"],
|
|
139
|
-
[type="date"],
|
|
140
|
-
[type="time"],
|
|
141
|
-
[type="number"],
|
|
142
|
-
select,
|
|
143
|
-
textarea
|
|
144
|
-
) {
|
|
145
|
-
border-color: var(--error-foreground, var(--colour-error-foreground));
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.success:is(
|
|
149
|
-
.input__text,
|
|
150
|
-
[type="text"],
|
|
151
|
-
[type="search"],
|
|
152
|
-
[type="tel"],
|
|
153
|
-
[type="url"],
|
|
154
|
-
[type="email"],
|
|
155
|
-
[type="password"],
|
|
156
|
-
[type="date"],
|
|
157
|
-
[type="time"],
|
|
158
|
-
[type="number"],
|
|
159
|
-
select,
|
|
160
|
-
textarea
|
|
161
|
-
) {
|
|
162
|
-
border-color: var(--success-foreground, var(--colour-success-foreground));
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
:is(.input--small, .select--small) {
|
|
166
|
-
min-inline-size: 0;
|
|
167
|
-
border-width: 1px;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
:is(.input--wide, .select--wide) {
|
|
171
|
-
inline-size: 100%;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
/**
|
|
176
|
-
* Input Divider
|
|
177
|
-
*/
|
|
178
|
-
|
|
179
|
-
@layer elements {
|
|
180
|
-
.input__divider {
|
|
181
|
-
padding: var(--form-spacing, var(--spacing-s));
|
|
182
|
-
line-height: var(--line-height-ui);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
/**
|
|
187
|
-
* Text Input with Icon
|
|
188
|
-
*/
|
|
189
|
-
|
|
190
|
-
@layer elements {
|
|
191
|
-
.input__text--icon {
|
|
192
|
-
display: inline-block;
|
|
193
|
-
max-inline-size: 100%;
|
|
194
|
-
min-inline-size: 100%;
|
|
195
|
-
border-radius: var(--border-radius);
|
|
196
|
-
background-color: var(--background, var(--colour-background));
|
|
197
|
-
position: relative;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.input__text--icon::before {
|
|
201
|
-
position: absolute;
|
|
202
|
-
block-size: 100%;
|
|
203
|
-
inset-block-start: 0;
|
|
204
|
-
inset-inline-start: var(--form-spacing, var(--spacing-s));
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.input__text--icon input {
|
|
208
|
-
inline-size: 100%;
|
|
209
|
-
padding-inline-start: calc(var(--form-spacing, var(--spacing-s)) * 2.5);
|
|
210
|
-
background-color: transparent;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.input__text--icon:has(.error)::before {
|
|
214
|
-
background-color: var(--error-foreground, var(--colour-error-foreground));
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
.input__text--icon:has(.success)::before {
|
|
218
|
-
background-color: var(
|
|
219
|
-
--success-foreground,
|
|
220
|
-
var(--colour-success-foreground)
|
|
221
|
-
);
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
/**
|
|
226
|
-
* Text Input with Inline Button
|
|
227
|
-
*/
|
|
228
|
-
|
|
229
|
-
@layer elements {
|
|
230
|
-
.input__text--inline {
|
|
231
|
-
position: relative;
|
|
232
|
-
display: inline-block;
|
|
233
|
-
max-inline-size: 100%;
|
|
234
|
-
min-inline-size: 100%;
|
|
235
|
-
border-radius: var(--border-radius);
|
|
236
|
-
background-color: var(--background, var(--colour-background));
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.input__text--inline [type="text"] {
|
|
240
|
-
inline-size: 100%;
|
|
241
|
-
padding-inline-end: 7rem;
|
|
242
|
-
background-color: transparent;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.input__text--inline [type="submit"] {
|
|
246
|
-
position: absolute;
|
|
247
|
-
inset-block-start: var(--spacing-xxxxs);
|
|
248
|
-
inset-inline-end: var(--spacing-xxxxs);
|
|
249
|
-
border: 0;
|
|
250
|
-
border-radius: 3px;
|
|
251
|
-
block-size: calc(
|
|
252
|
-
var(--form-element-height, var(--spacing-xxl)) - var(--spacing-xxxs)
|
|
253
|
-
);
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
/**
|
|
258
|
-
* Label
|
|
259
|
-
*/
|
|
260
|
-
|
|
261
|
-
@layer elements {
|
|
262
|
-
:is(label, legend) {
|
|
263
|
-
display: block;
|
|
264
|
-
margin-block-end: var(--spacing-xxxs);
|
|
265
|
-
font-size: var(--font-size);
|
|
266
|
-
color: var(--label-foreground, var(--foreground, var(--colour-foreground)));
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.label--inline:is(label, legend) {
|
|
270
|
-
display: inline-block;
|
|
271
|
-
margin-block-end: 0;
|
|
272
|
-
margin-inline-end: var(--spacing-xxs);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
[type="checkbox"] {
|
|
276
|
-
box-shadow: none;
|
|
277
|
-
-webkit-appearance: none;
|
|
278
|
-
-moz-appearance: none;
|
|
279
|
-
appearance: none;
|
|
280
|
-
inline-size: var(--control-size, var(--spacing-m));
|
|
281
|
-
block-size: var(--control-size, var(--spacing-m));
|
|
282
|
-
background-color: var(--background, var(--colour-background));
|
|
283
|
-
border: 2px solid
|
|
284
|
-
var(--line-colour, var(--colour-border));
|
|
285
|
-
border: var(--line-width, 2px) solid
|
|
286
|
-
var(--line-colour, var(--colour-border));
|
|
287
|
-
border-radius: var(--border-radius);
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
@media (pointer: coarse) {
|
|
291
|
-
|
|
292
|
-
[type="checkbox"] {
|
|
293
|
-
--control-size: 2rem;
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
[type="checkbox"]:checked {
|
|
298
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'/%3E%3C/svg%3E");
|
|
299
|
-
background-size: 0.75rem;
|
|
300
|
-
background-position: center;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
[type="checkbox"]:focus-visible {
|
|
304
|
-
outline: 2px auto var(--outline-color);
|
|
305
|
-
outline: var(--line-width, 2px) auto var(--outline-color);
|
|
306
|
-
outline-offset: 0;
|
|
307
|
-
}
|
|
308
|
-
[type="checkbox"][disabled]::after {
|
|
309
|
-
opacity: 0.6;
|
|
310
|
-
opacity: var(--disabled-opacity, 0.6);
|
|
311
|
-
cursor: not-allowed;
|
|
312
|
-
content: "";
|
|
313
|
-
display: block;
|
|
314
|
-
inline-size: 100%;
|
|
315
|
-
block-size: 100%;
|
|
316
|
-
border-radius: var(--border-radius);
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
[type="checkbox"][disabled] + label {
|
|
320
|
-
opacity: 0.6;
|
|
321
|
-
opacity: var(--disabled-opacity, 0.6);
|
|
322
|
-
cursor: not-allowed;
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
.error[type="checkbox"] {
|
|
326
|
-
border-color: var(--error-foreground, var(--colour-error-foreground));
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
.success[type="checkbox"] {
|
|
330
|
-
border-color: var(--success-foreground, var(--colour-success-foreground));
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
/**
|
|
335
|
-
* Checkboxes
|
|
336
|
-
*/
|
|
337
|
-
|
|
338
|
-
/**
|
|
339
|
-
* Radios
|
|
340
|
-
*/
|
|
341
|
-
|
|
342
|
-
@layer elements {
|
|
343
|
-
[type="radio"] {
|
|
344
|
-
box-shadow: none;
|
|
345
|
-
-webkit-appearance: none;
|
|
346
|
-
-moz-appearance: none;
|
|
347
|
-
appearance: none;
|
|
348
|
-
display: flex;
|
|
349
|
-
inline-size: var(--control-size, var(--spacing-m));
|
|
350
|
-
block-size: var(--control-size, var(--spacing-m));
|
|
351
|
-
background-color: var(--background, var(--colour-background));
|
|
352
|
-
border: 2px solid
|
|
353
|
-
var(--line-colour, var(--colour-border));
|
|
354
|
-
border: var(--line-width, 2px) solid
|
|
355
|
-
var(--line-colour, var(--colour-border));
|
|
356
|
-
border-radius: 50%;
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
@media (pointer: coarse) {
|
|
360
|
-
[type="radio"] {
|
|
361
|
-
--control-size: 2rem;
|
|
362
|
-
}
|
|
363
|
-
}
|
|
364
|
-
[type="radio"]:checked::after {
|
|
365
|
-
content: "";
|
|
366
|
-
display: block;
|
|
367
|
-
inline-size: 0.5rem;
|
|
368
|
-
block-size: 0.5rem;
|
|
369
|
-
margin: auto;
|
|
370
|
-
border-radius: 50%;
|
|
371
|
-
background-color: var(--radio-colour, var(--colour-primary));
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
[type="radio"]:focus-visible {
|
|
375
|
-
outline: 2px auto var(--outline-color);
|
|
376
|
-
outline: var(--line-width, 2px) auto var(--outline-color);
|
|
377
|
-
outline-offset: 0;
|
|
378
|
-
}
|
|
379
|
-
[type="radio"][disabled]::after {
|
|
380
|
-
opacity: 0.6;
|
|
381
|
-
opacity: var(--disabled-opacity, 0.6);
|
|
382
|
-
cursor: not-allowed;
|
|
383
|
-
content: "";
|
|
384
|
-
display: block;
|
|
385
|
-
inline-size: 100%;
|
|
386
|
-
block-size: 100%;
|
|
387
|
-
border-radius: 50%;
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
[type="radio"][disabled] + label {
|
|
391
|
-
opacity: 0.6;
|
|
392
|
-
opacity: var(--disabled-opacity, 0.6);
|
|
393
|
-
cursor: not-allowed;
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
.error[type="radio"] {
|
|
397
|
-
border-color: var(--error-foreground, var(--colour-error-foreground));
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
.success[type="radio"] {
|
|
401
|
-
border-color: var(--success-foreground, var(--colour-success-foreground));
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
:is(.form__radio, .form__checkbox) {
|
|
405
|
-
margin-block-end: var(--spacing-xxxs);
|
|
406
|
-
display: flex;
|
|
407
|
-
align-items: center;
|
|
408
|
-
gap: var(--control-gap, var(--spacing-xxs));
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
:is(.form__radio, .form__checkbox):last-child {
|
|
412
|
-
margin-block-end: 0;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
:is(.form__radio, .form__checkbox) label {
|
|
416
|
-
cursor: pointer;
|
|
417
|
-
margin: 0;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
:is(.form__radio, .form__checkbox) input {
|
|
421
|
-
flex-shrink: 0;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
.form__item--inline:is(.form__radio, .form__checkbox) {
|
|
425
|
-
display: inline-flex;
|
|
426
|
-
margin-inline-end: var(--control-gap, var(--spacing-xxs));
|
|
427
|
-
}
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
/**
|
|
431
|
-
* Textarea
|
|
432
|
-
*/
|
|
433
|
-
|
|
434
|
-
@layer elements {
|
|
435
|
-
textarea {
|
|
436
|
-
block-size: calc(4 * var(--form-element-height, var(--spacing-xxl)));
|
|
437
|
-
inline-size: 100%;
|
|
438
|
-
}
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
/**
|
|
442
|
-
* Fieldset
|
|
443
|
-
*/
|
|
444
|
-
|
|
445
|
-
@layer elements {
|
|
446
|
-
:is(.fieldset, fieldset) {
|
|
447
|
-
border: 2px solid
|
|
448
|
-
var(--line-colour, var(--colour-border));
|
|
449
|
-
border: var(--line-width, 2px) solid
|
|
450
|
-
var(--line-colour, var(--colour-border));
|
|
451
|
-
border-radius: var(--border-radius);
|
|
452
|
-
padding: var(--form-spacing, var(--spacing-s));
|
|
453
|
-
min-inline-size: 0;
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
:is(.fieldset, fieldset) legend {
|
|
457
|
-
padding-block: 0;
|
|
458
|
-
padding-inline: var(--form-spacing, var(--spacing-s));
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
.fieldset--plain {
|
|
462
|
-
border: 0;
|
|
463
|
-
padding: 0;
|
|
464
|
-
}
|
|
465
|
-
|
|
466
|
-
.fieldset--plain legend {
|
|
467
|
-
padding: 0;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
.fieldset--inline {
|
|
471
|
-
display: flex;
|
|
472
|
-
flex-wrap: wrap;
|
|
473
|
-
gap: var(--spacing-xxs);
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
.fieldset--inline :is(.form__item, .form__item--inline) {
|
|
477
|
-
margin: 0;
|
|
478
|
-
}
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
/**
|
|
482
|
-
* Description
|
|
483
|
-
*/
|
|
484
|
-
|
|
485
|
-
@layer elements {
|
|
486
|
-
.form__description {
|
|
487
|
-
margin-block: var(--form-spacing, var(--spacing-s));
|
|
488
|
-
margin-inline: 0;
|
|
489
|
-
font-size: var(--font-size-xs);
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
.form__description:last-child {
|
|
493
|
-
margin-block-end: 0;
|
|
494
|
-
}
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
/**
|
|
498
|
-
* Error message
|
|
499
|
-
*/
|
|
500
|
-
|
|
501
|
-
@layer elements {
|
|
502
|
-
:is(.form__success-message, .form__error-message) {
|
|
503
|
-
margin-block: var(--form-spacing, var(--spacing-s));
|
|
504
|
-
margin-inline: 0;
|
|
505
|
-
font-size: var(--font-size-s);
|
|
506
|
-
color: var(--foreground, var(--colour-foreground));
|
|
507
|
-
display: flex;
|
|
508
|
-
gap: var(--spacing-xxs);
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
:is(.form__success-message, .form__error-message):last-child {
|
|
512
|
-
margin-block-end: 0;
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
:is(.form__success-message, .form__error-message)::before {
|
|
516
|
-
content: "";
|
|
517
|
-
display: block;
|
|
518
|
-
inline-size: var(--spacing-m);
|
|
519
|
-
block-size: var(--spacing-m);
|
|
520
|
-
-webkit-mask-position: center;
|
|
521
|
-
mask-position: center;
|
|
522
|
-
-webkit-mask-repeat: no-repeat;
|
|
523
|
-
mask-repeat: no-repeat;
|
|
524
|
-
flex-shrink: 0;
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
.form__error-message::before {
|
|
528
|
-
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");
|
|
529
|
-
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");
|
|
530
|
-
background-color: var(--error-foreground, var(--colour-error-foreground));
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
.form__success-message::before {
|
|
534
|
-
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");
|
|
535
|
-
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");
|
|
536
|
-
background-color: var(
|
|
537
|
-
--success-foreground,
|
|
538
|
-
var(--colour-success-foreground)
|
|
539
|
-
);
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
/**
|
|
544
|
-
* Select
|
|
545
|
-
*/
|
|
546
|
-
|
|
547
|
-
@layer elements {
|
|
548
|
-
select {
|
|
549
|
-
-webkit-appearance: none;
|
|
550
|
-
-moz-appearance: none;
|
|
551
|
-
appearance: none;
|
|
552
|
-
cursor: pointer;
|
|
553
|
-
background-color: var(--background, var(--colour-background));
|
|
554
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z'/%3E%3C/svg%3E");
|
|
555
|
-
background-position: right var(--form-spacing, var(--spacing-s)) center;
|
|
556
|
-
padding-block: 0;
|
|
557
|
-
padding-inline-end: var(--spacing-xl);
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
select[multiple] {
|
|
561
|
-
block-size: auto;
|
|
562
|
-
background-image: none;
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
select.input--small {
|
|
566
|
-
padding-inline-end: var(--spacing-m);
|
|
567
|
-
background-position: right var(--spacing-xs) center;
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
:is(.translated-rtl select, [dir="rtl"] select) {
|
|
571
|
-
background-position: left var(--spacing-s) center;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
.input--small:is(.translated-rtl select, [dir="rtl"] select) {
|
|
575
|
-
background-position: left var(--spacing-xs) center;
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
/**
|
|
579
|
-
* Form actions.
|
|
580
|
-
*/
|
|
581
|
-
.form__actions {
|
|
582
|
-
display: flex;
|
|
583
|
-
flex-wrap: wrap;
|
|
584
|
-
align-items: center;
|
|
585
|
-
gap: var(--spacing-s);
|
|
586
|
-
}
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
/*# sourceMappingURL=data:application/json;base64,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Q0Usb0NBQW9DO01BQ3BDLG1EQUFtRDtJQUNyRDs7RUFHRjtJQUNFLGlEQUFpRDtFQUtuRDs7SUFIRTtNQUNFLGtEQUFrRDtJQUNwRDs7RUFHRjs7SUFFRTtFQUNGO0lBQ0UsYUFBYTtJQUNiLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIscUJBQXFCO0VBQ3ZCO0FBQ0YiLCJmaWxlIjoiZm9ybS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEZvcm1cbiAqL1xuXG5AbGF5ZXIgZWxlbWVudHMge1xuICAuZm9ybV9faXRlbSB7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKTtcblxuICAgICYuZm9ybV9faXRlbS0taW5saW5lIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBUZXh0IElucHV0XG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgOmlzKFxuICAgICAgLmlucHV0X190ZXh0LFxuICAgICAgW3R5cGU9XCJ0ZXh0XCJdLFxuICAgICAgW3R5cGU9XCJzZWFyY2hcIl0sXG4gICAgICBbdHlwZT1cInRlbFwiXSxcbiAgICAgIFt0eXBlPVwidXJsXCJdLFxuICAgICAgW3R5cGU9XCJlbWFpbFwiXSxcbiAgICAgIFt0eXBlPVwicGFzc3dvcmRcIl0sXG4gICAgICBbdHlwZT1cImRhdGVcIl0sXG4gICAgICBbdHlwZT1cInRpbWVcIl0sXG4gICAgICBbdHlwZT1cIm51bWJlclwiXSxcbiAgICAgIHNlbGVjdCxcbiAgICAgIHRleHRhcmVhXG4gICAgKSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBmb250OiBpbmhlcml0O1xuICAgIGxldHRlci1zcGFjaW5nOiBpbmhlcml0O1xuICAgIHdvcmQtc3BhY2luZzogaW5oZXJpdDtcbiAgICBtYXgtaW5saW5lLXNpemU6IDEwMCU7XG4gICAgcGFkZGluZy1ibG9jazogY2FsYyhcbiAgICAgIHZhcigtLWZvcm0tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSkgLSAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgKTtcbiAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCk7XG4gICAgY29sb3I6IHZhcigtLWZvcm0tY29sb3VyLCB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICAgIGJsb2NrLXNpemU6IHZhcigtLWZvcm0tZWxlbWVudC1oZWlnaHQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IGNhbGModmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIC0xKTtcbiAgICB9XG5cbiAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogdmFyKC0tcGxhY2Vob2xkZXItY29sb3VyLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1hbHQpKTtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgb3BhY2l0eTogdmFyKC0tZGlzYWJsZWQtb3BhY2l0eSwgMC42KTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJi5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuXG4gICAgJi5zdWNjZXNzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuICB9XG5cbiAgOmlzKC5pbnB1dC0tc21hbGwsIC5zZWxlY3QtLXNtYWxsKSB7XG4gICAgbWluLWlubGluZS1zaXplOiAwO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICB9XG5cbiAgOmlzKC5pbnB1dC0td2lkZSwgLnNlbGVjdC0td2lkZSkge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICB9XG59XG5cbi8qKlxuICogSW5wdXQgRGl2aWRlclxuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIC5pbnB1dF9fZGl2aWRlciB7XG4gICAgcGFkZGluZzogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICB9XG59XG5cbi8qKlxuICogVGV4dCBJbnB1dCB3aXRoIEljb25cbiAqL1xuXG5AbGF5ZXIgZWxlbWVudHMge1xuICAuaW5wdXRfX3RleHQtLWljb24ge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBtYXgtaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWluLWlubGluZS1zaXplOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICB9XG5cbiAgICAmIGlucHV0IHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKSAqIDIuNSk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAmOmhhcyguZXJyb3IpOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZXJyb3ItZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpKTtcbiAgICB9XG5cbiAgICAmOmhhcyguc3VjY2Vzcyk6OmJlZm9yZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKVxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBUZXh0IElucHV0IHdpdGggSW5saW5lIEJ1dHRvblxuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIC5pbnB1dF9fdGV4dC0taW5saW5lIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1heC1pbmxpbmUtc2l6ZTogMTAwJTtcbiAgICBtaW4taW5saW5lLXNpemU6IDEwMCU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKTtcblxuICAgICYgW3R5cGU9XCJ0ZXh0XCJdIHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiA3cmVtO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgJiBbdHlwZT1cInN1Ym1pdFwiXSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy14eHh4cyk7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiB2YXIoLS1zcGFjaW5nLXh4eHhzKTtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWZvcm0tZWxlbWVudC1oZWlnaHQsIHZhcigtLXNwYWNpbmcteHhsKSkgLSB2YXIoLS1zcGFjaW5nLXh4eHMpXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIExhYmVsXG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgOmlzKGxhYmVsLCBsZWdlbmQpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgICBjb2xvcjogdmFyKC0tbGFiZWwtZm9yZWdyb3VuZCwgdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWZvcmVncm91bmQpKSk7XG5cbiAgICAmLmxhYmVsLS1pbmxpbmUge1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG4gICAgfVxuICB9XG5cbiAgW3R5cGU9XCJjaGVja2JveFwiXSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGlubGluZS1zaXplOiB2YXIoLS1jb250cm9sLXNpemUsIHZhcigtLXNwYWNpbmctbSkpO1xuICAgIGJsb2NrLXNpemU6IHZhcigtLWNvbnRyb2wtc2l6ZSwgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG5cbiAgICBAbWVkaWEgKHBvaW50ZXI6IGNvYXJzZSkge1xuICAgICAgLS1jb250cm9sLXNpemU6IDJyZW07XG4gICAgfVxuXG4gICAgJjpjaGVja2VkIHtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHN2Zy1sb2FkKFwiLi9pbWFnZXMvY2hlY2ttYXJrLnN2Z1wiKTtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogMC43NXJlbTtcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBhdXRvIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1kaXNhYmxlZC1vcGFjaXR5LCAwLjYpO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgICAgfVxuXG4gICAgICAmICsgbGFiZWwge1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1kaXNhYmxlZC1vcGFjaXR5LCAwLjYpO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvci1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZCkpO1xuICAgIH1cblxuICAgICYuc3VjY2VzcyB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLXN1Y2Nlc3MtZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLXN1Y2Nlc3MtZm9yZWdyb3VuZCkpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIENoZWNrYm94ZXNcbiAqL1xuXG4vKipcbiAqIFJhZGlvc1xuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIFt0eXBlPVwicmFkaW9cIl0ge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGlubGluZS1zaXplOiB2YXIoLS1jb250cm9sLXNpemUsIHZhcigtLXNwYWNpbmctbSkpO1xuICAgIGJsb2NrLXNpemU6IHZhcigtLWNvbnRyb2wtc2l6ZSwgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgQG1lZGlhIChwb2ludGVyOiBjb2Fyc2UpIHtcbiAgICAgIC0tY29udHJvbC1zaXplOiAycmVtO1xuICAgIH1cblxuICAgICY6Y2hlY2tlZCB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBpbmxpbmUtc2l6ZTogMC41cmVtO1xuICAgICAgICBibG9jay1zaXplOiAwLjVyZW07XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1jb2xvdXIsIHZhcigtLWNvbG91ci1wcmltYXJ5KSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgYXV0byB2YXIoLS1vdXRsaW5lLWNvbG9yKTtcbiAgICAgIG91dGxpbmUtb2Zmc2V0OiAwO1xuICAgIH1cblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogdmFyKC0tZGlzYWJsZWQtb3BhY2l0eSwgMC42KTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgICBibG9jay1zaXplOiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICB9XG5cbiAgICAgICYgKyBsYWJlbCB7XG4gICAgICAgIG9wYWNpdHk6IHZhcigtLWRpc2FibGVkLW9wYWNpdHksIDAuNik7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuXG4gICAgJi5zdWNjZXNzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuICB9XG5cbiAgOmlzKC5mb3JtX19yYWRpbywgLmZvcm1fX2NoZWNrYm94KSB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy14eHhzKTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoLS1jb250cm9sLWdhcCwgdmFyKC0tc3BhY2luZy14eHMpKTtcblxuICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICBtYXJnaW4tYmxvY2stZW5kOiAwO1xuICAgIH1cblxuICAgICYgbGFiZWwge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgICYgaW5wdXQge1xuICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgfVxuXG4gICAgJi5mb3JtX19pdGVtLS1pbmxpbmUge1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tY29udHJvbC1nYXAsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogVGV4dGFyZWFcbiAqL1xuXG5AbGF5ZXIgZWxlbWVudHMge1xuICB0ZXh0YXJlYSB7XG4gICAgYmxvY2stc2l6ZTogY2FsYyg0ICogdmFyKC0tZm9ybS1lbGVtZW50LWhlaWdodCwgdmFyKC0tc3BhY2luZy14eGwpKSk7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gIH1cbn1cblxuLyoqXG4gKiBGaWVsZHNldFxuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIDppcyguZmllbGRzZXQsIGZpZWxkc2V0KSB7XG4gICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgIHBhZGRpbmc6IHZhcigtLWZvcm0tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgbWluLWlubGluZS1zaXplOiAwO1xuXG4gICAgJiBsZWdlbmQge1xuICAgICAgcGFkZGluZy1ibG9jazogMDtcbiAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1mb3JtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIH1cbiAgfVxuXG4gIC5maWVsZHNldC0tcGxhaW4ge1xuICAgIGJvcmRlcjogMDtcbiAgICBwYWRkaW5nOiAwO1xuXG4gICAgJiBsZWdlbmQge1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cblxuICAuZmllbGRzZXQtLWlubGluZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG5cbiAgICAmIDppcyguZm9ybV9faXRlbSwgLmZvcm1fX2l0ZW0tLWlubGluZSkge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIERlc2NyaXB0aW9uXG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmZvcm1fX2Rlc2NyaXB0aW9uIHtcbiAgICBtYXJnaW4tYmxvY2s6IHZhcigtLWZvcm0tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgbWFyZ2luLWlubGluZTogMDtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS14cyk7XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBFcnJvciBtZXNzYWdlXG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgOmlzKC5mb3JtX19zdWNjZXNzLW1lc3NhZ2UsIC5mb3JtX19lcnJvci1tZXNzYWdlKSB7XG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1mb3JtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIG1hcmdpbi1pbmxpbmU6IDA7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtcyk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmcteHhzKTtcblxuICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICBtYXJnaW4tYmxvY2stZW5kOiAwO1xuICAgIH1cblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBpbmxpbmUtc2l6ZTogdmFyKC0tc3BhY2luZy1tKTtcbiAgICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICBtYXNrLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgfVxuICB9XG5cbiAgLmZvcm1fX2Vycm9yLW1lc3NhZ2U6OmJlZm9yZSB7XG4gICAgbWFzay1pbWFnZTogc3ZnLWxvYWQoXCIuL2ltYWdlcy9mb3JtLWVycm9yLnN2Z1wiKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1lcnJvci1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZCkpO1xuICB9XG5cbiAgLmZvcm1fX3N1Y2Nlc3MtbWVzc2FnZTo6YmVmb3JlIHtcbiAgICBtYXNrLWltYWdlOiBzdmctbG9hZChcIi4vaW1hZ2VzL2Zvcm0tc3VjY2Vzcy5zdmdcIik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgLS1zdWNjZXNzLWZvcmVncm91bmQsXG4gICAgICB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKVxuICAgICk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWxlY3RcbiAqL1xuXG5AbGF5ZXIgZWxlbWVudHMge1xuICBzZWxlY3Qge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogc3ZnLWxvYWQoXCIuL2ltYWdlcy9mb3JtLWNoZXZyb24tZG93bi5zdmdcIik7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKSBjZW50ZXI7XG4gICAgcGFkZGluZy1ibG9jazogMDtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcigtLXNwYWNpbmcteGwpO1xuXG4gICAgJlttdWx0aXBsZV0ge1xuICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IG5vbmU7XG4gICAgfVxuXG4gICAgJi5pbnB1dC0tc21hbGwge1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgdmFyKC0tc3BhY2luZy14cykgY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIDppcygudHJhbnNsYXRlZC1ydGwgc2VsZWN0LCBbZGlyPVwicnRsXCJdIHNlbGVjdCkge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGxlZnQgdmFyKC0tc3BhY2luZy1zKSBjZW50ZXI7XG5cbiAgICAmLmlucHV0LS1zbWFsbCB7XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBsZWZ0IHZhcigtLXNwYWNpbmcteHMpIGNlbnRlcjtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogRm9ybSBhY3Rpb25zLlxuICAgKi9cbiAgLmZvcm1fX2FjdGlvbnMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXMpO1xuICB9XG59XG4iXX0= */
|
|
1
|
+
@layer design-system.atoms{.form__item{max-inline-size:var(--container-max-width)}.form__item.form__item--inline{display:flex;align-items:flex-start}}@layer design-system.atoms{:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea){box-shadow:none;font:inherit;letter-spacing:inherit;word-spacing:inherit;max-inline-size:100%;padding-block:calc(var(--form-spacing, var(--spacing-s)) - (2px * 2));padding-block:calc(var(--form-spacing, var(--spacing-s)) - (var(--line-width, 2px) * 2));padding-inline:var(--form-spacing, var(--spacing-s));border:2px solid var(--line-colour, var(--line-colour, var(--colour-border)));border:var(--line-width, 2px) solid var(--line-colour, var(--line-colour, var(--colour-border)));border-radius:var(--border-radius);background-color:var(--colour-background);color:var(--form-colour, var(--foreground, var(--colour-foreground)));line-height:var(--line-height-ui);block-size:var(--form-element-height, var(--spacing-xxl))}:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea):focus-visible{outline-offset:-2px;outline-offset:calc(var(--line-width, 2px) * -1)}:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea)::-moz-placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea)::placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}[disabled]:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea){opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea){border-color:var(--error-foreground, var(--colour-error-foreground))}.success:is(.input__text,[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=date],[type=time],[type=number],select,textarea){border-color:var(--success-foreground, var(--colour-success-foreground))}:is(.input--small,.select--small){min-inline-size:0;border-width:1px}:is(.input--wide,.select--wide){inline-size:100%}}@layer design-system.atoms{.input__divider{padding:var(--form-spacing, var(--spacing-s));line-height:var(--line-height-ui)}}@layer design-system.atoms{.input__text--icon{display:inline-block;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background));position:relative}.input__text--icon:before{position:absolute;block-size:100%;inset-block-start:0;inset-inline-start:var(--form-spacing, var(--spacing-s))}.input__text--icon input{inline-size:100%;padding-inline-start:calc(var(--form-spacing, var(--spacing-s)) * 2.5);background-color:transparent}.input__text--icon:has(.error):before{background-color:var(--error-foreground, var(--colour-error-foreground))}.input__text--icon:has(.success):before{background-color:var( --success-foreground, var(--colour-success-foreground) )}}@layer design-system.atoms{.input__text--inline{position:relative;display:inline-block;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background))}.input__text--inline [type=text]{inline-size:100%;padding-inline-end:7rem;background-color:transparent}.input__text--inline [type=submit]{position:absolute;inset-block-start:var(--spacing-xxxxs);inset-inline-end:var(--spacing-xxxxs);border:0;border-radius:3px;block-size:calc(var(--form-element-height, var(--spacing-xxl)) - var(--spacing-xxxs))}}@layer design-system.atoms{:is(label,legend){display:block;margin-block-end:var(--spacing-xxxs);font-size:var(--font-size);color:var(--label-foreground, var(--foreground, var(--colour-foreground)))}.label--inline:is(label,legend){display:inline-block;margin-block-end:0;margin-inline-end:var(--spacing-xxs)}[type=checkbox]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius)}@media (pointer: coarse){[type=checkbox]{--control-size: 2rem}}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'/%3E%3C/svg%3E");background-size:.75rem;background-position:center}[type=checkbox]:focus-visible{outline:2px auto var(--outline-color);outline:var(--line-width, 2px) auto var(--outline-color);outline-offset:0}[type=checkbox][disabled]:after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:var(--border-radius)}[type=checkbox][disabled]+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error[type=checkbox]{border-color:var(--error-foreground, var(--colour-error-foreground))}.success[type=checkbox]{border-color:var(--success-foreground, var(--colour-success-foreground))}}@layer design-system.atoms{[type=radio]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:50%}@media (pointer: coarse){[type=radio]{--control-size: 2rem}}[type=radio]:checked:after{content:"";display:block;inline-size:.5rem;block-size:.5rem;margin:auto;border-radius:50%;background-color:var(--radio-colour, var(--colour-primary))}[type=radio]:focus-visible{outline:2px auto var(--outline-color);outline:var(--line-width, 2px) auto var(--outline-color);outline-offset:0}[type=radio][disabled]:after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%}[type=radio][disabled]+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error[type=radio]{border-color:var(--error-foreground, var(--colour-error-foreground))}.success[type=radio]{border-color:var(--success-foreground, var(--colour-success-foreground))}:is(.form__radio,.form__checkbox){margin-block-end:var(--spacing-xxxs);display:flex;align-items:center;gap:var(--control-gap, var(--spacing-xxs))}:is(.form__radio,.form__checkbox):last-child{margin-block-end:0}:is(.form__radio,.form__checkbox) label{cursor:pointer;margin:0}:is(.form__radio,.form__checkbox) input{flex-shrink:0}.form__item--inline:is(.form__radio,.form__checkbox){display:inline-flex;margin-inline-end:var(--control-gap, var(--spacing-xxs))}}@layer design-system.atoms{textarea{block-size:calc(4 * var(--form-element-height, var(--spacing-xxl)));inline-size:100%}}@layer design-system.atoms{:is(.fieldset,fieldset){border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius);padding:var(--form-spacing, var(--spacing-s));min-inline-size:0}:is(.fieldset,fieldset) legend{padding-block:0;padding-inline:var(--form-spacing, var(--spacing-s))}.fieldset--plain{border:0;padding:0}.fieldset--plain legend{padding:0}.fieldset--inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.fieldset--inline :is(.form__item,.form__item--inline){margin:0}}@layer design-system.atoms{.form__description{margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-xs)}.form__description:last-child{margin-block-end:0}}@layer design-system.atoms{:is(.form__success-message,.form__error-message){margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-s);color:var(--foreground, var(--colour-foreground));display:flex;gap:var(--spacing-xxs)}:is(.form__success-message,.form__error-message):last-child{margin-block-end:0}:is(.form__success-message,.form__error-message):before{content:"";display:block;inline-size:var(--spacing-m);block-size:var(--spacing-m);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.form__error-message:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");background-color:var(--error-foreground, var(--colour-error-foreground))}.form__success-message:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");background-color:var( --success-foreground, var(--colour-success-foreground) )}}@layer design-system.atoms{select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--background, var(--colour-background));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z'/%3E%3C/svg%3E");background-position:right var(--form-spacing, var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl)}select[multiple]{block-size:auto;background-image:none}select.input--small{padding-inline-end:var(--spacing-m);background-position:right var(--spacing-xs) center}:is(.translated-rtl select,[dir=rtl] select){background-position:left var(--spacing-s) center}.input--small:is(.translated-rtl select,[dir=rtl] select){background-position:left var(--spacing-xs) center}.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s)}}
|