@appartmint/mint 2.3.2 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/css/mint.css +1025 -1020
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/dist/js/imports/util/text.d.ts +4 -0
  6. package/dist/js/imports/util/text.d.ts.map +1 -1
  7. package/dist/js/index.js +6 -0
  8. package/dist/js/index.js.map +1 -1
  9. package/dist/js/index.min.js +1 -1
  10. package/dist/js/index.min.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/scss/imports/components/_index.scss +3 -10
  13. package/src/scss/imports/components/{_backgrounds.scss → partial/_backgrounds.scss} +1 -1
  14. package/src/scss/imports/components/{_footer.scss → partial/_footer.scss} +1 -2
  15. package/src/scss/imports/components/{_header.scss → partial/_header.scss} +1 -1
  16. package/src/scss/imports/components/partial/_index.scss +9 -0
  17. package/src/scss/imports/components/section/_full.scss +42 -0
  18. package/src/scss/imports/components/section/_index.scss +8 -0
  19. package/src/scss/imports/components/{_landing.scss → section/_landing.scss} +2 -2
  20. package/src/scss/imports/components/{_buttons.scss → widget/_button.scss} +1 -1
  21. package/src/scss/imports/components/{_cards.scss → widget/_card.scss} +1 -1
  22. package/src/scss/imports/components/{_image.scss → widget/_image.scss} +1 -1
  23. package/src/scss/imports/components/widget/_index.scss +10 -0
  24. package/src/scss/imports/components/{_tables.scss → widget/_table.scss} +1 -1
  25. package/src/scss/imports/overrides/_amplify.scss +2 -2
  26. package/src/scss/imports/overrides/_index.scss +1 -0
  27. package/src/scss/imports/components/_video.scss +0 -36
  28. /package/src/scss/imports/{components → overrides}/_recaptcha.scss +0 -0
package/dist/css/mint.css CHANGED
@@ -30,1205 +30,1279 @@
30
30
  filter: opacity(1) blur(0.15vw);
31
31
  }
32
32
 
