@gomusdev/web-components 1.51.1 → 1.53.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.
- package/dist-js/components/cart/components/lib.d.ts +14 -0
- package/dist-js/components/cart/components/lib.spec.d.ts +1 -0
- package/dist-js/components/cart/components/utils.d.ts +2 -0
- package/dist-js/components/couponRedemption/lib.d.ts +7 -2
- package/dist-js/components/couponRedemption/lib.spec.d.ts +1 -0
- package/dist-js/components/forms/lib/Field.svelte.d.ts +1 -1
- package/dist-js/components/forms/ui/generic/FormDetails.svelte.d.ts +1 -0
- package/dist-js/components/forms/ui/generic/PaymentModeField.spec.d.ts +1 -0
- package/dist-js/components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.d.ts +4 -3
- package/dist-js/gomus-webcomponents.css +942 -926
- package/dist-js/gomus-webcomponents.iife.js +558 -206
- package/dist-js/gomus-webcomponents.js +558 -206
- package/dist-js/lib/models/cart/CartItem.d.ts +15 -5
- package/dist-js/lib/models/cart/cart.svelte.d.ts +8 -6
- package/dist-js/lib/models/cart/localStorage.svelte.d.ts +0 -1
- package/dist-js/lib/stores/shop.svelte.d.ts +11 -11
- package/package.json +2 -2
|
@@ -1,1305 +1,1321 @@
|
|
|
1
1
|
* {
|
|
2
|
-
|
|
2
|
+
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
|
3
3
|
}
|
|
4
|
+
|
|
4
5
|
/* General reset for list items */
|
|
6
|
+
|
|
5
7
|
:global .innerZoomElementWrapper h3 {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
margin-top: 4rem;
|
|
9
|
+
margin-bottom: 1rem;
|
|
10
|
+
}
|
|
11
|
+
|
|
9
12
|
:global .innerZoomElementWrapper go-tickets {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
:global .innerZoomElementWrapper go-tickets label {
|
|
15
|
-
display: inline-block;
|
|
16
|
-
padding: 10px 20px;
|
|
17
|
-
border: 2px solid #ccc;
|
|
18
|
-
border-radius: 0;
|
|
19
|
-
cursor: pointer;
|
|
20
|
-
transition:
|
|
21
|
-
background-color 0.3s, border-color 0.3s;
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
gap: 1rem;
|
|
22
16
|
}
|
|
17
|
+
|
|
18
|
+
:global .innerZoomElementWrapper go-tickets label {
|
|
19
|
+
display: inline-block;
|
|
20
|
+
padding: 10px 20px;
|
|
21
|
+
border: 2px solid #ccc;
|
|
22
|
+
border-radius: 0;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
transition: background-color 0.3s, border-color 0.3s;
|
|
25
|
+
}
|
|
26
|
+
|
|
23
27
|
/* Available timeslot */
|
|
28
|
+
|
|
24
29
|
:global .innerZoomElementWrapper go-tickets .available {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
30
|
+
background-color: #fff;
|
|
31
|
+
color: #333;
|
|
32
|
+
}
|
|
33
|
+
|
|
28
34
|
:global .innerZoomElementWrapper go-tickets input[type='checkbox'] {
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
display: none; /* Hide the radio button */
|
|
36
|
+
}
|
|
37
|
+
|
|
31
38
|
/* When a timeslot is selected (checked radio button) */
|
|
39
|
+
|
|
32
40
|
:global .innerZoomElementWrapper go-tickets label:has(input[type='checkbox']:checked) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
41
|
+
background-color: #12826a;
|
|
42
|
+
background-color: var(--primary); /* blue-green color */
|
|
43
|
+
border-color: #12826a;
|
|
44
|
+
border-color: var(--primary);
|
|
45
|
+
color: white;
|
|
46
|
+
}
|
|
47
|
+
|
|
39
48
|
/* Finished (unavailable) timeslot */
|
|
49
|
+
|
|
40
50
|
:global .innerZoomElementWrapper go-tickets .finished {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
51
|
+
background-color: #f0f0f0;
|
|
52
|
+
color: #999;
|
|
53
|
+
}
|
|
54
|
+
|
|
44
55
|
:global .innerZoomElementWrapper go-tickets .finished input {
|
|
45
|
-
|
|
46
|
-
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
|
|
47
59
|
:global .innerZoomElementWrapper go-tickets .finished {
|
|
48
|
-
|
|
49
|
-
|
|
60
|
+
pointer-events: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
50
63
|
/* Disabled radio button appearance */
|
|
64
|
+
|
|
51
65
|
:global .innerZoomElementWrapper go-tickets input:disabled + label {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
66
|
+
background-color: #e0e0e0;
|
|
67
|
+
color: #bbb;
|
|
68
|
+
cursor: not-allowed;
|
|
69
|
+
border-color: #ddd;
|
|
70
|
+
}
|
|
71
|
+
|
|
57
72
|
:global .innerZoomElementWrapper go-tickets label:hover {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
73
|
+
background-color: #f0f0f0;
|
|
74
|
+
border-color: #aaa;
|
|
75
|
+
}
|
|
76
|
+
|
|
61
77
|
/* Focus state for better accessibility */
|
|
78
|
+
|
|
62
79
|
:global .innerZoomElementWrapper go-tickets input:focus + label {
|
|
63
|
-
|
|
64
|
-
|
|
80
|
+
outline: 2px solid #0052cc;
|
|
81
|
+
}
|
|
65
82
|
|
|
66
83
|
:host,
|
|
67
84
|
:root {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
85
|
+
--black: #111;
|
|
86
|
+
--red: red;
|
|
87
|
+
--light-red: #fff0f0;
|
|
88
|
+
--primary: #12826a;
|
|
89
|
+
--primary-hover: #19987e;
|
|
90
|
+
--invalid-border: 4px solid var(--red);
|
|
91
|
+
--fg: #111;
|
|
92
|
+
--bg: white;
|
|
93
|
+
--border: 3px solid transparent;
|
|
94
|
+
--outline-hover: 3px solid var(--primary);
|
|
78
95
|
}
|
|
79
96
|
|
|
80
97
|
:host,
|
|
81
98
|
:root {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
99
|
+
--fg: #111;
|
|
100
|
+
--black: #111;
|
|
101
|
+
--red: red;
|
|
102
|
+
--light-red: #fff0f0;
|
|
103
|
+
--primary: #12826a;
|
|
87
104
|
}
|
|
88
105
|
|
|
89
106
|
:host .is-invalid {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
107
|
+
--fg: #ff0000;
|
|
108
|
+
background-color: #fff0f0;
|
|
109
|
+
background-color: var(--light-red);
|
|
110
|
+
border-left: 4px solid red;
|
|
111
|
+
border-left: var(--invalid-border);
|
|
112
|
+
}
|
|
96
113
|
|
|
97
114
|
:root .is-invalid {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
115
|
+
--fg: #ff0000;
|
|
116
|
+
background-color: #fff0f0;
|
|
117
|
+
background-color: var(--light-red);
|
|
118
|
+
border-left: 4px solid red;
|
|
119
|
+
border-left: var(--invalid-border);
|
|
120
|
+
}
|
|
104
121
|
|
|
105
122
|
:host .form-group {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
123
|
+
margin-bottom: 0.5rem;
|
|
124
|
+
display: flex;
|
|
125
|
+
flex-direction: column;
|
|
126
|
+
--invalid-border: 4px solid var(--red);
|
|
110
127
|
|
|
111
|
-
|
|
112
|
-
|
|
128
|
+
padding: 0.5rem;
|
|
129
|
+
}
|
|
113
130
|
|
|
114
131
|
:root .form-group {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
132
|
+
margin-bottom: 0.5rem;
|
|
133
|
+
display: flex;
|
|
134
|
+
flex-direction: column;
|
|
135
|
+
--invalid-border: 4px solid var(--red);
|
|
119
136
|
|
|
120
|
-
|
|
121
|
-
|
|
137
|
+
padding: 0.5rem;
|
|
138
|
+
}
|
|
122
139
|
|
|
123
140
|
:host .go-field {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
141
|
+
margin-bottom: 0.5rem;
|
|
142
|
+
display: flex;
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
--invalid-border: 4px solid var(--red);
|
|
128
145
|
|
|
129
|
-
|
|
130
|
-
|
|
146
|
+
padding: 0.5rem;
|
|
147
|
+
}
|
|
131
148
|
|
|
132
149
|
:root .go-field {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
150
|
+
margin-bottom: 0.5rem;
|
|
151
|
+
display: flex;
|
|
152
|
+
flex-direction: column;
|
|
153
|
+
--invalid-border: 4px solid var(--red);
|
|
137
154
|
|
|
138
|
-
|
|
139
|
-
|
|
155
|
+
padding: 0.5rem;
|
|
156
|
+
}
|
|
140
157
|
|
|
141
158
|
:host .form-group label {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
159
|
+
font-weight: bold;
|
|
160
|
+
margin-bottom: 0.25rem;
|
|
161
|
+
color: #111;
|
|
162
|
+
color: var(--fg);
|
|
163
|
+
}
|
|
147
164
|
|
|
148
165
|
:root .form-group label {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
166
|
+
font-weight: bold;
|
|
167
|
+
margin-bottom: 0.25rem;
|
|
168
|
+
color: #111;
|
|
169
|
+
color: var(--fg);
|
|
170
|
+
}
|
|
154
171
|
|
|
155
172
|
:host .go-field label {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
173
|
+
font-weight: bold;
|
|
174
|
+
margin-bottom: 0.25rem;
|
|
175
|
+
color: #111;
|
|
176
|
+
color: var(--fg);
|
|
177
|
+
}
|
|
161
178
|
|
|
162
179
|
:root .go-field label {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
180
|
+
font-weight: bold;
|
|
181
|
+
margin-bottom: 0.25rem;
|
|
182
|
+
color: #111;
|
|
183
|
+
color: var(--fg);
|
|
184
|
+
}
|
|
168
185
|
|
|
169
186
|
:host .form-group input {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
187
|
+
padding: 0.5rem;
|
|
188
|
+
font-size: 1rem;
|
|
189
|
+
border: 1px solid #111;
|
|
190
|
+
border: 1px solid var(--fg);
|
|
191
|
+
border-radius: 0;
|
|
192
|
+
background-color: #fff;
|
|
193
|
+
color: #111;
|
|
194
|
+
color: var(--fg);
|
|
195
|
+
transition: border-color 0.3s ease;
|
|
196
|
+
}
|
|
180
197
|
|
|
181
198
|
:root .form-group input {
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
199
|
+
padding: 0.5rem;
|
|
200
|
+
font-size: 1rem;
|
|
201
|
+
border: 1px solid #111;
|
|
202
|
+
border: 1px solid var(--fg);
|
|
203
|
+
border-radius: 0;
|
|
204
|
+
background-color: #fff;
|
|
205
|
+
color: #111;
|
|
206
|
+
color: var(--fg);
|
|
207
|
+
transition: border-color 0.3s ease;
|
|
208
|
+
}
|
|
192
209
|
|
|
193
210
|
:host .go-field input {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
211
|
+
padding: 0.5rem;
|
|
212
|
+
font-size: 1rem;
|
|
213
|
+
border: 1px solid #111;
|
|
214
|
+
border: 1px solid var(--fg);
|
|
215
|
+
border-radius: 0;
|
|
216
|
+
background-color: #fff;
|
|
217
|
+
color: #111;
|
|
218
|
+
color: var(--fg);
|
|
219
|
+
transition: border-color 0.3s ease;
|
|
220
|
+
}
|
|
204
221
|
|
|
205
222
|
:root .go-field input {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
223
|
+
padding: 0.5rem;
|
|
224
|
+
font-size: 1rem;
|
|
225
|
+
border: 1px solid #111;
|
|
226
|
+
border: 1px solid var(--fg);
|
|
227
|
+
border-radius: 0;
|
|
228
|
+
background-color: #fff;
|
|
229
|
+
color: #111;
|
|
230
|
+
color: var(--fg);
|
|
231
|
+
transition: border-color 0.3s ease;
|
|
232
|
+
}
|
|
216
233
|
|
|
217
234
|
:host .form-group select {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
235
|
+
padding: 0.5rem;
|
|
236
|
+
font-size: 1rem;
|
|
237
|
+
border: 1px solid #111;
|
|
238
|
+
border: 1px solid var(--fg);
|
|
239
|
+
border-radius: 0;
|
|
240
|
+
background-color: #fff;
|
|
241
|
+
color: #111;
|
|
242
|
+
color: var(--fg);
|
|
243
|
+
transition: border-color 0.3s ease;
|
|
244
|
+
}
|
|
228
245
|
|
|
229
246
|
:root .form-group select {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
247
|
+
padding: 0.5rem;
|
|
248
|
+
font-size: 1rem;
|
|
249
|
+
border: 1px solid #111;
|
|
250
|
+
border: 1px solid var(--fg);
|
|
251
|
+
border-radius: 0;
|
|
252
|
+
background-color: #fff;
|
|
253
|
+
color: #111;
|
|
254
|
+
color: var(--fg);
|
|
255
|
+
transition: border-color 0.3s ease;
|
|
256
|
+
}
|
|
240
257
|
|
|
241
258
|
:host .go-field select {
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
259
|
+
padding: 0.5rem;
|
|
260
|
+
font-size: 1rem;
|
|
261
|
+
border: 1px solid #111;
|
|
262
|
+
border: 1px solid var(--fg);
|
|
263
|
+
border-radius: 0;
|
|
264
|
+
background-color: #fff;
|
|
265
|
+
color: #111;
|
|
266
|
+
color: var(--fg);
|
|
267
|
+
transition: border-color 0.3s ease;
|
|
268
|
+
}
|
|
252
269
|
|
|
253
270
|
:root .go-field select {
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
271
|
+
padding: 0.5rem;
|
|
272
|
+
font-size: 1rem;
|
|
273
|
+
border: 1px solid #111;
|
|
274
|
+
border: 1px solid var(--fg);
|
|
275
|
+
border-radius: 0;
|
|
276
|
+
background-color: #fff;
|
|
277
|
+
color: #111;
|
|
278
|
+
color: var(--fg);
|
|
279
|
+
transition: border-color 0.3s ease;
|
|
280
|
+
}
|
|
264
281
|
|
|
265
282
|
:host .form-group textarea {
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
283
|
+
padding: 0.5rem;
|
|
284
|
+
font-size: 1rem;
|
|
285
|
+
border: 1px solid #111;
|
|
286
|
+
border: 1px solid var(--fg);
|
|
287
|
+
border-radius: 0;
|
|
288
|
+
background-color: #fff;
|
|
289
|
+
color: #111;
|
|
290
|
+
color: var(--fg);
|
|
291
|
+
transition: border-color 0.3s ease;
|
|
292
|
+
}
|
|
276
293
|
|
|
277
294
|
:root .form-group textarea {
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
295
|
+
padding: 0.5rem;
|
|
296
|
+
font-size: 1rem;
|
|
297
|
+
border: 1px solid #111;
|
|
298
|
+
border: 1px solid var(--fg);
|
|
299
|
+
border-radius: 0;
|
|
300
|
+
background-color: #fff;
|
|
301
|
+
color: #111;
|
|
302
|
+
color: var(--fg);
|
|
303
|
+
transition: border-color 0.3s ease;
|
|
304
|
+
}
|
|
288
305
|
|
|
289
306
|
:host .go-field textarea {
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
307
|
+
padding: 0.5rem;
|
|
308
|
+
font-size: 1rem;
|
|
309
|
+
border: 1px solid #111;
|
|
310
|
+
border: 1px solid var(--fg);
|
|
311
|
+
border-radius: 0;
|
|
312
|
+
background-color: #fff;
|
|
313
|
+
color: #111;
|
|
314
|
+
color: var(--fg);
|
|
315
|
+
transition: border-color 0.3s ease;
|
|
316
|
+
}
|
|
300
317
|
|
|
301
318
|
:root .go-field textarea {
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
319
|
+
padding: 0.5rem;
|
|
320
|
+
font-size: 1rem;
|
|
321
|
+
border: 1px solid #111;
|
|
322
|
+
border: 1px solid var(--fg);
|
|
323
|
+
border-radius: 0;
|
|
324
|
+
background-color: #fff;
|
|
325
|
+
color: #111;
|
|
326
|
+
color: var(--fg);
|
|
327
|
+
transition: border-color 0.3s ease;
|
|
328
|
+
}
|
|
312
329
|
|
|
313
330
|
:host .form-group input:focus {
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
331
|
+
border-color: #12826a;
|
|
332
|
+
border-color: var(--primary);
|
|
333
|
+
outline: 3px solid #12826a;
|
|
334
|
+
outline: var(--outline-hover);
|
|
335
|
+
}
|
|
319
336
|
|
|
320
337
|
:root .form-group input:focus {
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
338
|
+
border-color: #12826a;
|
|
339
|
+
border-color: var(--primary);
|
|
340
|
+
outline: 3px solid #12826a;
|
|
341
|
+
outline: var(--outline-hover);
|
|
342
|
+
}
|
|
326
343
|
|
|
327
344
|
:host .go-field input:focus {
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
345
|
+
border-color: #12826a;
|
|
346
|
+
border-color: var(--primary);
|
|
347
|
+
outline: 3px solid #12826a;
|
|
348
|
+
outline: var(--outline-hover);
|
|
349
|
+
}
|
|
333
350
|
|
|
334
351
|
:root .go-field input:focus {
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
352
|
+
border-color: #12826a;
|
|
353
|
+
border-color: var(--primary);
|
|
354
|
+
outline: 3px solid #12826a;
|
|
355
|
+
outline: var(--outline-hover);
|
|
356
|
+
}
|
|
340
357
|
|
|
341
358
|
:host .form-group select:focus {
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
359
|
+
border-color: #12826a;
|
|
360
|
+
border-color: var(--primary);
|
|
361
|
+
outline: 3px solid #12826a;
|
|
362
|
+
outline: var(--outline-hover);
|
|
363
|
+
}
|
|
347
364
|
|
|
348
365
|
:root .form-group select:focus {
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
366
|
+
border-color: #12826a;
|
|
367
|
+
border-color: var(--primary);
|
|
368
|
+
outline: 3px solid #12826a;
|
|
369
|
+
outline: var(--outline-hover);
|
|
370
|
+
}
|
|
354
371
|
|
|
355
372
|
:host .go-field select:focus {
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
373
|
+
border-color: #12826a;
|
|
374
|
+
border-color: var(--primary);
|
|
375
|
+
outline: 3px solid #12826a;
|
|
376
|
+
outline: var(--outline-hover);
|
|
377
|
+
}
|
|
361
378
|
|
|
362
379
|
:root .go-field select:focus {
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
380
|
+
border-color: #12826a;
|
|
381
|
+
border-color: var(--primary);
|
|
382
|
+
outline: 3px solid #12826a;
|
|
383
|
+
outline: var(--outline-hover);
|
|
384
|
+
}
|
|
368
385
|
|
|
369
386
|
:host .form-group textarea:focus {
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
387
|
+
border-color: #12826a;
|
|
388
|
+
border-color: var(--primary);
|
|
389
|
+
outline: 3px solid #12826a;
|
|
390
|
+
outline: var(--outline-hover);
|
|
391
|
+
}
|
|
375
392
|
|
|
376
393
|
:root .form-group textarea:focus {
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
394
|
+
border-color: #12826a;
|
|
395
|
+
border-color: var(--primary);
|
|
396
|
+
outline: 3px solid #12826a;
|
|
397
|
+
outline: var(--outline-hover);
|
|
398
|
+
}
|
|
382
399
|
|
|
383
400
|
:host .go-field textarea:focus {
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
401
|
+
border-color: #12826a;
|
|
402
|
+
border-color: var(--primary);
|
|
403
|
+
outline: 3px solid #12826a;
|
|
404
|
+
outline: var(--outline-hover);
|
|
405
|
+
}
|
|
389
406
|
|
|
390
407
|
:root .go-field textarea:focus {
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
408
|
+
border-color: #12826a;
|
|
409
|
+
border-color: var(--primary);
|
|
410
|
+
outline: 3px solid #12826a;
|
|
411
|
+
outline: var(--outline-hover);
|
|
412
|
+
}
|
|
396
413
|
|
|
397
414
|
:host .form-group input:hover {
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
415
|
+
border-color: #12826a;
|
|
416
|
+
border-color: var(--primary);
|
|
417
|
+
outline: 3px solid #12826a;
|
|
418
|
+
outline: var(--outline-hover);
|
|
419
|
+
}
|
|
403
420
|
|
|
404
421
|
:root .form-group input:hover {
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
422
|
+
border-color: #12826a;
|
|
423
|
+
border-color: var(--primary);
|
|
424
|
+
outline: 3px solid #12826a;
|
|
425
|
+
outline: var(--outline-hover);
|
|
426
|
+
}
|
|
410
427
|
|
|
411
428
|
:host .go-field input:hover {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
429
|
+
border-color: #12826a;
|
|
430
|
+
border-color: var(--primary);
|
|
431
|
+
outline: 3px solid #12826a;
|
|
432
|
+
outline: var(--outline-hover);
|
|
433
|
+
}
|
|
417
434
|
|
|
418
435
|
:root .go-field input:hover {
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
436
|
+
border-color: #12826a;
|
|
437
|
+
border-color: var(--primary);
|
|
438
|
+
outline: 3px solid #12826a;
|
|
439
|
+
outline: var(--outline-hover);
|
|
440
|
+
}
|
|
424
441
|
|
|
425
442
|
:host .form-group select:hover {
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
443
|
+
border-color: #12826a;
|
|
444
|
+
border-color: var(--primary);
|
|
445
|
+
outline: 3px solid #12826a;
|
|
446
|
+
outline: var(--outline-hover);
|
|
447
|
+
}
|
|
431
448
|
|
|
432
449
|
:root .form-group select:hover {
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
450
|
+
border-color: #12826a;
|
|
451
|
+
border-color: var(--primary);
|
|
452
|
+
outline: 3px solid #12826a;
|
|
453
|
+
outline: var(--outline-hover);
|
|
454
|
+
}
|
|
438
455
|
|
|
439
456
|
:host .go-field select:hover {
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
457
|
+
border-color: #12826a;
|
|
458
|
+
border-color: var(--primary);
|
|
459
|
+
outline: 3px solid #12826a;
|
|
460
|
+
outline: var(--outline-hover);
|
|
461
|
+
}
|
|
445
462
|
|
|
446
463
|
:root .go-field select:hover {
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
464
|
+
border-color: #12826a;
|
|
465
|
+
border-color: var(--primary);
|
|
466
|
+
outline: 3px solid #12826a;
|
|
467
|
+
outline: var(--outline-hover);
|
|
468
|
+
}
|
|
452
469
|
|
|
453
470
|
:host .form-group textarea:hover {
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
471
|
+
border-color: #12826a;
|
|
472
|
+
border-color: var(--primary);
|
|
473
|
+
outline: 3px solid #12826a;
|
|
474
|
+
outline: var(--outline-hover);
|
|
475
|
+
}
|
|
459
476
|
|
|
460
477
|
:root .form-group textarea:hover {
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
478
|
+
border-color: #12826a;
|
|
479
|
+
border-color: var(--primary);
|
|
480
|
+
outline: 3px solid #12826a;
|
|
481
|
+
outline: var(--outline-hover);
|
|
482
|
+
}
|
|
466
483
|
|
|
467
484
|
:host .go-field textarea:hover {
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
485
|
+
border-color: #12826a;
|
|
486
|
+
border-color: var(--primary);
|
|
487
|
+
outline: 3px solid #12826a;
|
|
488
|
+
outline: var(--outline-hover);
|
|
489
|
+
}
|
|
473
490
|
|
|
474
491
|
:root .go-field textarea:hover {
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
492
|
+
border-color: #12826a;
|
|
493
|
+
border-color: var(--primary);
|
|
494
|
+
outline: 3px solid #12826a;
|
|
495
|
+
outline: var(--outline-hover);
|
|
496
|
+
}
|
|
480
497
|
|
|
481
498
|
:host .form-group input:active {
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
499
|
+
border-color: #12826a;
|
|
500
|
+
border-color: var(--primary);
|
|
501
|
+
outline: 3px solid #12826a;
|
|
502
|
+
outline: var(--outline-hover);
|
|
503
|
+
}
|
|
487
504
|
|
|
488
505
|
:root .form-group input:active {
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
506
|
+
border-color: #12826a;
|
|
507
|
+
border-color: var(--primary);
|
|
508
|
+
outline: 3px solid #12826a;
|
|
509
|
+
outline: var(--outline-hover);
|
|
510
|
+
}
|
|
494
511
|
|
|
495
512
|
:host .go-field input:active {
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
513
|
+
border-color: #12826a;
|
|
514
|
+
border-color: var(--primary);
|
|
515
|
+
outline: 3px solid #12826a;
|
|
516
|
+
outline: var(--outline-hover);
|
|
517
|
+
}
|
|
501
518
|
|
|
502
519
|
:root .go-field input:active {
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
520
|
+
border-color: #12826a;
|
|
521
|
+
border-color: var(--primary);
|
|
522
|
+
outline: 3px solid #12826a;
|
|
523
|
+
outline: var(--outline-hover);
|
|
524
|
+
}
|
|
508
525
|
|
|
509
526
|
:host .form-group select:active {
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
527
|
+
border-color: #12826a;
|
|
528
|
+
border-color: var(--primary);
|
|
529
|
+
outline: 3px solid #12826a;
|
|
530
|
+
outline: var(--outline-hover);
|
|
531
|
+
}
|
|
515
532
|
|
|
516
533
|
:root .form-group select:active {
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
534
|
+
border-color: #12826a;
|
|
535
|
+
border-color: var(--primary);
|
|
536
|
+
outline: 3px solid #12826a;
|
|
537
|
+
outline: var(--outline-hover);
|
|
538
|
+
}
|
|
522
539
|
|
|
523
540
|
:host .go-field select:active {
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
541
|
+
border-color: #12826a;
|
|
542
|
+
border-color: var(--primary);
|
|
543
|
+
outline: 3px solid #12826a;
|
|
544
|
+
outline: var(--outline-hover);
|
|
545
|
+
}
|
|
529
546
|
|
|
530
547
|
:root .go-field select:active {
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
548
|
+
border-color: #12826a;
|
|
549
|
+
border-color: var(--primary);
|
|
550
|
+
outline: 3px solid #12826a;
|
|
551
|
+
outline: var(--outline-hover);
|
|
552
|
+
}
|
|
536
553
|
|
|
537
554
|
:host .form-group textarea:active {
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
555
|
+
border-color: #12826a;
|
|
556
|
+
border-color: var(--primary);
|
|
557
|
+
outline: 3px solid #12826a;
|
|
558
|
+
outline: var(--outline-hover);
|
|
559
|
+
}
|
|
543
560
|
|
|
544
561
|
:root .form-group textarea:active {
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
562
|
+
border-color: #12826a;
|
|
563
|
+
border-color: var(--primary);
|
|
564
|
+
outline: 3px solid #12826a;
|
|
565
|
+
outline: var(--outline-hover);
|
|
566
|
+
}
|
|
550
567
|
|
|
551
568
|
:host .go-field textarea:active {
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
569
|
+
border-color: #12826a;
|
|
570
|
+
border-color: var(--primary);
|
|
571
|
+
outline: 3px solid #12826a;
|
|
572
|
+
outline: var(--outline-hover);
|
|
573
|
+
}
|
|
557
574
|
|
|
558
575
|
:root .go-field textarea:active {
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
576
|
+
border-color: #12826a;
|
|
577
|
+
border-color: var(--primary);
|
|
578
|
+
outline: 3px solid #12826a;
|
|
579
|
+
outline: var(--outline-hover);
|
|
580
|
+
}
|
|
564
581
|
|
|
565
582
|
:host .form-group .error {
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
583
|
+
color: red;
|
|
584
|
+
font-size: 0.875rem;
|
|
585
|
+
margin-top: 0.25rem;
|
|
586
|
+
}
|
|
570
587
|
|
|
571
588
|
:root .form-group .error {
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
589
|
+
color: red;
|
|
590
|
+
font-size: 0.875rem;
|
|
591
|
+
margin-top: 0.25rem;
|
|
592
|
+
}
|
|
576
593
|
|
|
577
594
|
:host .go-field .error {
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
595
|
+
color: red;
|
|
596
|
+
font-size: 0.875rem;
|
|
597
|
+
margin-top: 0.25rem;
|
|
598
|
+
}
|
|
582
599
|
|
|
583
600
|
:root .go-field .error {
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
601
|
+
color: red;
|
|
602
|
+
font-size: 0.875rem;
|
|
603
|
+
margin-top: 0.25rem;
|
|
604
|
+
}
|
|
588
605
|
|
|
589
606
|
:host .form-group .success {
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
607
|
+
margin-top: 1rem;
|
|
608
|
+
color: green;
|
|
609
|
+
font-weight: bold;
|
|
610
|
+
}
|
|
594
611
|
|
|
595
612
|
:root .form-group .success {
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
613
|
+
margin-top: 1rem;
|
|
614
|
+
color: green;
|
|
615
|
+
font-weight: bold;
|
|
616
|
+
}
|
|
600
617
|
|
|
601
618
|
:host .go-field .success {
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
619
|
+
margin-top: 1rem;
|
|
620
|
+
color: green;
|
|
621
|
+
font-weight: bold;
|
|
622
|
+
}
|
|
606
623
|
|
|
607
624
|
:root .go-field .success {
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
625
|
+
margin-top: 1rem;
|
|
626
|
+
color: green;
|
|
627
|
+
font-weight: bold;
|
|
628
|
+
}
|
|
612
629
|
|
|
613
630
|
:host ul {
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
631
|
+
list-style: none;
|
|
632
|
+
padding: 0;
|
|
633
|
+
margin: 0;
|
|
634
|
+
}
|
|
618
635
|
|
|
619
636
|
:root ul {
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
637
|
+
list-style: none;
|
|
638
|
+
padding: 0;
|
|
639
|
+
margin: 0;
|
|
640
|
+
}
|
|
624
641
|
|
|
625
642
|
:host .go-field-errors {
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
643
|
+
color: red;
|
|
644
|
+
font-size: 0.875rem;
|
|
645
|
+
margin-top: 0.25rem;
|
|
646
|
+
min-height: 1rem;
|
|
647
|
+
min-height: 1lh;
|
|
648
|
+
}
|
|
632
649
|
|
|
633
650
|
:root .go-field-errors {
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
651
|
+
color: red;
|
|
652
|
+
font-size: 0.875rem;
|
|
653
|
+
margin-top: 0.25rem;
|
|
654
|
+
min-height: 1rem;
|
|
655
|
+
min-height: 1lh;
|
|
656
|
+
}
|
|
640
657
|
|
|
641
658
|
:host .go-field-errors > li {
|
|
642
|
-
|
|
643
|
-
|
|
659
|
+
margin-top: 0.25rem;
|
|
660
|
+
}
|
|
644
661
|
|
|
645
662
|
:root .go-field-errors > li {
|
|
646
|
-
|
|
647
|
-
|
|
663
|
+
margin-top: 0.25rem;
|
|
664
|
+
}
|
|
648
665
|
|
|
649
666
|
:host .go-field-star {
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
667
|
+
color: red;
|
|
668
|
+
font-size: 0.875rem;
|
|
669
|
+
margin-left: 0.25rem;
|
|
670
|
+
}
|
|
654
671
|
|
|
655
672
|
:root .go-field-star {
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
673
|
+
color: red;
|
|
674
|
+
font-size: 0.875rem;
|
|
675
|
+
margin-left: 0.25rem;
|
|
676
|
+
}
|
|
660
677
|
|
|
661
678
|
:host .sr-only {
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
679
|
+
position: absolute;
|
|
680
|
+
width: 1px;
|
|
681
|
+
height: 1px;
|
|
682
|
+
padding: 0;
|
|
683
|
+
margin: -1px;
|
|
684
|
+
overflow: hidden;
|
|
685
|
+
clip: rect(0, 0, 0, 0);
|
|
686
|
+
white-space: nowrap;
|
|
687
|
+
border-width: 0;
|
|
688
|
+
}
|
|
672
689
|
|
|
673
690
|
:root .sr-only {
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
691
|
+
position: absolute;
|
|
692
|
+
width: 1px;
|
|
693
|
+
height: 1px;
|
|
694
|
+
padding: 0;
|
|
695
|
+
margin: -1px;
|
|
696
|
+
overflow: hidden;
|
|
697
|
+
clip: rect(0, 0, 0, 0);
|
|
698
|
+
white-space: nowrap;
|
|
699
|
+
border-width: 0;
|
|
700
|
+
}
|
|
684
701
|
|
|
685
702
|
:host .go-feedback {
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
703
|
+
margin-bottom: 1rem;
|
|
704
|
+
margin-top: 2rem;
|
|
705
|
+
padding: 0.5rem;
|
|
706
|
+
}
|
|
690
707
|
|
|
691
708
|
:root .go-feedback {
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
709
|
+
margin-bottom: 1rem;
|
|
710
|
+
margin-top: 2rem;
|
|
711
|
+
padding: 0.5rem;
|
|
712
|
+
}
|
|
696
713
|
|
|
697
714
|
:host .go-feedback p {
|
|
698
|
-
|
|
699
|
-
|
|
715
|
+
margin: 0;
|
|
716
|
+
}
|
|
700
717
|
|
|
701
718
|
:root .go-feedback p {
|
|
702
|
-
|
|
703
|
-
|
|
719
|
+
margin: 0;
|
|
720
|
+
}
|
|
704
721
|
|
|
705
722
|
:host .go-feedback.is-invalid {
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
723
|
+
background-color: #fff0f0;
|
|
724
|
+
background-color: var(--light-red);
|
|
725
|
+
border-left: 4px solid red;
|
|
726
|
+
border-left: var(--invalid-border);
|
|
727
|
+
}
|
|
711
728
|
|
|
712
729
|
:root .go-feedback.is-invalid {
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
730
|
+
background-color: #fff0f0;
|
|
731
|
+
background-color: var(--light-red);
|
|
732
|
+
border-left: 4px solid red;
|
|
733
|
+
border-left: var(--invalid-border);
|
|
734
|
+
}
|
|
718
735
|
|
|
719
736
|
:host .go-feedback.is-successful {
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
737
|
+
background-color: #f0fff0;
|
|
738
|
+
border-left: 4px solid #3c763d;
|
|
739
|
+
}
|
|
723
740
|
|
|
724
741
|
:root .go-feedback.is-successful {
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
742
|
+
background-color: #f0fff0;
|
|
743
|
+
border-left: 4px solid #3c763d;
|
|
744
|
+
}
|
|
728
745
|
|
|
729
746
|
:host a {
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
747
|
+
color: #12826a;
|
|
748
|
+
color: var(--primary);
|
|
749
|
+
}
|
|
733
750
|
|
|
734
751
|
:root a {
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
752
|
+
color: #12826a;
|
|
753
|
+
color: var(--primary);
|
|
754
|
+
}
|
|
738
755
|
|
|
739
756
|
:host button {
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
757
|
+
margin-top: 2rem;
|
|
758
|
+
background-color: #12826a;
|
|
759
|
+
background-color: var(--primary);
|
|
760
|
+
color: white;
|
|
761
|
+
font-size: 1rem;
|
|
762
|
+
padding: 20px 60px;
|
|
763
|
+
border: none;
|
|
764
|
+
border-radius: 0;
|
|
765
|
+
cursor: pointer;
|
|
766
|
+
transition: background-color 0.3s ease;
|
|
767
|
+
}
|
|
751
768
|
|
|
752
769
|
:root button {
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
770
|
+
margin-top: 2rem;
|
|
771
|
+
background-color: #12826a;
|
|
772
|
+
background-color: var(--primary);
|
|
773
|
+
color: white;
|
|
774
|
+
font-size: 1rem;
|
|
775
|
+
padding: 20px 60px;
|
|
776
|
+
border: none;
|
|
777
|
+
border-radius: 0;
|
|
778
|
+
cursor: pointer;
|
|
779
|
+
transition: background-color 0.3s ease;
|
|
780
|
+
}
|
|
764
781
|
|
|
765
782
|
:host .button-primary {
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
783
|
+
margin-top: 2rem;
|
|
784
|
+
background-color: #12826a;
|
|
785
|
+
background-color: var(--primary);
|
|
786
|
+
color: white;
|
|
787
|
+
font-size: 1rem;
|
|
788
|
+
padding: 20px 60px;
|
|
789
|
+
border: none;
|
|
790
|
+
border-radius: 0;
|
|
791
|
+
cursor: pointer;
|
|
792
|
+
transition: background-color 0.3s ease;
|
|
793
|
+
}
|
|
777
794
|
|
|
778
795
|
:root .button-primary {
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
796
|
+
margin-top: 2rem;
|
|
797
|
+
background-color: #12826a;
|
|
798
|
+
background-color: var(--primary);
|
|
799
|
+
color: white;
|
|
800
|
+
font-size: 1rem;
|
|
801
|
+
padding: 20px 60px;
|
|
802
|
+
border: none;
|
|
803
|
+
border-radius: 0;
|
|
804
|
+
cursor: pointer;
|
|
805
|
+
transition: background-color 0.3s ease;
|
|
806
|
+
}
|
|
790
807
|
|
|
791
808
|
:host button:hover {
|
|
792
|
-
|
|
793
|
-
|
|
809
|
+
background-color: #125948;
|
|
810
|
+
}
|
|
794
811
|
|
|
795
812
|
:root button:hover {
|
|
796
|
-
|
|
797
|
-
|
|
813
|
+
background-color: #125948;
|
|
814
|
+
}
|
|
798
815
|
|
|
799
816
|
:host img {
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
817
|
+
max-width: 100%;
|
|
818
|
+
max-height: 100%;
|
|
819
|
+
}
|
|
803
820
|
|
|
804
821
|
/*CALENDARUI CSS*/
|
|
805
822
|
|
|
806
823
|
[data-calendar-wrapper] {
|
|
807
|
-
|
|
824
|
+
max-width: 650px;
|
|
808
825
|
}
|
|
809
826
|
|
|
810
827
|
[data-calendar-wrapper] [data-calendar-prev-button],[data-calendar-wrapper] [data-calendar-next-button] {
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
828
|
+
padding: 5px !important;
|
|
829
|
+
background-color: transparent !important;
|
|
830
|
+
border: none !important;
|
|
831
|
+
font-size: 1rem !important;
|
|
832
|
+
color: black !important;
|
|
833
|
+
margin-top: 0px !important;
|
|
834
|
+
}
|
|
818
835
|
|
|
819
836
|
[data-calendar-wrapper] [data-calendar-cell] {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
837
|
+
margin: auto;
|
|
838
|
+
border: 1px solid transparent;
|
|
839
|
+
}
|
|
823
840
|
|
|
824
841
|
[data-calendar-wrapper] [data-calendar-cell]:hover {
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
842
|
+
border: 1px solid #12826a;
|
|
843
|
+
border: 1px solid var(--primary);
|
|
844
|
+
outline: 3px solid #12826a;
|
|
845
|
+
outline: var(--outline-hover);
|
|
846
|
+
}
|
|
830
847
|
|
|
831
848
|
[data-calendar-wrapper] [data-calendar-cell] {
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
849
|
+
text-align: -webkit-center;
|
|
850
|
+
text-align: -moz-center;
|
|
851
|
+
}
|
|
835
852
|
|
|
836
853
|
[data-calendar-wrapper] [data-bits-day] {
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
854
|
+
display: flex;
|
|
855
|
+
height: 1.5rem;
|
|
856
|
+
width: 1.5rem;
|
|
857
|
+
cursor: pointer;
|
|
858
|
+
-webkit-user-select: none;
|
|
859
|
+
-moz-user-select: none;
|
|
860
|
+
user-select: none;
|
|
861
|
+
align-items: center;
|
|
862
|
+
justify-content: center;
|
|
863
|
+
border-radius: 0;
|
|
864
|
+
padding: 1rem;
|
|
865
|
+
}
|
|
849
866
|
|
|
850
867
|
[data-calendar-wrapper] [data-calendar-header] {
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
868
|
+
display: flex;
|
|
869
|
+
padding: 20px 10px;
|
|
870
|
+
}
|
|
854
871
|
|
|
855
872
|
[data-calendar-wrapper] [data-calendar-heading] {
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
873
|
+
font-weight: 700;
|
|
874
|
+
font-size: 1.125rem;
|
|
875
|
+
line-height: 1.5;
|
|
876
|
+
flex-grow: 1;
|
|
877
|
+
padding: 0 5px;
|
|
878
|
+
text-align: center;
|
|
879
|
+
}
|
|
863
880
|
|
|
864
881
|
[data-calendar-wrapper] [data-calendar-grid] {
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
882
|
+
width: 100%;
|
|
883
|
+
padding: 5px 6px 7px 6px;
|
|
884
|
+
}
|
|
868
885
|
|
|
869
886
|
[data-calendar-wrapper] [data-calendar-grid-row] {
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
887
|
+
display: grid;
|
|
888
|
+
grid-template-columns: repeat(7, 1fr);
|
|
889
|
+
grid-gap: 8px;
|
|
890
|
+
gap: 8px;
|
|
891
|
+
padding: 10px 5px;
|
|
892
|
+
}
|
|
876
893
|
|
|
877
894
|
[data-calendar-wrapper] [data-calendar-cell] {
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
895
|
+
display: flex;
|
|
896
|
+
justify-content: center;
|
|
897
|
+
align-items: center;
|
|
898
|
+
font-size: 1rem;
|
|
899
|
+
font-weight: 500;
|
|
900
|
+
border-radius: 0;
|
|
901
|
+
width: 28px;
|
|
902
|
+
height: 28px;
|
|
903
|
+
}
|
|
887
904
|
|
|
888
905
|
[data-calendar-wrapper] [data-calendar-root] {
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
906
|
+
padding: 1.25rem;
|
|
907
|
+
border: 1px solid #12826a;
|
|
908
|
+
border: 1px solid var(--primary);
|
|
909
|
+
border-radius: 0rem;
|
|
910
|
+
}
|
|
894
911
|
|
|
895
912
|
[data-calendar-wrapper] [data-calendar-cell][data-unavailable] {
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
913
|
+
color: #999;
|
|
914
|
+
pointer-events: none;
|
|
915
|
+
}
|
|
899
916
|
|
|
900
917
|
[data-calendar-wrapper] [data-calendar-cell][data-disabled] {
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
918
|
+
color: #999;
|
|
919
|
+
pointer-events: none;
|
|
920
|
+
}
|
|
904
921
|
|
|
905
922
|
[data-calendar-wrapper] [data-calendar-cell][data-selected] {
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
923
|
+
color: #ffffff;
|
|
924
|
+
background-color: #12826a;
|
|
925
|
+
background-color: var(--primary);
|
|
926
|
+
outline: 3px solid #12826a;
|
|
927
|
+
outline: var(--outline-hover);
|
|
928
|
+
}
|
|
912
929
|
|
|
913
930
|
[data-calendar-wrapper] [data-calendar-cell][data-today] {
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
931
|
+
border: 1px solid #12826a;
|
|
932
|
+
border: 1px solid var(--primary);
|
|
933
|
+
outline: 3px solid #12826a;
|
|
934
|
+
outline: var(--outline-hover);
|
|
935
|
+
}
|
|
936
|
+
|
|
919
937
|
/*END CALENDARUI CSS*/
|
|
920
938
|
|
|
921
939
|
go-timeslots > ul {
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
940
|
+
max-width: 650px;
|
|
941
|
+
list-style: none;
|
|
942
|
+
padding: 0;
|
|
943
|
+
margin: 0;
|
|
944
|
+
display: grid;
|
|
945
|
+
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
|
|
928
946
|
}
|
|
929
947
|
|
|
930
948
|
go-timeslots > ul li {
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
949
|
+
margin: 5px;
|
|
950
|
+
display: flex;
|
|
951
|
+
}
|
|
934
952
|
|
|
935
953
|
go-timeslots > ul label {
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
}
|
|
954
|
+
display: inline-block;
|
|
955
|
+
padding: 10px 20px;
|
|
956
|
+
border: 1px solid #ddd;
|
|
957
|
+
border-radius: 0px;
|
|
958
|
+
cursor: pointer;
|
|
959
|
+
transition: background-color 0.3s, border-color 0.3s;
|
|
960
|
+
|
|
961
|
+
flex: 1 0 auto;
|
|
962
|
+
text-align: center;
|
|
963
|
+
}
|
|
947
964
|
|
|
948
965
|
/* Available timeslot */
|
|
949
966
|
|
|
950
967
|
go-timeslots > ul input[type='radio'] {
|
|
951
|
-
|
|
952
|
-
|
|
968
|
+
display: none; /* Hide the radio button */
|
|
969
|
+
}
|
|
953
970
|
|
|
954
971
|
/* When a timeslot is selected (checked radio button) */
|
|
955
972
|
|
|
956
973
|
go-timeslots > ul label:has(input[type='radio']:checked) {
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
974
|
+
background-color: #12826a;
|
|
975
|
+
background-color: var(--primary); /* blue-green color */
|
|
976
|
+
border-color: #12826a;
|
|
977
|
+
border-color: var(--primary);
|
|
978
|
+
color: white;
|
|
979
|
+
outline: 3px solid #12826a;
|
|
980
|
+
outline: var(--outline-hover);
|
|
981
|
+
}
|
|
965
982
|
|
|
966
983
|
/* Finished (unavailable) timeslot */
|
|
967
984
|
|
|
968
985
|
go-timeslots > ul .is-sold-out,go-timeslots > ul .is-disabled {
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
986
|
+
background-color: #f0f0f0;
|
|
987
|
+
color: #999;
|
|
988
|
+
pointer-events: none;
|
|
989
|
+
}
|
|
973
990
|
|
|
974
991
|
go-timeslots > ul .is-sold-out input,go-timeslots > ul .is-disabled input {
|
|
975
|
-
|
|
976
|
-
|
|
992
|
+
display: none;
|
|
993
|
+
}
|
|
977
994
|
|
|
978
995
|
/* Disabled radio button appearance */
|
|
979
996
|
|
|
980
997
|
go-timeslots > ul input:disabled + label {
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
998
|
+
background-color: #e0e0e0;
|
|
999
|
+
color: #bbb;
|
|
1000
|
+
cursor: not-allowed;
|
|
1001
|
+
border-color: #ddd;
|
|
1002
|
+
}
|
|
986
1003
|
|
|
987
1004
|
go-timeslots > ul label:hover {
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
1005
|
+
/*background-color: #f0f0f0;*/
|
|
1006
|
+
border-color: #12826a;
|
|
1007
|
+
border-color: var(--primary);
|
|
1008
|
+
outline: 3px solid #12826a;
|
|
1009
|
+
outline: var(--outline-hover);
|
|
1010
|
+
}
|
|
994
1011
|
|
|
995
1012
|
/* Focus state for better accessibility */
|
|
996
1013
|
|
|
997
1014
|
go-timeslots > ul input:focus + label {
|
|
998
|
-
|
|
999
|
-
|
|
1015
|
+
outline: 2px solid #0052cc;
|
|
1016
|
+
}
|
|
1000
1017
|
|
|
1001
1018
|
go-tickets {
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1019
|
+
/*// Tweak these numbers to change column ratios (must match header + rows)*/
|
|
1020
|
+
--col-title: 2;
|
|
1021
|
+
--col-desc: 4;
|
|
1022
|
+
--col-price: 1;
|
|
1023
|
+
--col-qty: 1;
|
|
1007
1024
|
}
|
|
1008
1025
|
|
|
1009
1026
|
go-tickets ol.go-tickets {
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1027
|
+
margin: 0;
|
|
1028
|
+
padding: 0;
|
|
1029
|
+
list-style: none;
|
|
1013
1030
|
|
|
1014
|
-
|
|
1015
|
-
|
|
1031
|
+
/*// Header row*/
|
|
1032
|
+
}
|
|
1016
1033
|
|
|
1017
1034
|
go-tickets ol.go-tickets > .go-tickets-header {
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1035
|
+
top: 0;
|
|
1036
|
+
background: inherit;
|
|
1037
|
+
}
|
|
1021
1038
|
|
|
1022
1039
|
go-tickets ol.go-tickets > .go-tickets-header > ul {
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1040
|
+
display: flex;
|
|
1041
|
+
align-items: center;
|
|
1042
|
+
gap: 1rem;
|
|
1043
|
+
padding: 0.5rem 0;
|
|
1044
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
1045
|
+
font-weight: 600;
|
|
1046
|
+
}
|
|
1030
1047
|
|
|
1031
1048
|
go-tickets ol.go-tickets > .go-tickets-header > ul > li {
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1049
|
+
list-style: none;
|
|
1050
|
+
/*// allow truncation*/
|
|
1051
|
+
min-width: 0;
|
|
1052
|
+
}
|
|
1036
1053
|
|
|
1037
1054
|
go-tickets ol.go-tickets > .go-tickets-header > ul > li:first-child {
|
|
1038
|
-
|
|
1039
|
-
|
|
1055
|
+
padding-left: 0;
|
|
1056
|
+
}
|
|
1040
1057
|
|
|
1041
1058
|
go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-header-title {
|
|
1042
|
-
|
|
1043
|
-
|
|
1059
|
+
flex: var(--col-title) 0 0;
|
|
1060
|
+
}
|
|
1044
1061
|
|
|
1045
1062
|
go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-description {
|
|
1046
|
-
|
|
1047
|
-
|
|
1063
|
+
flex: var(--col-desc) 0 0;
|
|
1064
|
+
}
|
|
1048
1065
|
|
|
1049
1066
|
go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-price {
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1067
|
+
flex: var(--col-price) 0 0;
|
|
1068
|
+
text-align: right;
|
|
1069
|
+
}
|
|
1053
1070
|
|
|
1054
1071
|
go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-quality {
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1072
|
+
flex: var(--col-qty) 0 0;
|
|
1073
|
+
text-align: right;
|
|
1074
|
+
}
|
|
1058
1075
|
|
|
1059
1076
|
/*// Data rows*/
|
|
1060
1077
|
|
|
1061
1078
|
go-tickets ol.go-tickets > li {
|
|
1062
|
-
|
|
1063
|
-
|
|
1079
|
+
list-style: none;
|
|
1080
|
+
}
|
|
1064
1081
|
|
|
1065
1082
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul {
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1083
|
+
display: flex;
|
|
1084
|
+
align-items: center;
|
|
1085
|
+
gap: 1rem;
|
|
1086
|
+
padding: 0.75rem 0;
|
|
1087
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
1088
|
+
}
|
|
1072
1089
|
|
|
1073
1090
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul > li {
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1091
|
+
list-style: none;
|
|
1092
|
+
/*// enable text truncation*/
|
|
1093
|
+
min-width: 0;
|
|
1094
|
+
/*// Optional: single-line truncation (comment out if you want wrapping)*/
|
|
1095
|
+
/*white-space: ;*/
|
|
1096
|
+
/*overflow: hidden;*/
|
|
1097
|
+
/*text-overflow: ellipsis;*/
|
|
1098
|
+
}
|
|
1082
1099
|
|
|
1083
1100
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-title {
|
|
1084
|
-
|
|
1085
|
-
|
|
1101
|
+
flex: var(--col-title) 0 0;
|
|
1102
|
+
}
|
|
1086
1103
|
|
|
1087
1104
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-description {
|
|
1088
|
-
|
|
1089
|
-
|
|
1105
|
+
flex: var(--col-desc) 0 0;
|
|
1106
|
+
}
|
|
1090
1107
|
|
|
1091
1108
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-price {
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1109
|
+
flex: var(--col-price) 0 0;
|
|
1110
|
+
text-align: right;
|
|
1111
|
+
}
|
|
1095
1112
|
|
|
1096
1113
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality {
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1114
|
+
flex: var(--col-qty) 0 0;
|
|
1115
|
+
text-align: right;
|
|
1116
|
+
}
|
|
1100
1117
|
|
|
1101
1118
|
go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality select {
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1119
|
+
/*// keeps the quantity control aligned but not stretched*/
|
|
1120
|
+
margin-left: auto;
|
|
1121
|
+
/*// adjust as needed*/
|
|
1122
|
+
max-width: 8rem;
|
|
1123
|
+
|
|
1124
|
+
min-width: 4rem;
|
|
1125
|
+
min-height: 2rem;
|
|
1126
|
+
width: auto;
|
|
1127
|
+
}
|
|
1111
1128
|
|
|
1112
1129
|
go-tickets go-ticket-segment.is-empty .sum-container {
|
|
1113
|
-
|
|
1114
|
-
|
|
1130
|
+
display: none;
|
|
1131
|
+
}
|
|
1115
1132
|
|
|
1116
1133
|
/*=== CART ===*/
|
|
1117
1134
|
go-cart {
|
|
1118
|
-
|
|
1135
|
+
display: block;
|
|
1119
1136
|
}
|
|
1137
|
+
go-cart ul,go-cart ol{
|
|
1138
|
+
margin: 0;
|
|
1139
|
+
padding: 0;
|
|
1140
|
+
list-style: none;
|
|
1120
1141
|
|
|
1121
|
-
|
|
1122
|
-
margin: 0;
|
|
1123
|
-
padding: 0;
|
|
1124
|
-
list-style: none;
|
|
1125
|
-
}
|
|
1142
|
+
}
|
|
1126
1143
|
|
|
1127
1144
|
/* Header row */
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
padding: 0.5rem 0;
|
|
1131
|
-
}
|
|
1132
|
-
[data-go-cart-header] > ul {
|
|
1133
|
-
display: flex;
|
|
1134
|
-
gap: 1rem;
|
|
1135
|
-
font-weight: 600;
|
|
1136
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
1145
|
+
.go-cart-header {
|
|
1146
|
+
background: inherit;
|
|
1137
1147
|
padding: 0.5rem 0;
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
}
|
|
1146
|
-
[data-go-cart-header] > ul [data-go-cart-header-price] {
|
|
1147
|
-
flex: 1;
|
|
1148
|
-
text-align: right;
|
|
1149
|
-
}
|
|
1150
|
-
[data-go-cart-header] > ul [data-go-cart-header-count] {
|
|
1151
|
-
flex: 1;
|
|
1152
|
-
text-align: right;
|
|
1153
|
-
}
|
|
1154
|
-
[data-go-cart-header] > ul [data-go-cart-header-remove] {
|
|
1155
|
-
flex: 1;
|
|
1156
|
-
text-align: right;
|
|
1157
|
-
}
|
|
1158
|
-
[data-go-cart-header] > ul [data-go-cart-header-sum] {
|
|
1159
|
-
flex: 1;
|
|
1160
|
-
text-align: right;
|
|
1148
|
+
}
|
|
1149
|
+
.go-cart-header > ul {
|
|
1150
|
+
display: flex;
|
|
1151
|
+
gap: 1rem;
|
|
1152
|
+
font-weight: 600;
|
|
1153
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
1154
|
+
padding: 0.5rem 0;
|
|
1161
1155
|
}
|
|
1156
|
+
.go-cart-header > ul > li {
|
|
1157
|
+
list-style: none;
|
|
1158
|
+
min-width: 0;
|
|
1159
|
+
}
|
|
1160
|
+
.go-cart-header > ul .go-cart-header-title {
|
|
1161
|
+
flex: 2;
|
|
1162
|
+
}
|
|
1163
|
+
.go-cart-header > ul .go-cart-header-price {
|
|
1164
|
+
flex: 1;
|
|
1165
|
+
text-align: right;
|
|
1166
|
+
}
|
|
1167
|
+
.go-cart-header > ul .go-cart-header-count {
|
|
1168
|
+
flex: 1;
|
|
1169
|
+
text-align: right;
|
|
1170
|
+
}
|
|
1171
|
+
.go-cart-header > ul .go-cart-header-remove {
|
|
1172
|
+
flex: 1;
|
|
1173
|
+
text-align: right;
|
|
1174
|
+
}
|
|
1175
|
+
.go-cart-header > ul .go-cart-header-sum {
|
|
1176
|
+
flex: 1;
|
|
1177
|
+
text-align: right;
|
|
1178
|
+
}
|
|
1162
1179
|
|
|
1163
1180
|
/* Data rows */
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
}
|
|
1171
|
-
[data-go-cart-item] article > ul > li {
|
|
1172
|
-
list-style: none;
|
|
1173
|
-
min-width: 0;
|
|
1174
|
-
/*white-space: nowrap;*/
|
|
1175
|
-
/*overflow: hidden;*/
|
|
1176
|
-
/*text-overflow: ellipsis;*/
|
|
1177
|
-
}
|
|
1178
|
-
[data-go-cart-item] article > ul [data-go-cart-item-title] {
|
|
1179
|
-
flex: 2;
|
|
1180
|
-
}
|
|
1181
|
-
[data-go-cart-item] article > ul [data-go-cart-item-price] {
|
|
1182
|
-
flex: 1;
|
|
1183
|
-
text-align: right;
|
|
1184
|
-
}
|
|
1185
|
-
[data-go-cart-item] article > ul [data-go-cart-item-count] {
|
|
1186
|
-
flex: 1;
|
|
1187
|
-
text-align: right;
|
|
1188
|
-
}
|
|
1189
|
-
[data-go-cart-item] article > ul [data-go-cart-item-remove] {
|
|
1190
|
-
flex: 1;
|
|
1191
|
-
text-align: right;
|
|
1192
|
-
}
|
|
1193
|
-
[data-go-cart-item] article > ul [data-go-cart-item-remove] button {
|
|
1194
|
-
padding: 0.25rem 0.5rem;
|
|
1195
|
-
margin: 0;
|
|
1196
|
-
background-color: white;
|
|
1197
|
-
background-color: var(--bg);
|
|
1198
|
-
color: #111;
|
|
1199
|
-
color: var(--fg);
|
|
1200
|
-
border: none;
|
|
1201
|
-
border-radius: 0px;
|
|
1202
|
-
cursor: pointer;
|
|
1181
|
+
.go-cart-item article > ul {
|
|
1182
|
+
display: flex;
|
|
1183
|
+
gap: 1rem;
|
|
1184
|
+
padding: 0.75rem 0;
|
|
1185
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
1186
|
+
align-items: center;
|
|
1203
1187
|
}
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1188
|
+
.go-cart-item article > ul > li {
|
|
1189
|
+
list-style: none;
|
|
1190
|
+
min-width: 0;
|
|
1191
|
+
/*white-space: nowrap;*/
|
|
1192
|
+
/*overflow: hidden;*/
|
|
1193
|
+
/*text-overflow: ellipsis;*/
|
|
1194
|
+
}
|
|
1195
|
+
.go-cart-item article > ul .go-cart-item-title-container {
|
|
1196
|
+
flex: 2;
|
|
1197
|
+
}
|
|
1198
|
+
.go-cart-item article > ul .go-cart-item-price {
|
|
1199
|
+
flex: 1;
|
|
1200
|
+
text-align: right;
|
|
1201
|
+
}
|
|
1202
|
+
.go-cart-item article > ul .go-cart-item-count {
|
|
1203
|
+
flex: 1;
|
|
1204
|
+
text-align: right;
|
|
1205
|
+
}
|
|
1206
|
+
.go-cart-item article > ul .go-cart-item-remove {
|
|
1207
|
+
flex: 1;
|
|
1208
|
+
text-align: right;
|
|
1209
|
+
}
|
|
1210
|
+
.go-cart-item article > ul .go-cart-item-remove button {
|
|
1211
|
+
padding: 0.25rem 0.5rem;
|
|
1212
|
+
margin: 0;
|
|
1213
|
+
background-color: white;
|
|
1214
|
+
background-color: var(--bg);
|
|
1215
|
+
color: #111;
|
|
1216
|
+
color: var(--fg);
|
|
1217
|
+
border: none;
|
|
1218
|
+
border-radius: 0px;
|
|
1219
|
+
cursor: pointer;
|
|
1220
|
+
}
|
|
1221
|
+
.go-cart-item article > ul .go-cart-item-sum {
|
|
1222
|
+
flex: 1;
|
|
1223
|
+
text-align: right;
|
|
1224
|
+
}
|
|
1208
1225
|
|
|
1209
1226
|
/* Footer row */
|
|
1210
|
-
|
|
1211
|
-
|
|
1227
|
+
.go-cart-footer {
|
|
1228
|
+
background: inherit;
|
|
1212
1229
|
}
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
}
|
|
1220
|
-
[data-go-cart-footer] > ul > li {
|
|
1221
|
-
list-style: none;
|
|
1222
|
-
min-width: 0;
|
|
1223
|
-
}
|
|
1224
|
-
[data-go-cart-footer] > ul [data-go-cart-footer-title] {
|
|
1225
|
-
flex: 2;
|
|
1226
|
-
}
|
|
1227
|
-
[data-go-cart-footer] > ul [data-go-cart-footer-price] {
|
|
1228
|
-
flex: 1;
|
|
1229
|
-
text-align: right;
|
|
1230
|
-
}
|
|
1231
|
-
[data-go-cart-footer] > ul [data-go-cart-footer-count] {
|
|
1232
|
-
flex: 1;
|
|
1233
|
-
text-align: right;
|
|
1234
|
-
}
|
|
1235
|
-
[data-go-cart-footer] > ul [data-go-cart-footer-remove] {
|
|
1236
|
-
flex: 1;
|
|
1237
|
-
text-align: right;
|
|
1238
|
-
}
|
|
1239
|
-
[data-go-cart-footer] > ul [data-go-cart-footer-sum] {
|
|
1240
|
-
flex: 1;
|
|
1241
|
-
text-align: right;
|
|
1230
|
+
.go-cart-footer > ul {
|
|
1231
|
+
display: flex;
|
|
1232
|
+
gap: 1rem;
|
|
1233
|
+
padding: 0.5rem 0;
|
|
1234
|
+
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
1235
|
+
font-weight: 600;
|
|
1242
1236
|
}
|
|
1237
|
+
.go-cart-footer > ul > li {
|
|
1238
|
+
list-style: none;
|
|
1239
|
+
min-width: 0;
|
|
1240
|
+
}
|
|
1241
|
+
.go-cart-footer > ul .go-cart-footer-title {
|
|
1242
|
+
flex: 2;
|
|
1243
|
+
}
|
|
1244
|
+
.go-cart-footer > ul .go-cart-footer-price {
|
|
1245
|
+
flex: 1;
|
|
1246
|
+
text-align: right;
|
|
1247
|
+
}
|
|
1248
|
+
.go-cart-footer > ul .go-cart-footer-count {
|
|
1249
|
+
flex: 1;
|
|
1250
|
+
text-align: right;
|
|
1251
|
+
}
|
|
1252
|
+
.go-cart-footer > ul .go-cart-footer-remove {
|
|
1253
|
+
flex: 1;
|
|
1254
|
+
text-align: right;
|
|
1255
|
+
}
|
|
1256
|
+
.go-cart-footer > ul .go-cart-footer-sum {
|
|
1257
|
+
flex: 1;
|
|
1258
|
+
text-align: right;
|
|
1259
|
+
}
|
|
1243
1260
|
|
|
1244
1261
|
[data-add-to-cart-button]:disabled {
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1262
|
+
background-color: #d3d3d3; /* Gray color for disabled state */
|
|
1263
|
+
color: #a1a1a1; /* Lighter text color */
|
|
1264
|
+
cursor: not-allowed; /* Show that the button is disabled */
|
|
1248
1265
|
}
|
|
1249
1266
|
|
|
1250
1267
|
h2 {
|
|
1251
|
-
|
|
1268
|
+
margin-top: 3rlh;
|
|
1252
1269
|
}
|
|
1253
1270
|
|
|
1254
1271
|
.sum-container {
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1272
|
+
display: flex;
|
|
1273
|
+
flex-direction: row;
|
|
1274
|
+
justify-content: space-between;
|
|
1258
1275
|
}
|
|
1259
1276
|
|
|
1260
1277
|
.component-container {
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
0 4px 12px rgba(12, 12, 12, 0.15),
|
|
1278
|
+
max-width: 650px;
|
|
1279
|
+
margin: 0 auto;
|
|
1280
|
+
box-shadow: 0 4px 12px rgba(12, 12, 12, 0.15),
|
|
1265
1281
|
0 0 0 1px rgba(0, 0, 0, 0.05);
|
|
1266
|
-
|
|
1267
|
-
|
|
1282
|
+
border-radius: 3px;
|
|
1283
|
+
padding: 32px 32px 48px;
|
|
1268
1284
|
|
|
1269
|
-
|
|
1285
|
+
margin: 2rem auto;
|
|
1270
1286
|
}
|
|
1271
1287
|
|
|
1272
1288
|
go-cart,
|
|
1273
1289
|
go-ticket-selection,
|
|
1274
1290
|
go-if {
|
|
1275
|
-
|
|
1276
|
-
|
|
1291
|
+
width: 100%;
|
|
1292
|
+
display: block;
|
|
1277
1293
|
}
|
|
1278
1294
|
|
|
1279
1295
|
go-cart-empty {
|
|
1280
|
-
|
|
1296
|
+
display: contents;
|
|
1281
1297
|
}
|
|
1282
1298
|
|
|
1283
1299
|
.go-cart-checkout-button {
|
|
1284
|
-
|
|
1300
|
+
display: none;
|
|
1285
1301
|
}
|
|
1286
1302
|
|
|
1287
1303
|
go-link {
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1304
|
+
cursor: pointer;
|
|
1305
|
+
color: #12826a;
|
|
1306
|
+
color: var(--primary);
|
|
1307
|
+
font-weight: bold;
|
|
1292
1308
|
}
|
|
1293
1309
|
|
|
1294
1310
|
.is-unavailable {
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1311
|
+
pointer-events: none;
|
|
1312
|
+
cursor: not-allowed;
|
|
1313
|
+
opacity: 0.5;
|
|
1298
1314
|
}
|
|
1299
1315
|
|
|
1300
1316
|
.go-order-breakdown-ical a {
|
|
1301
|
-
|
|
1302
|
-
|
|
1317
|
+
line-height: 24px;
|
|
1318
|
+
display: inline-block;
|
|
1303
1319
|
}
|
|
1304
1320
|
|
|
1305
1321
|
.go-donation-campaign {
|