1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

.radio-label {
  margin: var(--padding-small) var(--padding) var(--padding-small) 0;
  display: inline-block;
}

input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='week'], input:not([type]), textarea, select {
  padding: var(--padding-small) var(--padding);
}

.expanded input[type='date'], .expanded input[type='datetime'], .expanded input[type='datetime-local'], .expanded input[type='email'], .expanded input[type='month'], .expanded input[type='number'], .expanded input[type='password'], .expanded input[type='search'], .expanded input[type='tel'], .expanded input[type='text'], .expanded input[type='url'], .expanded input[type='week'], .expanded input:not([type]), .expanded textarea, .expanded select {
  width: 100%;
}

fieldset {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  border: 0;
  padding: 0;
  margin: 0;
}

input.combined {
}

button.combined {
  padding: var(--padding-small);
}