33
- .mint-btn, :root:root [amplify-button], .mint-select,
34
- .mint-btn-group,
35
- .mint-btn-icon,
36
- .mint-pill {
37
- flex-shrink: 0;
38
- }
39
-
40
- .mint-btn, :root:root [amplify-button], .mint-select,
41
- .mint-btn-icon,
42
- .mint-pill {
43
- width: fit-content;
33
+ .mint-footer {
34
+ display: flex;
35
+ flex-direction: column;
44
36
  max-width: 100%;
45
- text-decoration: none;
46
- text-overflow: ellipsis;
47
- white-space: nowrap;
37
+ background: var(--mint-back);
38
+ transition: transform 300ms;
39
+ z-index: 999;
48
40
  overflow: hidden;
49
- user-select: none;
50
- transition: color var(--mint-delay-default), background-color var(--mint-delay-default), border-color var(--mint-delay-default);
51
41
  }
52
-
53
- .mint-btn, :root:root [amplify-button], .mint-select,
54
- .mint-btn-group,
55
- .mint-pill {
56
- display: inline-block;
57
- border-radius: 1rem;
58
- color: var(--mint-fore);
59
- background: var(--mint-brand-2);
60
- border: 0.125rem solid var(--mint-brand-4);
61
- text-align: center;
42
+ .mint-footer.mint-hide {
43
+ display: flex;
44
+ transform: translateY(100%);
45
+ transition: transform 0ms;
62
46
  }
63
- @media (min-width: 480px) {
64
- .mint-btn, :root:root [amplify-button], .mint-select,
65
- .mint-btn-group,
66
- .mint-pill {
67
- width: fit-content;
47
+ .mint-footer * {
48
+ max-width: 100%;
49
+ }
50
+ .mint-footer p {
51
+ margin: 0;
52
+ }
53
+ .mint-footer-content {
54
+ display: flex;
55
+ flex-direction: column;
56
+ flex-wrap: wrap;
57
+ align-items: center;
58
+ justify-content: space-between;
59
+ gap: 0.5rem;
60
+ }
61
+ @media (min-width: 768px) {
62
+ .mint-footer-content {
63
+ flex-direction: row;
64
+ align-items: flex-start;
68
65
  }
69
66
  }
70
- .mint-btn:hover, :root:root [amplify-button]:hover, .mint-select:hover,
71
- .mint-btn-group:hover,
72
- .mint-pill:hover {
73
- color: var(--mint-back);
74
- background: var(--mint-brand-4);
67
+ .mint-footer-content > p {
68
+ margin: 0 auto;
69
+ text-align: center;
70
+ align-self: center;
75
71
  }
76
- .mint-btn:hover i, :root:root [amplify-button]:hover i, .mint-select:hover i,
77
- .mint-btn-group:hover i,
78
- .mint-pill:hover i {
79
- color: inherit !important;
72
+ .mint-footer-content > p a {
73
+ display: block;
80
74
  }
81
- .mint-btn:focus-visible, :root:root [amplify-button]:focus-visible, .mint-select:focus-visible,
82
- .mint-btn-group:focus-visible,
83
- .mint-pill:focus-visible {
84
- color: var(--mint-back);
85
- background: var(--mint-brand-4);
75
+ .mint-footer-content [label=Footer] {
76
+ width: 100%;
77
+ margin: auto;
86
78
  }
87
- .mint-btn:focus-visible i, :root:root [amplify-button]:focus-visible i, .mint-select:focus-visible i,
88
- .mint-btn-group:focus-visible i,
89
- .mint-pill:focus-visible i {
90
- color: inherit !important;
79
+ @media (min-width: 768px) {
80
+ .mint-footer-content [label=Footer] {
81
+ width: auto;
82
+ }
91
83
  }
92
- .mint-btn:active, :root:root [amplify-button]:active, .mint-select:active,
93
- .mint-btn-group:active,
94
- .mint-pill:active {
95
- color: var(--mint-back);
96
- background: var(--mint-brand-4);
84
+ .mint-footer-content [label=Footer] > ul {
85
+ flex-direction: column;
86
+ flex-wrap: wrap;
87
+ justify-content: space-around;
88
+ text-align: center;
97
89
  }
98
- .mint-btn:active i, :root:root [amplify-button]:active i, .mint-select:active i,
99
- .mint-btn-group:active i,
100
- .mint-pill:active i {
101
- color: inherit !important;
90
+ @media (min-width: 480px) {
91
+ .mint-footer-content [label=Footer] > ul {
92
+ flex-direction: row;
93
+ }
102
94
  }
103
- .mint-btn.mint-active, :root:root .mint-active[amplify-button], .mint-active.mint-select,
104
- .mint-btn-group.mint-active,
105
- .mint-pill.mint-active {
106
- color: var(--mint-back);
107
- background: var(--mint-brand-4);
95
+ .mint-footer-content [label=Footer] > ul > ul li:last-child .mint-pill {
96
+ margin-bottom: 0;
108
97
  }
109
- .mint-btn.mint-active i, :root:root .mint-active[amplify-button] i, .mint-active.mint-select i,
110
- .mint-btn-group.mint-active i,
111
- .mint-pill.mint-active i {
112
- color: inherit !important;
98
+ .mint-footer-content [label=Footer] .mint-pill {
99
+ margin-bottom: 0.5rem;
113
100
  }
114
- .mint-btn.mint-reverse, :root:root .mint-reverse[amplify-button], .mint-reverse.mint-select,
115
- .mint-btn-group.mint-reverse,
116
- .mint-pill.mint-reverse {
101
+ .mint-footer-heel {
102
+ display: flex;
103
+ flex-direction: column;
104
+ align-items: center;
105
+ justify-content: space-between;
106
+ gap: 0.5rem;
107
+ padding: 0.4rem 1rem;
117
108
  color: var(--mint-back);
118
- background: var(--mint-brand-4);
109
+ background: var(--mint-brand-6);
110
+ text-align: center;
119
111
  }
120
- .mint-btn.mint-reverse:hover, :root:root .mint-reverse[amplify-button]:hover, .mint-reverse.mint-select:hover,
121
- .mint-btn-group.mint-reverse:hover,
122
- .mint-pill.mint-reverse:hover {
123
- color: var(--mint-fore);
124
- background: var(--mint-brand-2);
112
+ @media (min-width: 768px) {
113
+ .mint-footer-heel {
114
+ flex-direction: row;
115
+ }
125
116
  }
126
- .mint-btn.mint-reverse:focus-visible, :root:root .mint-reverse[amplify-button]:focus-visible, .mint-reverse.mint-select:focus-visible,
127
- .mint-btn-group.mint-reverse:focus-visible,
128
- .mint-pill.mint-reverse:focus-visible {
129
- color: var(--mint-fore);
130
- background: var(--mint-brand-2);
117
+ .mint-footer-heel > * {
118
+ width: 100%;
131
119
  }
132
- .mint-btn.mint-reverse:active, :root:root .mint-reverse[amplify-button]:active, .mint-reverse.mint-select:active,
133
- .mint-btn-group.mint-reverse:active,
134
- .mint-pill.mint-reverse:active {
135
- color: var(--mint-fore);
136
- background: var(--mint-brand-2);
120
+ @media (min-width: 768px) {
121
+ .mint-footer-heel p {
122
+ text-align: left;
123
+ }
137
124
  }
138
- .mint-btn.mint-reverse.mint-active, :root:root .mint-reverse.mint-active[amplify-button], .mint-reverse.mint-active.mint-select,
139
- .mint-btn-group.mint-reverse.mint-active,
140
- .mint-pill.mint-reverse.mint-active {
141
- color: var(--mint-fore);
142
- background: var(--mint-brand-2);
125
+ .mint-footer-social {
126
+ display: flex;
127
+ align-items: center;
128
+ justify-content: center;
129
+ flex-wrap: wrap;
143
130
  }
144
- .mint-btn.mint-alt, :root:root .mint-alt[amplify-button], .mint-alt.mint-select,
145
- .mint-btn-group.mint-alt,
146
- .mint-pill.mint-alt {
147
- color: var(--mint-brand-4);
148
- background: var(--mint-trans);
131
+ .mint-footer-message {
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ flex-wrap: wrap;
149
136
  }
150
- .mint-btn.mint-alt:hover, :root:root .mint-alt[amplify-button]:hover, .mint-alt.mint-select:hover,
151
- .mint-btn-group.mint-alt:hover,
152
- .mint-pill.mint-alt:hover {
153
- color: var(--mint-back);
154
- background: var(--mint-accent-2);
155
- border-color: var(--mint-accent-2);
137
+ @media (min-width: 480px) {
138
+ .mint-footer-message {
139
+ flex-wrap: nowrap;
140
+ }
156
141
  }
157
- .mint-btn.mint-alt:focus-visible, :root:root .mint-alt[amplify-button]:focus-visible, .mint-alt.mint-select:focus-visible,
158
- .mint-btn-group.mint-alt:focus-visible,
159
- .mint-pill.mint-alt:focus-visible {
160
- color: var(--mint-back);
161
- background: var(--mint-accent-2);
162
- border-color: var(--mint-accent-2);
142
+ @media (min-width: 768px) {
143
+ .mint-footer-message {
144
+ justify-content: flex-end;
145
+ }
163
146
  }
164
- .mint-btn.mint-alt:active, :root:root .mint-alt[amplify-button]:active, .mint-alt.mint-select:active,
165
- .mint-btn-group.mint-alt:active,
166
- .mint-pill.mint-alt:active {
167
- color: var(--mint-back);
168
- background: var(--mint-accent-2);
169
- border-color: var(--mint-accent-2);
147
+ .mint-footer-message > .mint-pill {
148
+ margin: 0 0.25rem;
170
149
  }
171
- .mint-btn.mint-alt.mint-active, :root:root .mint-alt.mint-active[amplify-button], .mint-alt.mint-active.mint-select,
172
- .mint-btn-group.mint-alt.mint-active,
173
- .mint-pill.mint-alt.mint-active {
174
- color: var(--mint-back);
175
- background: var(--mint-accent-2);
176
- border-color: var(--mint-accent-2);
150
+ .mint-footer-message > * {
151
+ margin: 0 0.5rem;
177
152
  }
178
- .mint-btn.mint-alt.mint-reverse, :root:root .mint-alt.mint-reverse[amplify-button], .mint-alt.mint-reverse.mint-select,
179
- .mint-btn-group.mint-alt.mint-reverse,
180
- .mint-pill.mint-alt.mint-reverse {
181
- color: var(--mint-back);
182
- background: var(--mint-accent-2);
183
- border-color: var(--mint-accent-2);
153
+ .mint-footer-message > *:first-child {
154
+ margin-left: 0;
184
155
  }
185
- .mint-btn.mint-alt.mint-reverse:hover, :root:root .mint-alt.mint-reverse[amplify-button]:hover, .mint-alt.mint-reverse.mint-select:hover,
186
- .mint-btn-group.mint-alt.mint-reverse:hover,
187
- .mint-pill.mint-alt.mint-reverse:hover {
188
- color: var(--mint-brand-4);
189
- background: var(--mint-trans);
190
- border-color: var(--mint-trans);
156
+ .mint-footer-message > *:last-child {
157
+ margin-right: 0;
191
158
  }
192
- .mint-btn.mint-alt.mint-reverse:focus-visible, :root:root .mint-alt.mint-reverse[amplify-button]:focus-visible, .mint-alt.mint-reverse.mint-select:focus-visible,
193
- .mint-btn-group.mint-alt.mint-reverse:focus-visible,
194
- .mint-pill.mint-alt.mint-reverse:focus-visible {
195
- color: var(--mint-brand-4);
196
- background: var(--mint-trans);
197
- border-color: var(--mint-trans);
159
+
160
+ :root {
161
+ --mint-header-height: 4rem;
162
+ --mint-header-back: var(--mint-brand-2);
163
+ --mint-header-fore: var(--mint-fore);
198
164
  }
199
- .mint-btn.mint-alt.mint-reverse:active, :root:root .mint-alt.mint-reverse[amplify-button]:active, .mint-alt.mint-reverse.mint-select:active,
200
- .mint-btn-group.mint-alt.mint-reverse:active,
201
- .mint-pill.mint-alt.mint-reverse:active {
202
- color: var(--mint-brand-4);
203
- background: var(--mint-trans);
204
- border-color: var(--mint-trans);
165
+
166
+ #mint-header {
167
+ position: relative;
168
+ width: 100%;
169
+ color: var(--mint-header-fore);
170
+ background-color: var(--mint-header-back);
171
+ z-index: 10000;
172
+ height: var(--mint-header-height);
205
173
  }
206
- .mint-btn.mint-alt.mint-reverse.mint-active, :root:root .mint-alt.mint-reverse.mint-active[amplify-button], .mint-alt.mint-reverse.mint-active.mint-select,
207
- .mint-btn-group.mint-alt.mint-reverse.mint-active,
208
- .mint-pill.mint-alt.mint-reverse.mint-active {
209
- color: var(--mint-brand-4);
210
- background: var(--mint-trans);
211
- border-color: var(--mint-trans);
174
+ #mint-header.mint-right #mint-wrapper {
175
+ top: var(--mint-header-height);
176
+ right: -100%;
177
+ left: unset;
212
178
  }
213
- .mint-btn a, :root:root [amplify-button] a, .mint-select a,
214
- .mint-btn-group a,
215
- .mint-pill a {
216
- color: inherit;
179
+ #mint-header.mint-right #mint-wrapper.mint-open {
180
+ right: 0;
217
181
  }
218
- .mint-btn a:hover, :root:root [amplify-button] a:hover, .mint-select a:hover,
219
- .mint-btn-group a:hover,
220
- .mint-pill a:hover {
221
- color: inherit;
182
+ #mint-header.mint-bottom #mint-wrapper {
183
+ top: unset;
184
+ bottom: -100%;
222
185
  }
223
- .mint-btn a i, :root:root [amplify-button] a i, .mint-select a i,
224
- .mint-btn-group a i,
225
- .mint-pill a i {
226
- display: none;
186
+ #mint-header.mint-bottom #mint-wrapper.mint-open {
187
+ top: unset;
188
+ bottom: 0;
227
189
  }
228
-
229
- .mint-btn, :root:root [amplify-button], .mint-select {
230
- padding: 0.5rem 1.75rem;
190
+ #mint-header.mint-left #mint-wrapper {
191
+ top: var(--mint-header-height);
192
+ left: -100%;
231
193
  }
232
- .mint-btn-icon {
233
- display: block;
234
- text-align: center;
235
- background: none;
236
- border: none;
194
+ #mint-header.mint-left #mint-wrapper.mint-open {
195
+ left: 0;
237
196
  }
238
- .mint-btn-icon:hover i {
239
- color: var(--mint-accent-2);
197
+ @media (min-width: 768px) {
198
+ #mint-header.mint-expand .mint-buttons {
199
+ width: auto;
200
+ }
201
+ #mint-header.mint-expand .mint-buttons [aria-controls=mint-wrapper] {
202
+ display: none;
203
+ }
204
+ #mint-header.mint-expand #mint-wrapper {
205
+ position: static;
206
+ display: flex !important;
207
+ height: 100%;
208
+ max-width: unset !important;
209
+ padding: 0;
210
+ z-index: 0;
211
+ }
212
+ #mint-header.mint-expand #mint-wrapper, #mint-header.mint-expand #mint-wrapper nav {
213
+ height: 4rem;
214
+ background: var(--mint-glow-0) !important;
215
+ overflow: visible;
216
+ }
217
+ #mint-header.mint-expand #mint-wrapper nav {
218
+ border: none;
219
+ }
220
+ #mint-header.mint-expand #mint-wrapper nav::before {
221
+ display: none;
222
+ }
223
+ #mint-header.mint-expand #mint-wrapper nav > ul {
224
+ flex-direction: row !important;
225
+ justify-content: flex-end;
226
+ flex-wrap: nowrap;
227
+ overflow: visible;
228
+ }
229
+ #mint-header.mint-expand #mint-wrapper nav > ul > li {
230
+ position: relative;
231
+ display: flex;
232
+ width: 100%;
233
+ max-width: 200px;
234
+ text-align: center;
235
+ }
236
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button,
237
+ #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
238
+ width: 100%;
239
+ max-width: 200px;
240
+ }
241
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button {
242
+ font-size: 1.5rem;
243
+ padding-right: 2rem;
244
+ }
245
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button::after {
246
+ content: "\f054";
247
+ font-family: "Font Awesome 6 Pro";
248
+ font-weight: 900;
249
+ font-size: 1rem;
250
+ position: absolute;
251
+ top: 50%;
252
+ transform: translateY(-50%);
253
+ margin-left: 1rem;
254
+ transition: transform var(--mint-delay-default);
255
+ }
256
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button:hover::after {
257
+ transform: translateY(-50%) rotate(90deg);
258
+ }
259
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
260
+ transform: translateY(-50%) rotate(90deg);
261
+ }
262
+ #mint-header.mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
263
+ transform: translateY(-50%) rotate(90deg);
264
+ }
265
+ #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
266
+ position: absolute;
267
+ top: 100%;
268
+ left: 50%;
269
+ transform: translateX(-50%);
270
+ background-color: var(--mint-brand-2);
271
+ }
272
+ #mint-header.mint-expand #mint-wrapper a {
273
+ font-size: 1.25rem;
274
+ }
275
+ #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
276
+ margin: 0.25rem 0;
277
+ }
240
278
  }
241
- .mint-btn-icon:focus-visible i {
242
- color: var(--mint-accent-2);
279
+ @media (max-width: 767px) {
280
+ #mint-header.mint-spread #mint-wrapper [aria-controls] {
281
+ display: none;
282
+ }
283
+ #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
284
+ display: flex !important;
285
+ height: auto !important;
286
+ margin-bottom: 3rem;
287
+ }
288
+ #mint-header.mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
289
+ font-size: 1.5em;
290
+ }
243
291
  }
244
- .mint-btn-icon:active i {
245
- color: var(--mint-accent-2);
292
+ #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
293
+ display: none;
246
294
  }
247
- .mint-btn-icon.mint-active i {
248
- color: var(--mint-accent-2);
295
+ #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
296
+ display: flex !important;
297
+ height: auto !important;
298
+ margin-bottom: 3rem;
249
299
  }
250
- @media (min-width: 480px) {
251
- .mint-btn-icon {
252
- display: inline-block;
300
+ #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
301
+ font-size: 1.5em;
302
+ }
303
+ #mint-header.mint-tray #mint-wrapper {
304
+ gap: 1.5rem;
305
+ font-size: 0.5em;
306
+ }
307
+ @media (min-width: 768px) {
308
+ #mint-header.mint-tray #mint-wrapper {
309
+ max-width: 512px;
253
310
  }
254
311
  }
255
- .mint-btn-icon.mint-lg i {
256
- font-size: 4rem;
312
+ #mint-header.mint-tray #mint-wrapper a, #mint-header.mint-tray #mint-wrapper button {
313
+ padding: 0.75rem;
314
+ margin: 0.25rem 0;
315
+ line-height: 1;
316
+ font-size: 4em;
317
+ width: 100%;
257
318
  }
258
- .mint-btn-icon i {
259
- margin: 0 !important;
260
- color: var(--mint-brand-4);
261
- font-size: 1.5rem;
319
+ #mint-header.mint-tray #mint-wrapper button {
320
+ font-size: 6em;
262
321
  }
263
- .mint-btn-icon i::before {
264
- transition: color var(--mint-delay-default);
265
- padding: 2px;
322
+ #mint-header.mint-tray #mint-wrapper nav > ul {
323
+ flex-direction: column;
324
+ flex-wrap: nowrap;
325
+ justify-content: flex-start;
266
326
  }
267
- .mint-btn-group {
268
- display: flex;
269
- width: fit-content;
270
- margin: auto;
271
- padding: 0;
272
- transition: all var(--mint-delay-default);
327
+ #mint-header.mint-tray #mint-wrapper nav li {
328
+ width: 100%;
273
329
  }
274
- .mint-btn-group button {
330
+ #mint-header:not(.mint-border)::before {
331
+ content: "";
332
+ position: absolute;
333
+ top: 0;
334
+ left: 0;
275
335
  width: 100%;
276
- border: none;
277
- color: inherit;
278
- background: transparent;
336
+ background: var(--mint-header-back);
279
337
  }
280
- .mint-btn-group button:first-child {
281
- padding: 0.5rem 0 0.5rem 1rem;
282
- border-top-left-radius: 1rem;
283
- border-bottom-left-radius: 1rem;
338
+ #mint-header::before {
339
+ height: var(--mint-header-height);
340
+ z-index: -1;
284
341
  }
285
- .mint-btn-group button:last-child {
286
- padding: 0.5rem 1rem 0.5rem 0;
287
- border-top-right-radius: 1rem;
288
- border-bottom-right-radius: 1rem;
342
+ #mint-header nav > ul {
343
+ display: flex;
344
+ flex-direction: column;
289
345
  }
290
- .mint-btn-group button[disabled] {
291
- pointer-events: none;
346
+ #mint-header ul {
347
+ list-style: none;
348
+ margin-top: 0;
349
+ margin-bottom: 1rem;
350
+ padding-left: 0;
292
351
  }
293
- .mint-btn-group button:hover {
294
- background: var(--mint-brand-5);
352
+ #mint-header a,
353
+ #mint-header button {
354
+ margin: 0;
355
+ border: 0;
356
+ color: var(--mint-fore);
357
+ background: var(--mint-trans);
358
+ transition-property: color, background;
359
+ transition-duration: var(--mint-delay-default);
295
360
  }
296
- .mint-btn-group button:focus-visible {
297
- background: var(--mint-brand-5);
361
+ #mint-header a:hover,
362
+ #mint-header button:hover {
363
+ color: var(--mint-back);
298
364
  }
299
- .mint-btn-group button:active {
300
- background: var(--mint-brand-5);
365
+ #mint-header #mint-navbar {
366
+ display: flex;
367
+ align-items: center;
368
+ justify-content: space-between;
369
+ height: 100%;
301
370
  }
302
- .mint-btn-group button.mint-active {
303
- background: var(--mint-brand-5);
371
+ #mint-header .mint-logo {
372
+ display: flex;
373
+ align-items: center;
374
+ gap: 1rem;
375
+ width: auto;
376
+ text-decoration: none;
377
+ white-space: nowrap;
304
378
  }
305
-
306
- .mint-pill {
307
- padding: 0 0.75rem;
308
- line-height: 2;
379
+ #mint-header .mint-logo span {
380
+ margin: 0;
309
381
  }
310
-
311
- a.mint-pill, button.mint-pill {
312
- min-width: 5rem;
382
+ #mint-header .mint-logo img {
383
+ max-height: var(--mint-header-height);
384
+ width: auto;
313
385
  }
314
-
315
- p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
316
- line-height: 1.5rem;
317
- vertical-align: middle;
386
+ #mint-header [aria-controls=mint-wrapper] {
387
+ display: inline-block;
388
+ position: relative;
389
+ padding: 0.6rem;
390
+ width: 4.4rem;
391
+ height: 4.4rem;
392
+ border-radius: 1rem;
393
+ background: var(--mint-shadow-6);
394
+ box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
395
+ z-index: 1000;
318
396
  }
319
-
320
- .mint-buttons {
321
- display: flex;
322
- align-items: center;
323
- justify-content: center;
324
- flex-wrap: wrap;
325
- gap: 1rem;
397
+ #mint-header [aria-controls=mint-wrapper]:hover {
398
+ background: var(--mint-shadow-5);
326
399
  }
327
- @media (min-width: 480px) {
328
- .mint-buttons {
329
- justify-content: flex-start;
330
- }
400
+ #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::after {
401
+ background-color: var(--mint-back);
331
402
  }
332
- .mint-buttons > * {
333
- width: 100%;
403
+ #mint-header [aria-controls=mint-wrapper] .mint-menu-icon {
404
+ top: 50%;
405
+ left: 50%;
406
+ transform: translate(-50%, -50%);
334
407
  }
335
- .mint-buttons > * .mint-btn, :root:root .mint-buttons > * [amplify-button], .mint-buttons > * .mint-select, .mint-buttons > * .mint-pill {
408
+ #mint-header [aria-controls=mint-wrapper] .mint-menu-icon, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
409
+ content: "";
336
410
  display: block;
411
+ position: absolute;
412
+ left: 50%;
413
+ height: 0.4rem;
414
+ width: 3.2rem;
415
+ background-color: var(--mint-fore);
416
+ transition: 300ms;
337
417
  }
338
- @media (min-width: 480px) {
339
- .mint-buttons > * {
340
- width: auto;
341
- }
418
+ #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before {
419
+ transform: translate(-50%, -200%);
342
420
  }
343
- .mint-buttons .mint-buttons .mint-pill {
344
- width: 100%;
421
+ #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
422
+ transform: translate(-50%, 200%);
345
423
  }
346
-
347
- @media (min-width: 480px) {
348
- .mint-grid.mint-3 .mint-buttons > *,
349
- .mint-grid.mint-4 .mint-buttons > * {
350
- width: 100%;
351
- margin: 0.5rem 0;
352
- }
424
+ #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon {
425
+ background: transparent;
353
426
  }
354
-
355
- .mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
427
+ #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::before {
428
+ transform: translate(-50%, 0) rotate(45deg);
429
+ }
430
+ #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::after {
431
+ transform: translate(-50%, 0) rotate(-45deg);
432
+ }
433
+ #mint-header #mint-wrapper {
356
434
  display: flex;
357
435
  flex-direction: column;
436
+ position: fixed;
437
+ top: -100%;
438
+ left: 0;
439
+ width: 100%;
440
+ height: calc(100vh - var(--mint-header-height));
441
+ height: calc(100dvh - var(--mint-header-height));
442
+ z-index: -2;
443
+ background: var(--mint-header-back);
444
+ transition-duration: var(--mint-delay-default);
445
+ transition-property: top, right, bottom, left;
446
+ overflow: auto;
447
+ }
448
+ #mint-header #mint-wrapper.mint-open {
449
+ top: var(--mint-header-height);
450
+ }
451
+ #mint-header #mint-wrapper nav {
452
+ flex-grow: 1;
453
+ height: auto;
454
+ overflow: visible;
455
+ background: var(--mint-back);
456
+ }
457
+ @media (min-width: 1440px) {
458
+ #mint-header #mint-wrapper nav {
459
+ display: flex;
460
+ align-items: center;
461
+ justify-content: center;
462
+ }
463
+ }
464
+ #mint-header #mint-wrapper nav > :last-child {
465
+ margin-bottom: 0;
466
+ }
467
+ #mint-header #mint-wrapper nav > ul {
358
468
  height: 100%;
359
- max-width: 100%;
360
- margin: 0;
361
- border-radius: 1rem;
362
- box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
363
- overflow: hidden;
469
+ overflow: visible;
364
470
  }
365
- @media (min-width: 768px) {
366
- .mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
471
+ @media (min-width: 1024px) {
472
+ #mint-header #mint-wrapper nav > ul {
473
+ display: flex;
367
474
  flex-direction: row;
368
- }
369
- .mint-card.mint-reverse, :root:root [data-amplify-authenticator] .mint-reverse[data-amplify-container] {
370
- flex-direction: row-reverse;
475
+ flex-wrap: wrap;
476
+ align-items: center;
477
+ justify-content: space-evenly;
478
+ width: 100%;
371
479
  }
372
480
  }
373
- .mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
481
+ #mint-header #mint-wrapper a {
482
+ display: flex;
483
+ }
484
+ #mint-header #mint-wrapper a,
485
+ #mint-header #mint-wrapper button {
486
+ align-items: center;
374
487
  justify-content: center;
488
+ font-family: serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
489
+ font-size: 3em;
490
+ padding: 0.5rem;
491
+ margin: 0.5rem 0;
375
492
  text-align: center;
493
+ border-radius: 1rem;
376
494
  }
377
- .mint-card.mint-center .mint-title > div, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title > div {
378
- width: auto;
495
+ @media (min-width: 480px) {
496
+ #mint-header #mint-wrapper a,
497
+ #mint-header #mint-wrapper button {
498
+ padding: 1rem 1.5rem;
499
+ }
500
+ #mint-header #mint-wrapper a i,
501
+ #mint-header #mint-wrapper button i {
502
+ font-size: 0.5em;
503
+ }
379
504
  }
380
- .mint-card.mint-center .mint-content > *, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-content > *, :root:root .mint-card.mint-center [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-center [data-amplify-router] > *, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] [data-amplify-router] > * {
381
- text-align: center;
505
+ #mint-header #mint-wrapper a:hover,
506
+ #mint-header #mint-wrapper button:hover {
507
+ background-color: var(--mint-shadow-5);
508
+ color: var(--mint-back);
382
509
  }
383
- .mint-card.mint-center .mint-buttons, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-buttons {
384
- justify-content: center;
510
+ #mint-header #mint-wrapper a:focus-visible,
511
+ #mint-header #mint-wrapper button:focus-visible {
512
+ background-color: var(--mint-shadow-5);
513
+ color: var(--mint-back);
385
514
  }
386
- .mint-card.mint-center-title .mint-title, :root:root [data-amplify-authenticator] .mint-center-title[data-amplify-container] .mint-title {
387
- justify-content: center;
388
- text-align: center;
515
+ #mint-header #mint-wrapper a.mint-active,
516
+ #mint-header #mint-wrapper button.mint-active {
517
+ text-decoration: underline;
389
518
  }
390
- .mint-card.mint-center-title .mint-title > div, :root:root [data-amplify-authenticator] .mint-center-title[data-amplify-container] .mint-title > div {
519
+ #mint-header #mint-wrapper ul li:last-child {
520
+ margin-bottom: 0;
521
+ }
522
+ #mint-header #mint-wrapper ul li:last-child ul {
523
+ margin-bottom: 0 !important;
524
+ }
525
+ #mint-header .mint-buttons {
526
+ flex-wrap: nowrap;
527
+ flex-shrink: 0;
528
+ justify-content: flex-end;
529
+ margin-left: auto;
530
+ }
531
+ #mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
532
+ #mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
533
+ display: flex;
391
534
  width: auto;
535
+ padding: 0.5rem;
392
536
  }
393
- .mint-card.mint-center-content .mint-content > *, :root:root [data-amplify-authenticator] .mint-center-content[data-amplify-container] .mint-content > *, :root:root .mint-card.mint-center-content [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-center-content [data-amplify-router] > *, :root:root [data-amplify-authenticator] .mint-center-content[data-amplify-container] [data-amplify-router] > * {
394
- text-align: center;
537
+ #mint-header .mint-dropdown {
538
+ background: var(--mint-header-back);
395
539
  }
396
- .mint-card.mint-center-btns .mint-buttons, :root:root [data-amplify-authenticator] .mint-center-btns[data-amplify-container] .mint-buttons {
540
+ #mint-header .mint-dropdown button {
541
+ display: flex;
542
+ align-items: center;
397
543
  justify-content: center;
544
+ min-width: var(--mint-header-height);
545
+ height: var(--mint-header-height);
546
+ padding: calc(var(--mint-header-height) / 2);
398
547
  }
399
- .mint-card.mint-stagger, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] {
548
+ #mint-header .mint-dropdown li {
549
+ padding: calc(var(--mint-header-height) / 2);
550
+ line-height: 1;
551
+ cursor: pointer;
552
+ }
553
+ #mint-header [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
554
+ display: flex;
555
+ flex-direction: column;
556
+ height: 0;
557
+ overflow: hidden;
558
+ transition: height var(--mint-delay-default), margin var(--mint-delay-default);
559
+ }
560
+ #mint-header [aria-controls]:not([aria-controls=mint-wrapper])[aria-expanded]:not([aria-expanded=true]) + ul {
561
+ margin: 0;
562
+ }
563
+
564
+ .mint-section-full {
565
+ display: flex;
566
+ flex-direction: column;
567
+ align-items: flex-end;
568
+ justify-content: center;
569
+ flex-direction: row;
570
+ min-height: calc(100vh - var(--mint-header-height) + 10rem);
571
+ gap: 2rem;
400
572
  position: relative;
401
- width: 100%;
573
+ }
574
+ .mint-section-full {
575
+ top: -4px;
576
+ }
577
+ @media (min-width: 480px) {
578
+ .mint-section-full {
579
+ top: calc(-4px + -12 * (100vw - 480px) / 288);
580
+ }
402
581
  }
403
582
  @media (min-width: 768px) {
404
- .mint-card.mint-stagger, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] {
405
- flex-direction: row;
406
- border-radius: 0;
407
- box-shadow: none;
408
- overflow: visible;
583
+ .mint-section-full {
584
+ top: -16px;
409
585
  }
410
- .mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image, .mint-card.mint-stagger > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image {
411
- width: calc(50% + 1.5rem);
412
- height: fit-content;
413
- margin-right: -3rem;
414
- border-radius: 1rem;
415
- box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
586
+ }
587
+ .mint-section-full {
588
+ left: -4px;
589
+ }
590
+ @media (min-width: 480px) {
591
+ .mint-section-full {
592
+ left: calc(-4px + -12 * (100vw - 480px) / 288);
416
593
  }
417
- .mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img, .mint-card.mint-stagger > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image img {
418
- height: 100%;
419
- object-fit: cover;
594
+ }
595
+ @media (min-width: 768px) {
596
+ .mint-section-full {
597
+ left: -16px;
420
598
  }
421
- .mint-card.mint-stagger > .mint-content, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-stagger > [data-amplify-router], :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > [data-amplify-router] {
422
- width: calc(50% + 1.5rem);
423
- height: fit-content;
424
- margin-top: 3rem;
425
- border-radius: 1rem;
426
- box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
427
- }
428
- }
429
- @media (min-width: 768px) {
430
- .mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
431
- flex-direction: row-reverse;
432
- }
433
- .mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > mint-widget-image .mint-image {
434
- margin-right: 0;
435
- margin-left: -3rem;
436
- }
437
- }
438
- .mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child, .mint-card > mint-widget-image:only-child .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image:only-child .mint-image {
439
- width: 100%;
440
599
  }
441
- .mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
442
- overflow: hidden;
600
+ .mint-section-full {
601
+ width: calc(100% + 8px);
443
602
  }
444
- @media (min-width: 768px) {
445
- .mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
446
- width: 50%;
603
+ @media (min-width: 480px) {
604
+ .mint-section-full {
605
+ width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
447
606
  }
448
607
  }
449
608
  @media (min-width: 768px) {
450
- .mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], .mint-card > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
451
- width: 50%;
609
+ .mint-section-full {
610
+ width: calc(100% + 32px);
452
611
  }
453
612
  }
454
- .mint-card .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] {
455
- display: flex;
456
- flex-direction: column;
457
- gap: 1rem;
458
- position: relative;
459
- padding: 1.5rem;
460
- background: var(--mint-back);
461
- width: 100%;
462
- overflow: hidden;
463
- }
464
- .mint-card .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > * {
465
- margin-top: 0;
466
- margin-bottom: 0;
467
- }
468
- .mint-card .mint-title, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title {
469
- display: flex;
470
- flex-direction: column;
471
- align-items: center;
472
- height: fit-content;
473
- gap: 1.5rem;
474
- text-align: center;
613
+ .mint-section-full {
614
+ padding: 4px;
475
615
  }
476
616
  @media (min-width: 480px) {
477
- .mint-card .mint-title, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title {
478
- flex-direction: row;
479
- text-align: left;
617
+ .mint-section-full {
618
+ padding: calc(4px + 12 * (100vw - 480px) / 288);
480
619
  }
481
620
  }
482
- .mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
483
- height: 100%;
621
+ @media (min-width: 768px) {
622
+ .mint-section-full {
623
+ padding: 16px;
624
+ }
484
625
  }
485
- .mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image, .mint-card .mint-title > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image {
626
+ .mint-section-full iframe, .mint-section-full video, .mint-section-full .mint-image, .mint-section-full .mint-embed {
627
+ position: absolute;
628
+ top: 0;
629
+ padding: 0;
486
630
  width: 100%;
487
- height: 100%;
488
- max-width: 4rem;
489
- max-height: 4rem;
490
- }
491
- .mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large, .mint-card .mint-title > mint-widget-image .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image.mint-large {
492
- max-width: 8rem;
493
- max-height: 8rem;
631
+ height: calc(100vh - var(--mint-header-height));
632
+ border: none;
633
+ object-fit: cover;
634
+ pointer-events: none;
494
635
  }
495
- .mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img, .mint-card .mint-title > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image img {
496
- display: block;
636
+ .mint-section-full .mint-image img {
497
637
  width: 100%;
498
638
  height: 100%;
499
- object-fit: contain;
500
- }
501
- .mint-card .mint-title i, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title i {
502
- display: flex;
503
- align-items: center;
504
- justify-content: center;
505
- min-width: 4rem;
506
- max-width: 4rem;
507
- margin: 0;
508
- font-size: 3rem;
639
+ object-fit: cover;
509
640
  }
510
- .mint-card .mint-title > div, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > div {
511
- width: 100%;
641
+
642
+ :root .mint-landing.swiper {
643
+ max-width: 100vw;
512
644
  }
513
- .mint-card .mint-title > div > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > div > * {
514
- margin: 0;
645
+ :root .mint-landing.swiper .swiper-slide {
646
+ padding: 0;
515
647
  }
516
- .mint-card .mint-date, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-date {
517
- text-align: center;
648
+
649
+ .mint-landing {
650
+ top: -4px;
518
651
  }
519
652
  @media (min-width: 480px) {
520
- .mint-card .mint-date, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-date {
521
- text-align: left;
653
+ .mint-landing {
654
+ top: calc(-4px + -12 * (100vw - 480px) / 288);
522
655
  }
523
656
  }
524
-
525
- .mint-grid.mint-3 .mint-card, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container],
526
- .mint-grid.mint-4 .mint-card,
527
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container],
528
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
529
- flex-direction: column !important;
657
+ @media (min-width: 768px) {
658
+ .mint-landing {
659
+ top: -16px;
660
+ }
530
661
  }
531
- .mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
532
- .mint-grid.mint-4 .mint-card > .mint-image,
533
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
534
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
535
- .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
536
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
537
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
538
- overflow: hidden;
662
+ .mint-landing {
663
+ left: -4px;
539
664
  }
540
- @media (min-width: 768px) {
541
- .mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
542
- .mint-grid.mint-4 .mint-card > .mint-image,
543
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
544
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
545
- .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
546
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
547
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
548
- width: 100%;
665
+ @media (min-width: 480px) {
666
+ .mint-landing {
667
+ left: calc(-4px + -12 * (100vw - 480px) / 288);
549
668
  }
550
669
  }
551
670
  @media (min-width: 768px) {
552
- .mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router], .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
553
- .mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
554
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
555
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
556
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router],
557
- :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
558
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router],
559
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router],
560
- .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + .mint-content,
561
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
562
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
563
- :root:root .mint-grid.mint-4 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router],
564
- :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + [data-amplify-router],
565
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
566
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
567
- width: 100%;
671
+ .mint-landing {
672
+ left: -16px;
568
673
  }
569
674
  }
570
- .mint-grid.mint-3 .mint-card .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] [data-amplify-router],
571
- .mint-grid.mint-4 .mint-card .mint-content,
572
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-content,
573
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-content,
574
- :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card [data-amplify-router],
575
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router],
576
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] [data-amplify-router] {
577
- flex-grow: 1;
675
+ .mint-landing {
676
+ width: calc(100% + 8px);
578
677
  }
579
678
  @media (min-width: 480px) {
580
- .mint-grid.mint-3 .mint-card .mint-title, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-title, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-title,
581
- .mint-grid.mint-4 .mint-card .mint-title,
582
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-title,
583
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-title {
584
- flex-direction: column;
679
+ .mint-landing {
680
+ width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
585
681
  }
586
682
  }
587
- .mint-grid.mint-3 .mint-card .mint-buttons, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons,
588
- .mint-grid.mint-4 .mint-card .mint-buttons,
589
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons,
590
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons {
591
- margin-top: auto;
683
+ @media (min-width: 768px) {
684
+ .mint-landing {
685
+ width: calc(100% + 32px);
686
+ }
592
687
  }
593
- .mint-grid.mint-3 .mint-card .mint-buttons .mint-btn, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons .mint-btn, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons .mint-btn, :root:root .mint-grid.mint-3 .mint-card .mint-buttons [amplify-button], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons [amplify-button], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons [amplify-button],
594
- .mint-grid.mint-4 .mint-card .mint-buttons .mint-btn,
595
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons .mint-btn,
596
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons .mint-btn,
597
- :root:root .mint-grid.mint-4 .mint-card .mint-buttons [amplify-button],
598
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons [amplify-button],
599
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons [amplify-button] {
688
+ .mint-landing .mint-section-full {
689
+ align-items: center;
690
+ top: 0;
691
+ left: 0;
600
692
  width: 100%;
601
- }
602
-
603
- .mint-footer {
604
- display: flex;
605
- flex-direction: column;
606
- max-width: 100%;
607
- background: var(--mint-back);
608
- transition: transform 300ms;
609
- z-index: 999;
610
- overflow: hidden;
611
- }
612
- .mint-footer.mint-hide {
613
- display: flex;
614
- transform: translateY(100%);
615
- transition: transform 0ms;
616
- }
617
- .mint-footer * {
618
- max-width: 100%;
619
- }
620
- .mint-footer p {
621
693
  margin: 0;
694
+ min-height: calc(100vh - var(--mint-header-height));
622
695
  }
623
- .mint-footer-content {
624
- display: flex;
625
- flex-direction: column;
626
- flex-wrap: wrap;
627
- align-items: center;
628
- justify-content: space-between;
629
- gap: 0.5rem;
696
+ .mint-landing .mint-section-full {
697
+ padding: 16px;
630
698
  }
631
- @media (min-width: 768px) {
632
- .mint-footer-content {
633
- flex-direction: row;
634
- align-items: flex-start;
699
+ @media (min-width: 480px) {
700
+ .mint-landing .mint-section-full {
701
+ padding: calc(16px + 48 * (100vw - 480px) / 288);
635
702
  }
636
703
  }
637
- .mint-footer-content > p {
638
- margin: 0 auto;
639
- text-align: center;
640
- align-self: center;
641
- }
642
- .mint-footer-content > p a {
643
- display: block;
644
- }
645
- .mint-footer-content [label=Footer] {
646
- width: 100%;
647
- margin: auto;
648
- }
649
704
  @media (min-width: 768px) {
650
- .mint-footer-content [label=Footer] {
651
- width: auto;
705
+ .mint-landing .mint-section-full {
706
+ padding: 64px;
652
707
  }
653
708
  }
654
- .mint-footer-content [label=Footer] > ul {
655
- flex-direction: column;
656
- flex-wrap: wrap;
657
- justify-content: space-around;
658
- text-align: center;
709
+ .mint-landing .mint-section-full iframe, .mint-landing .mint-section-full video {
710
+ position: absolute;
659
711
  }
660
- @media (min-width: 480px) {
661
- .mint-footer-content [label=Footer] > ul {
662
- flex-direction: row;
712
+ @media (min-width: 1200px) {
713
+ .mint-landing .mint-section-full iframe + * .mint-grid, .mint-landing .mint-section-full video + * .mint-grid {
714
+ margin-bottom: 0;
663
715
  }
664
716
  }
665
- .mint-footer-content [label=Footer] > ul > ul li:last-child .mint-pill {
666
- margin-bottom: 0;
667
- }
668
- .mint-footer-content [label=Footer] .mint-pill {
669
- margin-bottom: 0.5rem;
717
+
718
+ .mint-btn, :root:root [amplify-button], .mint-select,
719
+ .mint-btn-group,
720
+ .mint-btn-icon,
721
+ .mint-pill {
722
+ flex-shrink: 0;
670
723
  }
671
- .mint-footer-heel {
672
- display: flex;
673
- flex-direction: column;
674
- align-items: center;
675
- justify-content: space-between;
676
- gap: 0.5rem;
677
- padding: 0.4rem 1rem;
678
- color: var(--mint-back);
679
- background: var(--mint-brand-6);
724
+
725
+ .mint-btn, :root:root [amplify-button], .mint-select,
726
+ .mint-btn-icon,
727
+ .mint-pill {
728
+ width: fit-content;
729
+ max-width: 100%;
730
+ text-decoration: none;
731
+ text-overflow: ellipsis;
732
+ white-space: nowrap;
733
+ overflow: hidden;
734
+ user-select: none;
735
+ transition: color var(--mint-delay-default), background-color var(--mint-delay-default), border-color var(--mint-delay-default);
736
+ }
737
+
738
+ .mint-btn, :root:root [amplify-button], .mint-select,
739
+ .mint-btn-group,
740
+ .mint-pill {
741
+ display: inline-block;
742
+ border-radius: 1rem;
743
+ color: var(--mint-fore);
744
+ background: var(--mint-brand-2);
745
+ border: 0.125rem solid var(--mint-brand-4);
680
746
  text-align: center;
681
747
  }
682
- @media (min-width: 768px) {
683
- .mint-footer-heel {
684
- flex-direction: row;
748
+ @media (min-width: 480px) {
749
+ .mint-btn, :root:root [amplify-button], .mint-select,
750
+ .mint-btn-group,
751
+ .mint-pill {
752
+ width: fit-content;
685
753
  }
686
754
  }
687
- .mint-footer-heel > * {
688
- width: 100%;
755
+ .mint-btn:hover, :root:root [amplify-button]:hover, .mint-select:hover,
756
+ .mint-btn-group:hover,
757
+ .mint-pill:hover {
758
+ color: var(--mint-back);
759
+ background: var(--mint-brand-4);
689
760
  }
690
- @media (min-width: 768px) {
691
- .mint-footer-heel p {
692
- text-align: left;
693
- }
761
+ .mint-btn:hover i, :root:root [amplify-button]:hover i, .mint-select:hover i,
762
+ .mint-btn-group:hover i,
763
+ .mint-pill:hover i {
764
+ color: inherit !important;
694
765
  }
695
- .mint-footer-social {
696
- display: flex;
697
- align-items: center;
698
- justify-content: center;
699
- flex-wrap: wrap;
766
+ .mint-btn:focus-visible, :root:root [amplify-button]:focus-visible, .mint-select:focus-visible,
767
+ .mint-btn-group:focus-visible,
768
+ .mint-pill:focus-visible {
769
+ color: var(--mint-back);
770
+ background: var(--mint-brand-4);
700
771
  }
701
- .mint-footer-message {
702
- display: flex;
703
- align-items: center;
704
- justify-content: center;
705
- flex-wrap: wrap;
772
+ .mint-btn:focus-visible i, :root:root [amplify-button]:focus-visible i, .mint-select:focus-visible i,
773
+ .mint-btn-group:focus-visible i,
774
+ .mint-pill:focus-visible i {
775
+ color: inherit !important;
706
776
  }
707
- @media (min-width: 480px) {
708
- .mint-footer-message {
709
- flex-wrap: nowrap;
710
- }
777
+ .mint-btn:active, :root:root [amplify-button]:active, .mint-select:active,
778
+ .mint-btn-group:active,
779
+ .mint-pill:active {
780
+ color: var(--mint-back);
781
+ background: var(--mint-brand-4);
711
782
  }
712
- @media (min-width: 768px) {
713
- .mint-footer-message {
714
- justify-content: flex-end;
715
- }
783
+ .mint-btn:active i, :root:root [amplify-button]:active i, .mint-select:active i,
784
+ .mint-btn-group:active i,
785
+ .mint-pill:active i {
786
+ color: inherit !important;
716
787
  }
717
- .mint-footer-message > .mint-pill {
718
- margin: 0 0.25rem;
788
+ .mint-btn.mint-active, :root:root .mint-active[amplify-button], .mint-active.mint-select,
789
+ .mint-btn-group.mint-active,
790
+ .mint-pill.mint-active {
791
+ color: var(--mint-back);
792
+ background: var(--mint-brand-4);
719
793
  }
720
- .mint-footer-message > * {
721
- margin: 0 0.5rem;
794
+ .mint-btn.mint-active i, :root:root .mint-active[amplify-button] i, .mint-active.mint-select i,
795
+ .mint-btn-group.mint-active i,
796
+ .mint-pill.mint-active i {
797
+ color: inherit !important;
722
798
  }
723
- .mint-footer-message > *:first-child {
724
- margin-left: 0;
799
+ .mint-btn.mint-reverse, :root:root .mint-reverse[amplify-button], .mint-reverse.mint-select,
800
+ .mint-btn-group.mint-reverse,
801
+ .mint-pill.mint-reverse {
802
+ color: var(--mint-back);
803
+ background: var(--mint-brand-4);
725
804
  }
726
- .mint-footer-message > *:last-child {
727
- margin-right: 0;
805
+ .mint-btn.mint-reverse:hover, :root:root .mint-reverse[amplify-button]:hover, .mint-reverse.mint-select:hover,
806
+ .mint-btn-group.mint-reverse:hover,
807
+ .mint-pill.mint-reverse:hover {
808
+ color: var(--mint-fore);
809
+ background: var(--mint-brand-2);
728
810
  }
729
-
730
- :root {
731
- --mint-header-height: 4rem;
732
- --mint-header-back: var(--mint-brand-2);
733
- --mint-header-fore: var(--mint-fore);
811
+ .mint-btn.mint-reverse:focus-visible, :root:root .mint-reverse[amplify-button]:focus-visible, .mint-reverse.mint-select:focus-visible,
812
+ .mint-btn-group.mint-reverse:focus-visible,
813
+ .mint-pill.mint-reverse:focus-visible {
814
+ color: var(--mint-fore);
815
+ background: var(--mint-brand-2);
734
816
  }
735
-
736
- #mint-header {
737
- position: relative;
738
- width: 100%;
739
- color: var(--mint-header-fore);
740
- background-color: var(--mint-header-back);
741
- z-index: 10000;
742
- height: var(--mint-header-height);
817
+ .mint-btn.mint-reverse:active, :root:root .mint-reverse[amplify-button]:active, .mint-reverse.mint-select:active,
818
+ .mint-btn-group.mint-reverse:active,
819
+ .mint-pill.mint-reverse:active {
820
+ color: var(--mint-fore);
821
+ background: var(--mint-brand-2);
743
822
  }
744
- #mint-header.mint-right #mint-wrapper {
745
- top: var(--mint-header-height);
746
- right: -100%;
747
- left: unset;
823
+ .mint-btn.mint-reverse.mint-active, :root:root .mint-reverse.mint-active[amplify-button], .mint-reverse.mint-active.mint-select,
824
+ .mint-btn-group.mint-reverse.mint-active,
825
+ .mint-pill.mint-reverse.mint-active {
826
+ color: var(--mint-fore);
827
+ background: var(--mint-brand-2);
748
828
  }
749
- #mint-header.mint-right #mint-wrapper.mint-open {
750
- right: 0;
829
+ .mint-btn.mint-alt, :root:root .mint-alt[amplify-button], .mint-alt.mint-select,
830
+ .mint-btn-group.mint-alt,
831
+ .mint-pill.mint-alt {
832
+ color: var(--mint-brand-4);
833
+ background: var(--mint-trans);
751
834
  }
752
- #mint-header.mint-bottom #mint-wrapper {
753
- top: unset;
754
- bottom: -100%;
835
+ .mint-btn.mint-alt:hover, :root:root .mint-alt[amplify-button]:hover, .mint-alt.mint-select:hover,
836
+ .mint-btn-group.mint-alt:hover,
837
+ .mint-pill.mint-alt:hover {
838
+ color: var(--mint-back);
839
+ background: var(--mint-accent-2);
840
+ border-color: var(--mint-accent-2);
755
841
  }
756
- #mint-header.mint-bottom #mint-wrapper.mint-open {
757
- top: unset;
758
- bottom: 0;
842
+ .mint-btn.mint-alt:focus-visible, :root:root .mint-alt[amplify-button]:focus-visible, .mint-alt.mint-select:focus-visible,
843
+ .mint-btn-group.mint-alt:focus-visible,
844
+ .mint-pill.mint-alt:focus-visible {
845
+ color: var(--mint-back);
846
+ background: var(--mint-accent-2);
847
+ border-color: var(--mint-accent-2);
759
848
  }
760
- #mint-header.mint-left #mint-wrapper {
761
- top: var(--mint-header-height);
762
- left: -100%;
849
+ .mint-btn.mint-alt:active, :root:root .mint-alt[amplify-button]:active, .mint-alt.mint-select:active,
850
+ .mint-btn-group.mint-alt:active,
851
+ .mint-pill.mint-alt:active {
852
+ color: var(--mint-back);
853
+ background: var(--mint-accent-2);
854
+ border-color: var(--mint-accent-2);
763
855
  }
764
- #mint-header.mint-left #mint-wrapper.mint-open {
765
- left: 0;
856
+ .mint-btn.mint-alt.mint-active, :root:root .mint-alt.mint-active[amplify-button], .mint-alt.mint-active.mint-select,
857
+ .mint-btn-group.mint-alt.mint-active,
858
+ .mint-pill.mint-alt.mint-active {
859
+ color: var(--mint-back);
860
+ background: var(--mint-accent-2);
861
+ border-color: var(--mint-accent-2);
766
862
  }
767
- @media (min-width: 768px) {
768
- #mint-header.mint-expand .mint-buttons {
769
- width: auto;
770
- }
771
- #mint-header.mint-expand .mint-buttons [aria-controls=mint-wrapper] {
772
- display: none;
773
- }
774
- #mint-header.mint-expand #mint-wrapper {
775
- position: static;
776
- display: flex !important;
777
- height: 100%;
778
- max-width: unset !important;
779
- padding: 0;
780
- z-index: 0;
781
- }
782
- #mint-header.mint-expand #mint-wrapper, #mint-header.mint-expand #mint-wrapper nav {
783
- height: 4rem;
784
- background: var(--mint-glow-0) !important;
785
- overflow: visible;
786
- }
787
- #mint-header.mint-expand #mint-wrapper nav {
788
- border: none;
789
- }
790
- #mint-header.mint-expand #mint-wrapper nav::before {
791
- display: none;
792
- }
793
- #mint-header.mint-expand #mint-wrapper nav > ul {
794
- flex-direction: row !important;
795
- justify-content: flex-end;
796
- flex-wrap: nowrap;
797
- overflow: visible;
798
- }
799
- #mint-header.mint-expand #mint-wrapper nav > ul > li {
800
- position: relative;
801
- display: flex;
802
- width: 100%;
803
- max-width: 200px;
804
- text-align: center;
805
- }
806
- #mint-header.mint-expand #mint-wrapper nav > ul > li button,
807
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
808
- width: 100%;
809
- max-width: 200px;
810
- }
811
- #mint-header.mint-expand #mint-wrapper nav > ul > li button {
812
- font-size: 1.5rem;
813
- padding-right: 2rem;
814
- }
815
- #mint-header.mint-expand #mint-wrapper nav > ul > li button::after {
816
- content: "\f054";
817
- font-family: "Font Awesome 6 Pro";
818
- font-weight: 900;
819
- font-size: 1rem;
820
- position: absolute;
821
- top: 50%;
822
- transform: translateY(-50%);
823
- margin-left: 1rem;
824
- transition: transform var(--mint-delay-default);
825
- }
826
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:hover::after {
827
- transform: translateY(-50%) rotate(90deg);
828
- }
829
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
830
- transform: translateY(-50%) rotate(90deg);
831
- }
832
- #mint-header.mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
833
- transform: translateY(-50%) rotate(90deg);
834
- }
835
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
836
- position: absolute;
837
- top: 100%;
838
- left: 50%;
839
- transform: translateX(-50%);
840
- background-color: var(--mint-brand-2);
841
- }
842
- #mint-header.mint-expand #mint-wrapper a {
843
- font-size: 1.25rem;
844
- }
845
- #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
846
- margin: 0.25rem 0;
847
- }
863
+ .mint-btn.mint-alt.mint-reverse, :root:root .mint-alt.mint-reverse[amplify-button], .mint-alt.mint-reverse.mint-select,
864
+ .mint-btn-group.mint-alt.mint-reverse,
865
+ .mint-pill.mint-alt.mint-reverse {
866
+ color: var(--mint-back);
867
+ background: var(--mint-accent-2);
868
+ border-color: var(--mint-accent-2);
848
869
  }
849
- @media (max-width: 767px) {
850
- #mint-header.mint-spread #mint-wrapper [aria-controls] {
851
- display: none;
852
- }
853
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
854
- display: flex !important;
855
- height: auto !important;
856
- margin-bottom: 3rem;
857
- }
858
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
859
- font-size: 1.5em;
860
- }
870
+ .mint-btn.mint-alt.mint-reverse:hover, :root:root .mint-alt.mint-reverse[amplify-button]:hover, .mint-alt.mint-reverse.mint-select:hover,
871
+ .mint-btn-group.mint-alt.mint-reverse:hover,
872
+ .mint-pill.mint-alt.mint-reverse:hover {
873
+ color: var(--mint-brand-4);
874
+ background: var(--mint-trans);
875
+ border-color: var(--mint-trans);
861
876
  }
862
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
863
- display: none;
877
+ .mint-btn.mint-alt.mint-reverse:focus-visible, :root:root .mint-alt.mint-reverse[amplify-button]:focus-visible, .mint-alt.mint-reverse.mint-select:focus-visible,
878
+ .mint-btn-group.mint-alt.mint-reverse:focus-visible,
879
+ .mint-pill.mint-alt.mint-reverse:focus-visible {
880
+ color: var(--mint-brand-4);
881
+ background: var(--mint-trans);
882
+ border-color: var(--mint-trans);
864
883
  }
865
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
866
- display: flex !important;
867
- height: auto !important;
868
- margin-bottom: 3rem;
884
+ .mint-btn.mint-alt.mint-reverse:active, :root:root .mint-alt.mint-reverse[amplify-button]:active, .mint-alt.mint-reverse.mint-select:active,
885
+ .mint-btn-group.mint-alt.mint-reverse:active,
886
+ .mint-pill.mint-alt.mint-reverse:active {
887
+ color: var(--mint-brand-4);
888
+ background: var(--mint-trans);
889
+ border-color: var(--mint-trans);
869
890
  }
870
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
871
- font-size: 1.5em;
891
+ .mint-btn.mint-alt.mint-reverse.mint-active, :root:root .mint-alt.mint-reverse.mint-active[amplify-button], .mint-alt.mint-reverse.mint-active.mint-select,
892
+ .mint-btn-group.mint-alt.mint-reverse.mint-active,
893
+ .mint-pill.mint-alt.mint-reverse.mint-active {
894
+ color: var(--mint-brand-4);
895
+ background: var(--mint-trans);
896
+ border-color: var(--mint-trans);
872
897
  }
873
- #mint-header.mint-tray #mint-wrapper {
874
- gap: 1.5rem;
875
- font-size: 0.5em;
898
+ .mint-btn a, :root:root [amplify-button] a, .mint-select a,
899
+ .mint-btn-group a,
900
+ .mint-pill a {
901
+ color: inherit;
876
902
  }
877
- @media (min-width: 768px) {
878
- #mint-header.mint-tray #mint-wrapper {
879
- max-width: 512px;
880
- }
903
+ .mint-btn a:hover, :root:root [amplify-button] a:hover, .mint-select a:hover,
904
+ .mint-btn-group a:hover,
905
+ .mint-pill a:hover {
906
+ color: inherit;
881
907
  }
882
- #mint-header.mint-tray #mint-wrapper a, #mint-header.mint-tray #mint-wrapper button {
883
- padding: 0.75rem;
884
- margin: 0.25rem 0;
885
- line-height: 1;
886
- font-size: 4em;
887
- width: 100%;
908
+ .mint-btn a i, :root:root [amplify-button] a i, .mint-select a i,
909
+ .mint-btn-group a i,
910
+ .mint-pill a i {
911
+ display: none;
888
912
  }
889
- #mint-header.mint-tray #mint-wrapper button {
890
- font-size: 6em;
913
+
914
+ .mint-btn, :root:root [amplify-button], .mint-select {
915
+ padding: 0.5rem 1.75rem;
891
916
  }
892
- #mint-header.mint-tray #mint-wrapper nav > ul {
893
- flex-direction: column;
894
- flex-wrap: nowrap;
895
- justify-content: flex-start;
917
+ .mint-btn-icon {
918
+ display: block;
919
+ text-align: center;
920
+ background: none;
921
+ border: none;
896
922
  }
897
- #mint-header.mint-tray #mint-wrapper nav li {
898
- width: 100%;
923
+ .mint-btn-icon:hover i {
924
+ color: var(--mint-accent-2);
899
925
  }
900
- #mint-header:not(.mint-border)::before {
901
- content: "";
902
- position: absolute;
903
- top: 0;
904
- left: 0;
905
- width: 100%;
906
- background: var(--mint-header-back);
926
+ .mint-btn-icon:focus-visible i {
927
+ color: var(--mint-accent-2);
907
928
  }
908
- #mint-header::before {
909
- height: var(--mint-header-height);
910
- z-index: -1;
929
+ .mint-btn-icon:active i {
930
+ color: var(--mint-accent-2);
911
931
  }
912
- #mint-header nav > ul {
913
- display: flex;
914
- flex-direction: column;
932
+ .mint-btn-icon.mint-active i {
933
+ color: var(--mint-accent-2);
915
934
  }
916
- #mint-header ul {
917
- list-style: none;
918
- margin-top: 0;
919
- margin-bottom: 1rem;
920
- padding-left: 0;
935
+ @media (min-width: 480px) {
936
+ .mint-btn-icon {
937
+ display: inline-block;
938
+ }
921
939
  }
922
- #mint-header a,
923
- #mint-header button {
924
- margin: 0;
925
- border: 0;
926
- color: var(--mint-fore);
927
- background: var(--mint-trans);
928
- transition-property: color, background;
929
- transition-duration: var(--mint-delay-default);
940
+ .mint-btn-icon.mint-lg i {
941
+ font-size: 4rem;
930
942
  }
931
- #mint-header a:hover,
932
- #mint-header button:hover {
933
- color: var(--mint-back);
943
+ .mint-btn-icon i {
944
+ margin: 0 !important;
945
+ color: var(--mint-brand-4);
946
+ font-size: 1.5rem;
934
947
  }
935
- #mint-header #mint-navbar {
936
- display: flex;
937
- align-items: center;
938
- justify-content: space-between;
939
- height: 100%;
948
+ .mint-btn-icon i::before {
949
+ transition: color var(--mint-delay-default);
950
+ padding: 2px;
940
951
  }
941
- #mint-header .mint-logo {
952
+ .mint-btn-group {
942
953
  display: flex;
943
- align-items: center;
944
- gap: 1rem;
945
- width: auto;
946
- text-decoration: none;
947
- white-space: nowrap;
948
- }
949
- #mint-header .mint-logo span {
950
- margin: 0;
954
+ width: fit-content;
955
+ margin: auto;
956
+ padding: 0;
957
+ transition: all var(--mint-delay-default);
951
958
  }
952
- #mint-header .mint-logo img {
953
- max-height: var(--mint-header-height);
954
- width: auto;
959
+ .mint-btn-group button {
960
+ width: 100%;
961
+ border: none;
962
+ color: inherit;
963
+ background: transparent;
955
964
  }
956
- #mint-header [aria-controls=mint-wrapper] {
957
- display: inline-block;
958
- position: relative;
959
- padding: 0.6rem;
960
- width: 4.4rem;
961
- height: 4.4rem;
962
- border-radius: 1rem;
963
- background: var(--mint-shadow-6);
964
- box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
965
- z-index: 1000;
965
+ .mint-btn-group button:first-child {
966
+ padding: 0.5rem 0 0.5rem 1rem;
967
+ border-top-left-radius: 1rem;
968
+ border-bottom-left-radius: 1rem;
966
969
  }
967
- #mint-header [aria-controls=mint-wrapper]:hover {
968
- background: var(--mint-shadow-5);
970
+ .mint-btn-group button:last-child {
971
+ padding: 0.5rem 1rem 0.5rem 0;
972
+ border-top-right-radius: 1rem;
973
+ border-bottom-right-radius: 1rem;
969
974
  }
970
- #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::after {
971
- background-color: var(--mint-back);
975
+ .mint-btn-group button[disabled] {
976
+ pointer-events: none;
972
977
  }
973
- #mint-header [aria-controls=mint-wrapper] .mint-menu-icon {
974
- top: 50%;
975
- left: 50%;
976
- transform: translate(-50%, -50%);
978
+ .mint-btn-group button:hover {
979
+ background: var(--mint-brand-5);
977
980
  }
978
- #mint-header [aria-controls=mint-wrapper] .mint-menu-icon, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
979
- content: "";
980
- display: block;
981
- position: absolute;
982
- left: 50%;
983
- height: 0.4rem;
984
- width: 3.2rem;
985
- background-color: var(--mint-fore);
986
- transition: 300ms;
981
+ .mint-btn-group button:focus-visible {
982
+ background: var(--mint-brand-5);
987
983
  }
988
- #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before {
989
- transform: translate(-50%, -200%);
984
+ .mint-btn-group button:active {
985
+ background: var(--mint-brand-5);
990
986
  }
991
- #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
992
- transform: translate(-50%, 200%);
987
+ .mint-btn-group button.mint-active {
988
+ background: var(--mint-brand-5);
993
989
  }
994
- #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon {
995
- background: transparent;
990
+
991
+ .mint-pill {
992
+ padding: 0 0.75rem;
993
+ line-height: 2;
996
994
  }
997
- #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::before {
998
- transform: translate(-50%, 0) rotate(45deg);
995
+
996
+ a.mint-pill, button.mint-pill {
997
+ min-width: 5rem;
999
998
  }
1000
- #mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::after {
1001
- transform: translate(-50%, 0) rotate(-45deg);
999
+
1000
+ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1001
+ line-height: 1.5rem;
1002
+ vertical-align: middle;
1002
1003
  }
1003
- #mint-header #mint-wrapper {
1004
+
1005
+ .mint-buttons {
1004
1006
  display: flex;
1005
- flex-direction: column;
1006
- position: fixed;
1007
- top: -100%;
1008
- left: 0;
1009
- width: 100%;
1010
- height: calc(100vh - var(--mint-header-height));
1011
- height: calc(100dvh - var(--mint-header-height));
1012
- z-index: -2;
1013
- background: var(--mint-header-back);
1014
- transition-duration: var(--mint-delay-default);
1015
- transition-property: top, right, bottom, left;
1016
- overflow: auto;
1007
+ align-items: center;
1008
+ justify-content: center;
1009
+ flex-wrap: wrap;
1010
+ gap: 1rem;
1017
1011
  }
1018
- #mint-header #mint-wrapper.mint-open {
1019
- top: var(--mint-header-height);
1012
+ @media (min-width: 480px) {
1013
+ .mint-buttons {
1014
+ justify-content: flex-start;
1015
+ }
1020
1016
  }
1021
- #mint-header #mint-wrapper nav {
1022
- flex-grow: 1;
1023
- height: auto;
1024
- overflow: visible;
1025
- background: var(--mint-back);
1017
+ .mint-buttons > * {
1018
+ width: 100%;
1026
1019
  }
1027
- @media (min-width: 1440px) {
1028
- #mint-header #mint-wrapper nav {
1029
- display: flex;
1030
- align-items: center;
1031
- justify-content: center;
1020
+ .mint-buttons > * .mint-btn, :root:root .mint-buttons > * [amplify-button], .mint-buttons > * .mint-select, .mint-buttons > * .mint-pill {
1021
+ display: block;
1022
+ }
1023
+ @media (min-width: 480px) {
1024
+ .mint-buttons > * {
1025
+ width: auto;
1032
1026
  }
1033
1027
  }
1034
- #mint-header #mint-wrapper nav > :last-child {
1035
- margin-bottom: 0;
1028
+ .mint-buttons .mint-buttons .mint-pill {
1029
+ width: 100%;
1036
1030
  }
1037
- #mint-header #mint-wrapper nav > ul {
1031
+
1032
+ @media (min-width: 480px) {
1033
+ .mint-grid.mint-3 .mint-buttons > *,
1034
+ .mint-grid.mint-4 .mint-buttons > * {
1035
+ width: 100%;
1036
+ margin: 0.5rem 0;
1037
+ }
1038
+ }
1039
+
1040
+ .mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
1041
+ display: flex;
1042
+ flex-direction: column;
1038
1043
  height: 100%;
1039
- overflow: visible;
1044
+ max-width: 100%;
1045
+ margin: 0;
1046
+ border-radius: 1rem;
1047
+ box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
1048
+ overflow: hidden;
1040
1049
  }
1041
- @media (min-width: 1024px) {
1042
- #mint-header #mint-wrapper nav > ul {
1043
- display: flex;
1050
+ @media (min-width: 768px) {
1051
+ .mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
1044
1052
  flex-direction: row;
1045
- flex-wrap: wrap;
1046
- align-items: center;
1047
- justify-content: space-evenly;
1048
- width: 100%;
1053
+ }
1054
+ .mint-card.mint-reverse, :root:root [data-amplify-authenticator] .mint-reverse[data-amplify-container] {
1055
+ flex-direction: row-reverse;
1049
1056
  }
1050
1057
  }
1051
- #mint-header #mint-wrapper a {
1052
- display: flex;
1058
+ .mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
1059
+ justify-content: center;
1060
+ text-align: center;
1053
1061
  }
1054
- #mint-header #mint-wrapper a,
1055
- #mint-header #mint-wrapper button {
1056
- align-items: center;
1062
+ .mint-card.mint-center .mint-title > div, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title > div {
1063
+ width: auto;
1064
+ }
1065
+ .mint-card.mint-center .mint-content > *, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-content > *, :root:root .mint-card.mint-center [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-center [data-amplify-router] > *, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] [data-amplify-router] > * {
1066
+ text-align: center;
1067
+ }
1068
+ .mint-card.mint-center .mint-buttons, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-buttons {
1069
+ justify-content: center;
1070
+ }
1071
+ .mint-card.mint-center-title .mint-title, :root:root [data-amplify-authenticator] .mint-center-title[data-amplify-container] .mint-title {
1057
1072
  justify-content: center;
1058
- font-family: serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1059
- font-size: 3em;
1060
- padding: 0.5rem;
1061
- margin: 0.5rem 0;
1062
1073
  text-align: center;
1063
- border-radius: 1rem;
1064
1074
  }
1065
- @media (min-width: 480px) {
1066
- #mint-header #mint-wrapper a,
1067
- #mint-header #mint-wrapper button {
1068
- padding: 1rem 1.5rem;
1069
- }
1070
- #mint-header #mint-wrapper a i,
1071
- #mint-header #mint-wrapper button i {
1072
- font-size: 0.5em;
1073
- }
1075
+ .mint-card.mint-center-title .mint-title > div, :root:root [data-amplify-authenticator] .mint-center-title[data-amplify-container] .mint-title > div {
1076
+ width: auto;
1074
1077
  }
1075
- #mint-header #mint-wrapper a:hover,
1076
- #mint-header #mint-wrapper button:hover {
1077
- background-color: var(--mint-shadow-5);
1078
- color: var(--mint-back);
1078
+ .mint-card.mint-center-content .mint-content > *, :root:root [data-amplify-authenticator] .mint-center-content[data-amplify-container] .mint-content > *, :root:root .mint-card.mint-center-content [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-center-content [data-amplify-router] > *, :root:root [data-amplify-authenticator] .mint-center-content[data-amplify-container] [data-amplify-router] > * {
1079
+ text-align: center;
1079
1080
  }
1080
- #mint-header #mint-wrapper a:focus-visible,
1081
- #mint-header #mint-wrapper button:focus-visible {
1082
- background-color: var(--mint-shadow-5);
1083
- color: var(--mint-back);
1081
+ .mint-card.mint-center-btns .mint-buttons, :root:root [data-amplify-authenticator] .mint-center-btns[data-amplify-container] .mint-buttons {
1082
+ justify-content: center;
1084
1083
  }
1085
- #mint-header #mint-wrapper a.mint-active,
1086
- #mint-header #mint-wrapper button.mint-active {
1087
- text-decoration: underline;
1084
+ .mint-card.mint-stagger, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] {
1085
+ position: relative;
1086
+ width: 100%;
1088
1087
  }
1089
- #mint-header #mint-wrapper ul li:last-child {
1090
- margin-bottom: 0;
1088
+ @media (min-width: 768px) {
1089
+ .mint-card.mint-stagger, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] {
1090
+ flex-direction: row;
1091
+ border-radius: 0;
1092
+ box-shadow: none;
1093
+ overflow: visible;
1094
+ }
1095
+ .mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image, .mint-card.mint-stagger > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image {
1096
+ width: calc(50% + 1.5rem);
1097
+ height: fit-content;
1098
+ margin-right: -3rem;
1099
+ border-radius: 1rem;
1100
+ box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
1101
+ }
1102
+ .mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img, .mint-card.mint-stagger > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image img {
1103
+ height: 100%;
1104
+ object-fit: cover;
1105
+ }
1106
+ .mint-card.mint-stagger > .mint-content, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-stagger > [data-amplify-router], :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > [data-amplify-router] {
1107
+ width: calc(50% + 1.5rem);
1108
+ height: fit-content;
1109
+ margin-top: 3rem;
1110
+ border-radius: 1rem;
1111
+ box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
1112
+ }
1091
1113
  }
1092
- #mint-header #mint-wrapper ul li:last-child ul {
1093
- margin-bottom: 0 !important;
1114
+ @media (min-width: 768px) {
1115
+ .mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
1116
+ flex-direction: row-reverse;
1117
+ }
1118
+ .mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > mint-widget-image .mint-image {
1119
+ margin-right: 0;
1120
+ margin-left: -3rem;
1121
+ }
1094
1122
  }
1095
- #mint-header .mint-buttons {
1096
- flex-wrap: nowrap;
1097
- flex-shrink: 0;
1098
- justify-content: flex-end;
1099
- margin-left: auto;
1123
+ .mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child, .mint-card > mint-widget-image:only-child .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image:only-child .mint-image {
1124
+ width: 100%;
1100
1125
  }
1101
- #mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
1102
- #mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
1103
- display: flex;
1104
- width: auto;
1105
- padding: 0.5rem;
1126
+ .mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
1127
+ overflow: hidden;
1106
1128
  }
1107
- #mint-header .mint-dropdown {
1108
- background: var(--mint-header-back);
1129
+ @media (min-width: 768px) {
1130
+ .mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
1131
+ width: 50%;
1132
+ }
1109
1133
  }
1110
- #mint-header .mint-dropdown button {
1134
+ @media (min-width: 768px) {
1135
+ .mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], .mint-card > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
1136
+ width: 50%;
1137
+ }
1138
+ }
1139
+ .mint-card .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] {
1111
1140
  display: flex;
1112
- align-items: center;
1113
- justify-content: center;
1114
- min-width: var(--mint-header-height);
1115
- height: var(--mint-header-height);
1116
- padding: calc(var(--mint-header-height) / 2);
1141
+ flex-direction: column;
1142
+ gap: 1rem;
1143
+ position: relative;
1144
+ padding: 1.5rem;
1145
+ background: var(--mint-back);
1146
+ width: 100%;
1147
+ overflow: hidden;
1117
1148
  }
1118
- #mint-header .mint-dropdown li {
1119
- padding: calc(var(--mint-header-height) / 2);
1120
- line-height: 1;
1121
- cursor: pointer;
1149
+ .mint-card .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > * {
1150
+ margin-top: 0;
1151
+ margin-bottom: 0;
1122
1152
  }
1123
- #mint-header [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
1153
+ .mint-card .mint-title, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title {
1124
1154
  display: flex;
1125
1155
  flex-direction: column;
1126
- height: 0;
1127
- overflow: hidden;
1128
- transition: height var(--mint-delay-default), margin var(--mint-delay-default);
1156
+ align-items: center;
1157
+ height: fit-content;
1158
+ gap: 1.5rem;
1159
+ text-align: center;
1129
1160
  }
1130
- #mint-header [aria-controls]:not([aria-controls=mint-wrapper])[aria-expanded]:not([aria-expanded=true]) + ul {
1131
- margin: 0;
1161
+ @media (min-width: 480px) {
1162
+ .mint-card .mint-title, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title {
1163
+ flex-direction: row;
1164
+ text-align: left;
1165
+ }
1132
1166
  }
1133
-
1134
- .mint-image.mint-error::after {
1135
- content: "❌ Image failed to load. This is a placeholder.";
1136
- position: absolute;
1137
- bottom: 0;
1138
- left: 0;
1167
+ .mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
1168
+ height: 100%;
1169
+ }
1170
+ .mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image, .mint-card .mint-title > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image {
1139
1171
  width: 100%;
1140
- padding: 0 0.5rem 0.5rem 0.5rem;
1141
- background: var(--mint-glow-2);
1142
- box-shadow: 0 0 0.5rem 0.5rem var(--mint-glow-2);
1143
- text-align: center;
1172
+ height: 100%;
1173
+ max-width: 4rem;
1174
+ max-height: 4rem;
1144
1175
  }
1145
- .mint-image img {
1146
- display: block;
1176
+ .mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large, .mint-card .mint-title > mint-widget-image .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image.mint-large {
1177
+ max-width: 8rem;
1178
+ max-height: 8rem;
1147
1179
  }
1148
-
1149
- .mint-banner {
1150
- position: relative;
1180
+ .mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img, .mint-card .mint-title > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image img {
1181
+ display: block;
1151
1182
  width: 100%;
1183
+ height: 100%;
1184
+ object-fit: contain;
1152
1185
  }
1153
-
1154
- :root .mint-landing.swiper {
1155
- max-width: 100vw;
1186
+ .mint-card .mint-title i, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title i {
1187
+ display: flex;
1188
+ align-items: center;
1189
+ justify-content: center;
1190
+ min-width: 4rem;
1191
+ max-width: 4rem;
1192
+ margin: 0;
1193
+ font-size: 3rem;
1156
1194
  }
1157
- :root .mint-landing.swiper .swiper-slide {
1158
- padding: 0;
1195
+ .mint-card .mint-title > div, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > div {
1196
+ width: 100%;
1159
1197
  }
1160
-
1161
- .mint-landing {
1162
- top: -4px;
1198
+ .mint-card .mint-title > div > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > div > * {
1199
+ margin: 0;
1200
+ }
1201
+ .mint-card .mint-date, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-date {
1202
+ text-align: center;
1163
1203
  }
1164
1204
  @media (min-width: 480px) {
1165
- .mint-landing {
1166
- top: calc(-4px + -12 * (100vw - 480px) / 288);
1205
+ .mint-card .mint-date, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-date {
1206
+ text-align: left;
1167
1207
  }
1168
1208
  }
1169
- @media (min-width: 768px) {
1170
- .mint-landing {
1171
- top: -16px;
1172
- }
1209
+
1210
+ .mint-grid.mint-3 .mint-card, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container],
1211
+ .mint-grid.mint-4 .mint-card,
1212
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container],
1213
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
1214
+ flex-direction: column !important;
1173
1215
  }
1174
- .mint-landing {
1175
- left: -4px;
1216
+ .mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
1217
+ .mint-grid.mint-4 .mint-card > .mint-image,
1218
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
1219
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
1220
+ .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
1221
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
1222
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
1223
+ overflow: hidden;
1176
1224
  }
1177
- @media (min-width: 480px) {
1178
- .mint-landing {
1179
- left: calc(-4px + -12 * (100vw - 480px) / 288);
1225
+ @media (min-width: 768px) {
1226
+ .mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
1227
+ .mint-grid.mint-4 .mint-card > .mint-image,
1228
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
1229
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
1230
+ .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
1231
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
1232
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
1233
+ width: 100%;
1180
1234
  }
1181
1235
  }
1182
1236
  @media (min-width: 768px) {
1183
- .mint-landing {
1184
- left: -16px;
1237
+ .mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router], .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
1238
+ .mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
1239
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
1240
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
1241
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router],
1242
+ :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
1243
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router],
1244
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router],
1245
+ .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + .mint-content,
1246
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
1247
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
1248
+ :root:root .mint-grid.mint-4 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router],
1249
+ :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + [data-amplify-router],
1250
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
1251
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
1252
+ width: 100%;
1185
1253
  }
1186
1254
  }
1187
- .mint-landing {
1188
- width: calc(100% + 8px);
1255
+ .mint-grid.mint-3 .mint-card .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] [data-amplify-router],
1256
+ .mint-grid.mint-4 .mint-card .mint-content,
1257
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-content,
1258
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-content,
1259
+ :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card [data-amplify-router],
1260
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router],
1261
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] [data-amplify-router] {
1262
+ flex-grow: 1;
1189
1263
  }
1190
1264
  @media (min-width: 480px) {
1191
- .mint-landing {
1192
- width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
1265
+ .mint-grid.mint-3 .mint-card .mint-title, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-title, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-title,
1266
+ .mint-grid.mint-4 .mint-card .mint-title,
1267
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-title,
1268
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-title {
1269
+ flex-direction: column;
1193
1270
  }
1194
1271
  }
1195
- @media (min-width: 768px) {
1196
- .mint-landing {
1197
- width: calc(100% + 32px);
1198
- }
1272
+ .mint-grid.mint-3 .mint-card .mint-buttons, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons,
1273
+ .mint-grid.mint-4 .mint-card .mint-buttons,
1274
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons,
1275
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons {
1276
+ margin-top: auto;
1199
1277
  }
1200
- .mint-landing .mint-video-bg {
1201
- align-items: center;
1202
- top: 0;
1203
- left: 0;
1278
+ .mint-grid.mint-3 .mint-card .mint-buttons .mint-btn, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons .mint-btn, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons .mint-btn, :root:root .mint-grid.mint-3 .mint-card .mint-buttons [amplify-button], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-buttons [amplify-button], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-buttons [amplify-button],
1279
+ .mint-grid.mint-4 .mint-card .mint-buttons .mint-btn,
1280
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons .mint-btn,
1281
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons .mint-btn,
1282
+ :root:root .mint-grid.mint-4 .mint-card .mint-buttons [amplify-button],
1283
+ :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-buttons [amplify-button],
1284
+ :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] .mint-buttons [amplify-button] {
1204
1285
  width: 100%;
1205
- margin: 0;
1206
- min-height: calc(100vh - var(--mint-header-height));
1207
- }
1208
- .mint-landing .mint-video-bg {
1209
- padding: 16px;
1210
- }
1211
- @media (min-width: 480px) {
1212
- .mint-landing .mint-video-bg {
1213
- padding: calc(16px + 48 * (100vw - 480px) / 288);
1214
- }
1215
- }
1216
- @media (min-width: 768px) {
1217
- .mint-landing .mint-video-bg {
1218
- padding: 64px;
1219
- }
1220
1286
  }
1221
- .mint-landing .mint-video-bg iframe, .mint-landing .mint-video-bg video {
1287
+
1288
+ .mint-image.mint-error::after {
1289
+ content: "❌ Image failed to load. This is a placeholder.";
1222
1290
  position: absolute;
1291
+ bottom: 0;
1292
+ left: 0;
1293
+ width: 100%;
1294
+ padding: 0 0.5rem 0.5rem 0.5rem;
1295
+ background: var(--mint-glow-2);
1296
+ box-shadow: 0 0 0.5rem 0.5rem var(--mint-glow-2);
1297
+ text-align: center;
1223
1298
  }
1224
- @media (min-width: 1200px) {
1225
- .mint-landing .mint-video-bg iframe + * .mint-grid, .mint-landing .mint-video-bg video + * .mint-grid {
1226
- margin-bottom: 0;
1227
- }
1299
+ .mint-image img {
1300
+ display: block;
1228
1301
  }
1229
1302
 
1230
- .grecaptcha-badge {
1231
- visibility: hidden;
1303
+ .mint-banner {
1304
+ position: relative;
1305
+ width: 100%;
1232
1306
  }
1233
1307
 
1234
1308
  .mint-table-wrap {
@@ -1245,79 +1319,6 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1245
1319
  gap: 1rem;
1246
1320
  }
1247
1321
 
1248
- .mint-video-bg {
1249
- display: flex;
1250
- flex-direction: column;
1251
- align-items: flex-end;
1252
- justify-content: center;
1253
- flex-direction: row;
1254
- min-height: calc(100vh - var(--mint-header-height) + 10rem);
1255
- gap: 2rem;
1256
- position: relative;
1257
- }
1258
- .mint-video-bg {
1259
- top: -4px;
1260
- }
1261
- @media (min-width: 480px) {
1262
- .mint-video-bg {
1263
- top: calc(-4px + -12 * (100vw - 480px) / 288);
1264
- }
1265
- }
1266
- @media (min-width: 768px) {
1267
- .mint-video-bg {
1268
- top: -16px;
1269
- }
1270
- }
1271
- .mint-video-bg {
1272
- left: -4px;
1273
- }
1274
- @media (min-width: 480px) {
1275
- .mint-video-bg {
1276
- left: calc(-4px + -12 * (100vw - 480px) / 288);
1277
- }
1278
- }
1279
- @media (min-width: 768px) {
1280
- .mint-video-bg {
1281
- left: -16px;
1282
- }
1283
- }
1284
- .mint-video-bg {
1285
- width: calc(100% + 8px);
1286
- }
1287
- @media (min-width: 480px) {
1288
- .mint-video-bg {
1289
- width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
1290
- }
1291
- }
1292
- @media (min-width: 768px) {
1293
- .mint-video-bg {
1294
- width: calc(100% + 32px);
1295
- }
1296
- }
1297
- .mint-video-bg {
1298
- padding: 4px;
1299
- }
1300
- @media (min-width: 480px) {
1301
- .mint-video-bg {
1302
- padding: calc(4px + 12 * (100vw - 480px) / 288);
1303
- }
1304
- }
1305
- @media (min-width: 768px) {
1306
- .mint-video-bg {
1307
- padding: 16px;
1308
- }
1309
- }
1310
- .mint-video-bg iframe, .mint-video-bg video, .mint-video-bg .mint-image, .mint-video-bg .mint-embed {
1311
- position: absolute;
1312
- top: 0;
1313
- padding: 0;
1314
- width: 100%;
1315
- height: calc(100vh - var(--mint-header-height));
1316
- border: none;
1317
- object-fit: cover;
1318
- pointer-events: none;
1319
- }
1320
-
1321
1322
  @keyframes mint-stretch-in {
1322
1323
  0% {
1323
1324
  transform: scale(1);
@@ -3618,6 +3619,10 @@ thead .fc-scroller {
3618
3619
  background: var(--mint-brand-4);
3619
3620
  }
3620
3621
 
3622
+ .grecaptcha-badge {
3623
+ visibility: hidden;
3624
+ }
3625
+
3621
3626
  :root {
3622
3627
  --swiper-navigation-color: var(--mint-fore);
3623
3628
  --swiper-pagination-color: var(--mint-brand);