@telia/teddy 0.0.53 → 0.0.55

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 (81) hide show
  1. package/dist/components/breadcrumbs/breadcrumbs-item.cjs +12 -0
  2. package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +5 -0
  3. package/dist/components/breadcrumbs/breadcrumbs-item.js +12 -0
  4. package/dist/components/breadcrumbs/breadcrumbs-link.cjs +30 -0
  5. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +10 -0
  6. package/dist/components/breadcrumbs/breadcrumbs-link.js +30 -0
  7. package/dist/components/breadcrumbs/breadcrumbs-list.cjs +12 -0
  8. package/dist/components/breadcrumbs/breadcrumbs-list.d.ts +4 -0
  9. package/dist/components/breadcrumbs/breadcrumbs-list.js +12 -0
  10. package/dist/components/breadcrumbs/breadcrumbs-page.cjs +20 -0
  11. package/dist/components/breadcrumbs/breadcrumbs-page.d.ts +5 -0
  12. package/dist/components/breadcrumbs/breadcrumbs-page.js +20 -0
  13. package/dist/components/breadcrumbs/breadcrumbs-root.cjs +29 -0
  14. package/dist/components/breadcrumbs/breadcrumbs-root.d.ts +11 -0
  15. package/dist/components/breadcrumbs/breadcrumbs-root.js +29 -0
  16. package/dist/components/breadcrumbs/breadcrumbs-separator.cjs +25 -0
  17. package/dist/components/breadcrumbs/breadcrumbs-separator.d.ts +4 -0
  18. package/dist/components/breadcrumbs/breadcrumbs-separator.js +25 -0
  19. package/dist/components/breadcrumbs/index.cjs +22 -0
  20. package/dist/components/breadcrumbs/index.d.ts +27 -0
  21. package/dist/components/breadcrumbs/index.js +22 -0
  22. package/dist/components/card/card-illustration.d.ts +1 -1
  23. package/dist/components/card/index.d.ts +1 -1
  24. package/dist/components/chip/chip-indicator.d.ts +2 -2
  25. package/dist/components/chip/index.d.ts +2 -2
  26. package/dist/components/color-dot/index.d.ts +1 -1
  27. package/dist/components/expandable-card/expandable-card-button.d.ts +1 -1
  28. package/dist/components/expandable-card/index.d.ts +1 -1
  29. package/dist/components/index.cjs +5 -2
  30. package/dist/components/index.d.ts +2 -0
  31. package/dist/components/index.js +5 -2
  32. package/dist/components/modal/index.cjs +2 -2
  33. package/dist/components/modal/index.js +2 -2
  34. package/dist/components/modal/modal.cjs +14 -184
  35. package/dist/components/modal/modal.js +14 -167
  36. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +1 -1
  37. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +2 -2
  38. package/dist/components/navigation-menu/global-navigation/utils.cjs +6 -6
  39. package/dist/components/navigation-menu/global-navigation/utils.d.ts +10 -10
  40. package/dist/components/navigation-menu/global-navigation/utils.js +6 -6
  41. package/dist/components/navigation-menu/navigation-menu.d.ts +1 -1
  42. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  43. package/dist/components/notification/notification.d.ts +5 -5
  44. package/dist/components/radio-card-group/index.cjs +6 -0
  45. package/dist/components/radio-card-group/index.d.ts +67 -0
  46. package/dist/components/radio-card-group/index.js +6 -0
  47. package/dist/components/radio-card-group/radio-card-group-content.cjs +47 -0
  48. package/dist/components/radio-card-group/radio-card-group-content.d.ts +5 -0
  49. package/dist/components/radio-card-group/radio-card-group-content.js +47 -0
  50. package/dist/components/radio-card-group/radio-card-group-indicator.cjs +32 -0
  51. package/dist/components/radio-card-group/radio-card-group-indicator.d.ts +5 -0
  52. package/dist/components/radio-card-group/radio-card-group-indicator.js +15 -0
  53. package/dist/components/radio-card-group/radio-card-group-item-body.cjs +48 -0
  54. package/dist/components/radio-card-group/radio-card-group-item-body.d.ts +8 -0
  55. package/dist/components/radio-card-group/radio-card-group-item-body.js +48 -0
  56. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +282 -0
  57. package/dist/components/radio-card-group/radio-card-group-item-title.d.ts +8 -0
  58. package/dist/components/radio-card-group/radio-card-group-item-title.js +264 -0
  59. package/dist/components/radio-card-group/radio-card-group-item.cjs +50 -0
  60. package/dist/components/radio-card-group/radio-card-group-item.d.ts +17 -0
  61. package/dist/components/radio-card-group/radio-card-group-item.js +50 -0
  62. package/dist/components/radio-card-group/radio-card-group-label.cjs +29 -0
  63. package/dist/components/radio-card-group/radio-card-group-label.d.ts +65 -0
  64. package/dist/components/radio-card-group/radio-card-group-label.js +29 -0
  65. package/dist/components/radio-card-group/radio-card-group-root.cjs +49 -0
  66. package/dist/components/radio-card-group/radio-card-group-root.d.ts +52 -0
  67. package/dist/components/radio-card-group/radio-card-group-root.js +32 -0
  68. package/dist/components/scroll-area/index.d.ts +1 -1
  69. package/dist/components/scroll-area/scroll-area-button.d.ts +1 -1
  70. package/dist/components/tabs/index.d.ts +2 -2
  71. package/dist/components/tabs/tabs-root.d.ts +1 -1
  72. package/dist/components/tabs/tabs-scroll-button.d.ts +1 -1
  73. package/dist/components/toggle/toggle.d.ts +2 -2
  74. package/dist/components/tooltip/index.d.ts +3 -3
  75. package/dist/main.cjs +5 -2
  76. package/dist/main.js +5 -2
  77. package/dist/style.css +1135 -889
  78. package/dist/utils/generate-styling/grid.d.ts +24 -24
  79. package/dist/utils/generate-styling/index.d.ts +16 -16
  80. package/dist/utils/generate-styling/util.d.ts +2 -2
  81. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,4 +1,290 @@
1
- ._teddy-flex_1ncy4_1 {
1
+ ._teddy-breadcrumbs__list_qwtmx_1 {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: var(--teddy-spacing-50);
5
+ font-size: var(--teddy-typography-scale-75);
6
+ list-style: none;
7
+ font-family: var(--teddy-typography-family-default);
8
+ }
9
+ ._teddy-breadcrumbs__item_qwtmx_9 {
10
+ display: inline-grid;
11
+ align-items: center;
12
+ gap: var(--teddy-spacing-50);
13
+ font-size: var(--teddy-typography-scale-75);
14
+ text-underline-offset: var(--teddy-border-width-md);
15
+ text-decoration-skip-ink: none;
16
+ letter-spacing: 0.3px;
17
+ white-space: nowrap;
18
+ text-overflow: ellipsis;
19
+ }
20
+ ._teddy-breadcrumbs__link_qwtmx_20 {
21
+ transition: color var(--teddy-motion-duration-100) ease;
22
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-25);
23
+ line-height: var(--teddy-typography-line-height-loose);
24
+ color: var(--teddy-color-text-interactive-primary);
25
+ }
26
+ ._teddy-breadcrumbs__link--home_qwtmx_26 {
27
+ display: inline-flex;
28
+ align-items: center;
29
+ gap: var(--teddy-spacing-50);
30
+ }
31
+ ._teddy-breadcrumbs__link_qwtmx_20:hover, ._teddy-breadcrumbs__link_qwtmx_20:active {
32
+ text-decoration-thickness: var(--teddy-border-width-sm);
33
+ text-underline-offset: var(--teddy-border-width-sm);
34
+ }
35
+ ._teddy-breadcrumbs__link_qwtmx_20:hover {
36
+ color: var(--teddy-color-text-interactive-primary-hover);
37
+ background: var(--teddy-color-background-interactive-transparent-hover);
38
+ }
39
+ ._teddy-breadcrumbs__link_qwtmx_20:active {
40
+ color: var(--teddy-color-text-interactive-primary-active);
41
+ background: var(--teddy-color-background-interactive-transparent-active);
42
+ }
43
+ ._teddy-breadcrumbs__link--negative_qwtmx_43 {
44
+ color: var(--teddy-color-text-interactive-primary-negative);
45
+ }
46
+ ._teddy-breadcrumbs__link--negative_qwtmx_43:hover {
47
+ color: var(--teddy-color-text-interactive-primary-negative-hover);
48
+ background: var(--teddy-color-background-interactive-transparent-negative-hover);
49
+ }
50
+ ._teddy-breadcrumbs__link--negative_qwtmx_43:active {
51
+ color: var(--teddy-color-text-interactive-primary-negative-active);
52
+ background: var(--teddy-color-background-interactive-transparent-negative-active);
53
+ }
54
+ ._teddy-breadcrumbs__page_qwtmx_54 {
55
+ font-weight: var(--teddy-typography-weight-medium);
56
+ color: var(--teddy-color-text-default);
57
+ text-overflow: ellipsis;
58
+ overflow: hidden;
59
+ }
60
+ ._teddy-breadcrumbs__page--negative_qwtmx_60 {
61
+ color: var(--teddy-color-text-default-negative);
62
+ }
63
+ ._teddy-breadcrumbs__separator_qwtmx_63 {
64
+ color: var(--teddy-color-text-default);
65
+ font-weight: var(--teddy-typography-weight-normal);
66
+ }
67
+ ._teddy-breadcrumbs__separator--negative_qwtmx_67 {
68
+ color: var(--teddy-color-text-default-negative);
69
+ }
70
+ @media (max-width: 600px) {
71
+ ._teddy-breadcrumbs__item_qwtmx_9, ._teddy-breadcrumbs__separator_qwtmx_63 {
72
+ display: none;
73
+ }
74
+ ._teddy-breadcrumbs__item_qwtmx_9:last-child {
75
+ display: inline-grid;
76
+ }
77
+ ._teddy-breadcrumbs__item_qwtmx_9:nth-last-child(3) {
78
+ display: inline-grid;
79
+ }
80
+ ._teddy-breadcrumbs__item_qwtmx_9:nth-last-child(3) ~ ._teddy-breadcrumbs__separator_qwtmx_63 {
81
+ display: inline-grid;
82
+ }
83
+ }@layer icon {
84
+ ._teddy-icon_1rwgf_2 {
85
+ display: inline;
86
+ align-self: center;
87
+ fill: currentColor;
88
+ }
89
+ ._teddy-icon--font_1rwgf_7 {
90
+ width: 1em;
91
+ height: 1em;
92
+ }
93
+ ._teddy-icon--xxs_1rwgf_11 {
94
+ width: var(--teddy-spacing-150);
95
+ height: var(--teddy-spacing-150);
96
+ }
97
+ ._teddy-icon--xs_1rwgf_15 {
98
+ width: var(--teddy-spacing-200);
99
+ height: var(--teddy-spacing-200);
100
+ }
101
+ ._teddy-icon--sm_1rwgf_19 {
102
+ width: var(--teddy-spacing-250);
103
+ height: var(--teddy-spacing-250);
104
+ }
105
+ ._teddy-icon--md_1rwgf_23 {
106
+ width: var(--teddy-spacing-300);
107
+ height: var(--teddy-spacing-300);
108
+ }
109
+ ._teddy-icon--lg_1rwgf_27 {
110
+ width: var(--teddy-spacing-400);
111
+ height: var(--teddy-spacing-400);
112
+ }
113
+ ._teddy-icon--xl_1rwgf_31 {
114
+ width: var(--teddy-spacing-600);
115
+ height: var(--teddy-spacing-600);
116
+ }
117
+ ._teddy-icon-with-children_1rwgf_35 {
118
+ display: inline-flex;
119
+ align-items: center;
120
+ font-family: var(--teddy-typography-family-default);
121
+ gap: var(--teddy-spacing-100);
122
+ }
123
+ }._teddy-radio-card-group_pfspq_1 {
124
+ display: flex;
125
+ flex-direction: column;
126
+ gap: var(--teddy-spacing-200);
127
+ }
128
+ ._teddy-radio-card-group_pfspq_1[data-orientation=horizontal] {
129
+ flex-direction: row;
130
+ }
131
+ ._teddy-radio-card-group_pfspq_1[dir=rtl] ._teddy-radio-card-group__card-group-label_pfspq_9, ._teddy-radio-card-group_pfspq_1[dir=rtl] ._teddy-radio-card-group__content-wrapper_pfspq_9 {
132
+ text-align: end;
133
+ }
134
+ ._teddy-radio-card-group_pfspq_1[dir=rtl] ._teddy-radio-card-group__title-wrapper_pfspq_12 {
135
+ justify-content: end;
136
+ }
137
+ ._teddy-radio-card-group_pfspq_1[dir=rtl] ._teddy-radio-card-group__content_pfspq_9 {
138
+ padding-left: calc(var(--teddy-spacing-300) + var(--teddy-spacing-150));
139
+ }
140
+ ._teddy-radio-card-group__card-item_pfspq_18 {
141
+ padding: 0;
142
+ display: flex;
143
+ flex: 1;
144
+ justify-content: space-between;
145
+ align-items: stretch;
146
+ overflow: hidden;
147
+ cursor: pointer;
148
+ position: relative;
149
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
150
+ border-radius: var(--teddy-border-radius-md);
151
+ background-color: var(--teddy-color-brand-white);
152
+ color: var(--teddy-color-text-default);
153
+ }
154
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled])[aria-checked=true] {
155
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
156
+ }
157
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled])[aria-checked=true] ._teddy-radio-card-group__trigger_pfspq_35::after, ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled])[aria-checked=true] ._teddy-radio-card-group__trigger_pfspq_35::before {
158
+ opacity: 1;
159
+ border-width: var(--teddy-border-width-xs);
160
+ }
161
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled]):hover:not(:active):not([data-state=checked]) {
162
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
163
+ }
164
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled]):hover:not(:active):not([data-state=checked]) ._teddy-radio-card-group__trigger_pfspq_35::after {
165
+ opacity: 1;
166
+ }
167
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled]):active:not([aria-checked=true]) {
168
+ outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
169
+ }
170
+ ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled]):active:not([aria-checked=true]) ._teddy-radio-card-group__trigger_pfspq_35::after, ._teddy-radio-card-group__card-item_pfspq_18:not([data-disabled]):active:not([aria-checked=true]) ._teddy-radio-card-group__trigger_pfspq_35::before {
171
+ opacity: 1;
172
+ background-color: var(--teddy-color-brand-light-purple);
173
+ }
174
+ ._teddy-radio-card-group__card-item_pfspq_18[data-disabled] {
175
+ cursor: default;
176
+ background-color: var(--teddy-color-background-interactive-disabled);
177
+ }
178
+ ._teddy-radio-card-group__card-item_pfspq_18[data-disabled]:has([aria-checked=true]) {
179
+ border-width: var(--teddy-border-width-sm);
180
+ }
181
+ ._teddy-radio-card-group__card-item_pfspq_18[data-disabled] ._teddy-radio-card-group__content-wrapper_pfspq_9 * {
182
+ color: var(--teddy-color-text-weak);
183
+ }
184
+ ._teddy-radio-card-group__trigger_pfspq_35 {
185
+ all: unset;
186
+ flex-shrink: 0;
187
+ cursor: pointer;
188
+ display: flex;
189
+ align-items: center;
190
+ width: var(--teddy-spacing-300);
191
+ min-height: var(--teddy-spacing-300);
192
+ position: relative;
193
+ }
194
+ ._teddy-radio-card-group__trigger_pfspq_35::before, ._teddy-radio-card-group__trigger_pfspq_35::after {
195
+ content: "";
196
+ position: absolute;
197
+ display: block;
198
+ width: var(--teddy-spacing-300);
199
+ height: var(--teddy-spacing-300);
200
+ inset: 50% auto auto 50%;
201
+ transform: translate(-50%, -50%);
202
+ border-radius: var(--teddy-border-radius-full);
203
+ background-color: var(--teddy-color-background-primary);
204
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
205
+ }
206
+ @media (prefers-reduced-motion: no-preference) {
207
+ ._teddy-radio-card-group__trigger_pfspq_35::before, ._teddy-radio-card-group__trigger_pfspq_35::after {
208
+ transition: border-color var(--teddy-motion-duration-150) ease;
209
+ }
210
+ }
211
+ ._teddy-radio-card-group__trigger_pfspq_35::after {
212
+ opacity: 0;
213
+ background-color: transparent;
214
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
215
+ border-width: var(--teddy-border-width-sm);
216
+ }
217
+ @media (prefers-reduced-motion: no-preference) {
218
+ ._teddy-radio-card-group__trigger_pfspq_35::after {
219
+ transition: opacity var(--teddy-motion-duration-150) ease;
220
+ }
221
+ }
222
+ ._teddy-radio-card-group__trigger_pfspq_35[data-state=checked]::before {
223
+ border-color: var(--teddy-color-border-interactive-primary);
224
+ }
225
+ ._teddy-radio-card-group__trigger_pfspq_35:hover:not(:active):not(._teddy-radio-card-group__trigger_pfspq_35[data-state=checked]):not(._teddy-radio-card-group__trigger_pfspq_35[data-disabled])::after {
226
+ opacity: 1;
227
+ }
228
+ ._teddy-radio-card-group__trigger_pfspq_35:active::before {
229
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
230
+ }
231
+ ._teddy-radio-card-group__trigger_pfspq_35[data-disabled] {
232
+ cursor: default;
233
+ }
234
+ ._teddy-radio-card-group__trigger_pfspq_35[data-disabled]::before {
235
+ background-color: var(--teddy-color-background-interactive-disabled);
236
+ border-color: var(--teddy-color-border-medium);
237
+ }
238
+ ._teddy-radio-card-group__trigger_pfspq_35[data-disabled][data-state=checked]::before {
239
+ background-color: var(--teddy-color-background-primary);
240
+ }
241
+ ._teddy-radio-card-group__indicator_pfspq_119 {
242
+ display: flex;
243
+ align-items: center;
244
+ justify-content: center;
245
+ width: 100%;
246
+ height: 100%;
247
+ position: relative;
248
+ }
249
+ ._teddy-radio-card-group__indicator_pfspq_119::after {
250
+ content: "";
251
+ display: block;
252
+ inset: 0;
253
+ width: var(--teddy-spacing-200);
254
+ height: var(--teddy-spacing-200);
255
+ border-radius: var(--teddy-border-radius-full);
256
+ background-color: var(--teddy-color-background-interactive-primary);
257
+ }
258
+ ._teddy-radio-card-group__indicator_pfspq_119[data-disabled]::after {
259
+ background-color: var(--teddy-color-text-weak);
260
+ }
261
+ ._teddy-radio-card-group__content-wrapper_pfspq_9 {
262
+ padding: var(--teddy-spacing-150);
263
+ text-align: start;
264
+ }
265
+ ._teddy-radio-card-group__title-wrapper_pfspq_12 {
266
+ justify-content: space-between;
267
+ }
268
+ ._teddy-radio-card-group__illustration_pfspq_146 {
269
+ width: var(--teddy-spacing-1000);
270
+ overflow: hidden;
271
+ flex-shrink: 0;
272
+ position: relative;
273
+ }
274
+ ._teddy-radio-card-group__illustration_pfspq_146 img {
275
+ width: 100%;
276
+ height: 100%;
277
+ object-fit: cover;
278
+ }
279
+ ._teddy-radio-card-group__card-group-label_pfspq_9 {
280
+ margin: 0 0 var(--teddy-spacing-150);
281
+ font-weight: var(--teddy-typography-weight-medium);
282
+ font-size: var(--teddy-typography-scale-100);
283
+ position: relative;
284
+ }
285
+ ._teddy-radio-card-group__card-group-label--required_pfspq_163::before {
286
+ content: "* ";
287
+ }._teddy-flex_1ncy4_1 {
2
288
  box-sizing: border-box;
3
289
  }
4
290
 
@@ -487,46 +773,6 @@
487
773
  ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
488
774
  background-color: var(--teddy-color-gray-100);
489
775
  }
490
- }@layer icon {
491
- ._teddy-icon_1rwgf_2 {
492
- display: inline;
493
- align-self: center;
494
- fill: currentColor;
495
- }
496
- ._teddy-icon--font_1rwgf_7 {
497
- width: 1em;
498
- height: 1em;
499
- }
500
- ._teddy-icon--xxs_1rwgf_11 {
501
- width: var(--teddy-spacing-150);
502
- height: var(--teddy-spacing-150);
503
- }
504
- ._teddy-icon--xs_1rwgf_15 {
505
- width: var(--teddy-spacing-200);
506
- height: var(--teddy-spacing-200);
507
- }
508
- ._teddy-icon--sm_1rwgf_19 {
509
- width: var(--teddy-spacing-250);
510
- height: var(--teddy-spacing-250);
511
- }
512
- ._teddy-icon--md_1rwgf_23 {
513
- width: var(--teddy-spacing-300);
514
- height: var(--teddy-spacing-300);
515
- }
516
- ._teddy-icon--lg_1rwgf_27 {
517
- width: var(--teddy-spacing-400);
518
- height: var(--teddy-spacing-400);
519
- }
520
- ._teddy-icon--xl_1rwgf_31 {
521
- width: var(--teddy-spacing-600);
522
- height: var(--teddy-spacing-600);
523
- }
524
- ._teddy-icon-with-children_1rwgf_35 {
525
- display: inline-flex;
526
- align-items: center;
527
- font-family: var(--teddy-typography-family-default);
528
- gap: var(--teddy-spacing-100);
529
- }
530
776
  }._teddy-color-dot_cywb7_1 {
531
777
  border-radius: var(--teddy-border-radius-full);
532
778
  height: var(--size);
@@ -1325,436 +1571,6 @@
1325
1571
  }
1326
1572
  ._teddy-chip__indicator_69tae_83 {
1327
1573
  display: none;
1328
- }._date-picker_1vj0x_1 {
1329
- display: flex;
1330
- flex-direction: column;
1331
- position: relative;
1332
- width: 100%;
1333
- }
1334
- ._date-picker__container_1vj0x_7 {
1335
- display: block;
1336
- width: 100%;
1337
- max-width: 480px;
1338
- }
1339
- ._date-picker_1vj0x_1 > label {
1340
- font-family: var(--teddy-typography-family-default);
1341
- color: var(--teddy-color-transparent-black-800);
1342
- font-weight: 500;
1343
- line-height: 1.25;
1344
- order: 2;
1345
- margin-bottom: 4px;
1346
- }
1347
- ._date-picker__input_1vj0x_20 {
1348
- font-family: var(--teddy-typography-family-default);
1349
- order: 2;
1350
- height: 2.875rem;
1351
- display: flex;
1352
- padding: 10px 12px;
1353
- padding-left: 3em;
1354
- align-items: center;
1355
- gap: var(--teddy-spacing-100);
1356
- align-self: stretch;
1357
- width: 18rem;
1358
- border: 1px solid var(--teddy-color-purple-800);
1359
- border-radius: 4px;
1360
- background: #fff;
1361
- }
1362
- ._date-picker__input_1vj0x_20:invalid {
1363
- border: 1px solid var(--teddy-color-red-500);
1364
- }
1365
- ._date-picker__input--touched_1vj0x_38:invalid {
1366
- border: 1px solid var(--teddy-color-red-500);
1367
- }
1368
- ._date-picker__input_1vj0x_20:focus-visible {
1369
- border: 12px solid transparent;
1370
- box-shadow: 0 0 0 2x var(--teddy-color-blue-600); /* Outline-like box-shadow */
1371
- padding-left: calc(3em - 11px);
1372
- }
1373
- ._date-picker__input-icon-container_1vj0x_46 {
1374
- position: absolute;
1375
- margin: 0;
1376
- margin-top: 2.2rem;
1377
- order: 3;
1378
- }
1379
- ._date-picker__toggle-button_1vj0x_52 {
1380
- background: transparent;
1381
- border: 0;
1382
- cursor: pointer;
1383
- transition: all 300ms ease;
1384
- color: var(--teddy-color-transparent-black-400);
1385
- }
1386
- ._date-picker__additional_1vj0x_59 {
1387
- order: 5;
1388
- }
1389
- ._date-picker__error_1vj0x_62 {
1390
- margin: 4px 0 0;
1391
- display: flex;
1392
- gap: 0.25rem;
1393
- max-width: 288px;
1394
- order: 6 !important;
1395
- color: var(--teddy-color-red-500) !important;
1396
- }
1397
- ._date-picker__toggle-icon_1vj0x_70 {
1398
- display: inline-block;
1399
- margin-left: 4px;
1400
- height: 1.5rem;
1401
- width: 1.5rem;
1402
- }
1403
- ._date-picker__input--touched_1vj0x_38:invalid ~ ._date-picker__input-icon-container_1vj0x_46 {
1404
- color: #e4175c;
1405
- }
1406
- ._date-picker__dialog-container_1vj0x_79 {
1407
- order: 4;
1408
- }
1409
- ._date-picker__dialog_1vj0x_79 {
1410
- z-index: 300;
1411
- background-color: rgba(0, 0, 0, 0.22);
1412
- bottom: 0;
1413
- display: flex;
1414
- left: 0;
1415
- opacity: 0;
1416
- right: 0;
1417
- top: 0;
1418
- transform: translateZ(0);
1419
- transform-origin: bottom center;
1420
- transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
1421
- visibility: hidden;
1422
- min-width: 288px;
1423
- width: 100%;
1424
- max-width: 100%;
1425
- will-change: transform, opacity, visibility;
1426
- max-width: 288px;
1427
- background: none;
1428
- bottom: auto;
1429
- position: absolute;
1430
- right: auto;
1431
- top: 4.25rem;
1432
- transform: scale(0.96) translateZ(0) translateY(-2rem);
1433
- transform-origin: top right;
1434
- }
1435
- ._date-picker__dialog_1vj0x_79._is-active_1vj0x_108 {
1436
- opacity: 1;
1437
- transform: scale(1.0001) translateZ(0) translateY(0);
1438
- visibility: visible;
1439
- }
1440
- ._date-picker__dialog-content_1vj0x_113 {
1441
- display: none;
1442
- background: white;
1443
- border-radius: 8px;
1444
- border: 1px solid var(--teddy-color-transparent-black-400);
1445
- background: var(--Background-Standard-primary-t, #fff);
1446
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
1447
- bottom: 0;
1448
- left: 0;
1449
- margin: 0;
1450
- margin-top: 8px;
1451
- padding: 0;
1452
- position: absolute;
1453
- transform: translateZ(0) translateY(100%);
1454
- width: 100%;
1455
- max-width: 288px;
1456
- position: relative;
1457
- visibility: visible;
1458
- transition: transform 300 ease, opacity 300 ease, visibility 300 ease;
1459
- }
1460
- ._is-active_1vj0x_108 ._date-picker__dialog-content_1vj0x_113 {
1461
- display: block;
1462
- transform: translateZ(0) translateY(0);
1463
- }
1464
- ._date-picker__table-scrollable_1vj0x_137 {
1465
- max-height: 200px;
1466
- overflow-x: hidden;
1467
- overflow-y: scroll;
1468
- }
1469
- ._date-picker__table-wrapper_1vj0x_142 {
1470
- padding: 0 8px;
1471
- padding-top: 16px;
1472
- padding-bottom: 12px;
1473
- }
1474
- ._date-picker__table_1vj0x_137 {
1475
- border-collapse: collapse;
1476
- border-spacing: 0;
1477
- line-height: 1.25;
1478
- margin: 0;
1479
- padding: 0;
1480
- text-align: center;
1481
- width: 100%;
1482
- }
1483
- ._date-picker__table-header_1vj0x_156 {
1484
- font-family: var(--teddy-typography-family-default);
1485
- color: var(--teddy-color-transparent-black-600);
1486
- letter-spacing: dynamic-rem(0.1rem);
1487
- line-height: 1.4;
1488
- padding-bottom: 0.5rem;
1489
- text-decoration: none;
1490
- text-transform: uppercase;
1491
- font-weight: 500;
1492
- letter-spacing: 1px;
1493
- }
1494
- ._date-picker__row_1vj0x_167 {
1495
- line-height: 1.4;
1496
- }
1497
- ._date-picker__cell_1vj0x_170 {
1498
- text-align: center;
1499
- width: 24px;
1500
- height: 24px;
1501
- }
1502
- ._date-picker__year-button_1vj0x_175 {
1503
- line-height: 1.25;
1504
- font-size: 1rem;
1505
- background: transparent;
1506
- border: 0;
1507
- padding: 0;
1508
- align-items: center;
1509
- appearance: none;
1510
- cursor: pointer;
1511
- height: 40px;
1512
- min-width: 40px;
1513
- }
1514
- ._date-picker__year-button_1vj0x_175 span {
1515
- color: var(--teddy-color-purple-700);
1516
- font-weight: bold;
1517
- font-family: var(--teddy-typography-family-default);
1518
- }
1519
- ._date-picker__year-button_1vj0x_175:hover span {
1520
- color: var(--teddy-color-purple-800);
1521
- }
1522
- ._date-picker__year-button_1vj0x_175:focus-visible {
1523
- outline: 0;
1524
- border: 0;
1525
- padding: 4px;
1526
- box-shadow: 0px 0px 0px 2px var(--teddy-color-blue-600);
1527
- }
1528
- ._date-picker__year-button_1vj0x_175:active span {
1529
- color: var(--teddy-color-purple-800);
1530
- }
1531
- ._date-picker__year-chevron_1vj0x_204 {
1532
- position: relative;
1533
- width: 24px;
1534
- top: 2px;
1535
- color: var(--teddy-color-purple-700);
1536
- }
1537
- ._date-picker__year_1vj0x_175 {
1538
- color: var(--teddy-color-purple-700);
1539
- appearance: none;
1540
- background: transparent;
1541
- border: 0;
1542
- border-radius: 24px;
1543
- cursor: pointer;
1544
- display: inline-block;
1545
- font-variant-numeric: tabular-nums;
1546
- height: 2rem;
1547
- position: relative;
1548
- text-align: center;
1549
- vertical-align: middle;
1550
- width: fit-content;
1551
- outline: 0;
1552
- }
1553
- ._date-picker__year_1vj0x_175._is-today_1vj0x_226 {
1554
- border: 0.5px solid;
1555
- color: var(--teddy-color-purple-800);
1556
- }
1557
- ._date-picker__year_1vj0x_175._is-focused_1vj0x_230 {
1558
- border: 0.75px solid;
1559
- color: var(--teddy-color-purple-700);
1560
- }
1561
- ._date-picker__year_1vj0x_175:hover {
1562
- background: var(--teddy-color-purple-100);
1563
- color: var(--teddy-color-purple-900);
1564
- }
1565
- ._date-picker__year_1vj0x_175:focus {
1566
- background: var(--teddy-color-purple-100);
1567
- color: var(--teddy-color-purple-900);
1568
- border: 0;
1569
- outline: 0;
1570
- }
1571
- ._date-picker__year_1vj0x_175:active {
1572
- background: var(--teddy-color-purple-200);
1573
- color: var(--teddy-color-purple-900);
1574
- }
1575
- ._date-picker__year_1vj0x_175[aria-pressed=true] {
1576
- background-color: var(--teddy-color-purple-800);
1577
- color: white;
1578
- box-shadow: none;
1579
- outline: 0;
1580
- }
1581
- ._date-picker__year_1vj0x_175[aria-disabled=true] {
1582
- cursor: default;
1583
- background: transparent;
1584
- color: #dcdce1;
1585
- }
1586
- ._date-picker__day_1vj0x_259 {
1587
- font-family: var(--teddy-typography-family-default);
1588
- color: var(--teddy-color-purple-700);
1589
- font-style: normal;
1590
- font-weight: 400;
1591
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1592
- -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1593
- appearance: none;
1594
- background: transparent;
1595
- border: 0;
1596
- border-radius: 50%;
1597
- cursor: pointer;
1598
- display: inline-block;
1599
- height: 2rem;
1600
- font-size: 16px;
1601
- padding: 0 0 dynamic-rem(0.1rem);
1602
- position: relative;
1603
- text-align: center;
1604
- vertical-align: middle;
1605
- width: 2rem;
1606
- }
1607
- ._date-picker__day_1vj0x_259:not(._is-month_1vj0x_280) {
1608
- box-shadow: none;
1609
- color: var(--teddy-color-transparent-black-400);
1610
- }
1611
- ._date-picker__day_1vj0x_259._is-today_1vj0x_226 {
1612
- border: 0.5px solid;
1613
- color: var(--teddy-color-purple-800);
1614
- }
1615
- ._date-picker__day_1vj0x_259:hover {
1616
- background: var(--teddy-color-purple-100);
1617
- color: var(--teddy-color-purple-900);
1618
- }
1619
- ._date-picker__day_1vj0x_259:focus {
1620
- background: var(--teddy-color-purple-100);
1621
- color: var(--teddy-color-purple-900);
1622
- }
1623
- ._date-picker__day_1vj0x_259:active {
1624
- background: var(--teddy-color-purple-200);
1625
- color: var(--teddy-color-purple-900);
1626
- }
1627
- ._date-picker__day_1vj0x_259[aria-pressed=true] {
1628
- background-color: var(--teddy-color-purple-800);
1629
- color: white;
1630
- box-shadow: none;
1631
- outline: 0;
1632
- }
1633
- ._date-picker__day_1vj0x_259[aria-disabled=true] {
1634
- cursor: default;
1635
- background: transparent;
1636
- color: #dcdce1;
1637
- }
1638
- ._date-picker__header_1vj0x_311 {
1639
- align-items: center;
1640
- display: flex;
1641
- justify-content: space-between;
1642
- padding: 1rem 1rem 0;
1643
- }
1644
- ._date-picker__nav_1vj0x_317 {
1645
- white-space: nowrap;
1646
- position: relative;
1647
- display: inline-flex;
1648
- width: 100%;
1649
- }
1650
- ._date-picker__nav-month_1vj0x_323 {
1651
- white-space: nowrap;
1652
- display: inline-flex;
1653
- width: 160px;
1654
- margin-left: 34px;
1655
- color: var(--teddy-color-purple-700);
1656
- font-family: var(--teddy-typography-family-default);
1657
- }
1658
- ._date-picker__prev_1vj0x_331, ._date-picker__next_1vj0x_331 {
1659
- background: transparent;
1660
- border: 0;
1661
- font-family: var(--teddy-typography-family-default);
1662
- color: var(--teddy-color-purple-700);
1663
- align-items: center;
1664
- -moz-appearance: none;
1665
- -webkit-appearance: none;
1666
- appearance: none;
1667
- cursor: pointer;
1668
- display: inline-flex;
1669
- height: 40px;
1670
- width: 40px;
1671
- min-width: 40px;
1672
- justify-content: center;
1673
- padding: 0;
1674
- outline: none;
1675
- }
1676
- ._date-picker__prev_1vj0x_331:not([disabled]):hover, ._date-picker__next_1vj0x_331:not([disabled]):hover {
1677
- color: var(--teddy-color-purple-900);
1678
- }
1679
- ._date-picker__prev_1vj0x_331:active, ._date-picker__prev_1vj0x_331:focus, ._date-picker__next_1vj0x_331:active, ._date-picker__next_1vj0x_331:focus {
1680
- color: var(--teddy-color-purple-500);
1681
- box-shadow: none;
1682
- border: solid 0.1px var(--teddy-color-purple-500);
1683
- border-radius: 100%;
1684
- }
1685
- ._date-picker__prev_1vj0x_331:disabled, ._date-picker__next_1vj0x_331:disabled {
1686
- cursor: default;
1687
- opacity: 0.5;
1688
- }
1689
- ._date-picker__prev-icon_1vj0x_362 {
1690
- margin: 0 auto;
1691
- width: 24px;
1692
- height: 16px;
1693
- }
1694
- ._date-picker__next-icon_1vj0x_367 {
1695
- margin: 0 auto;
1696
- width: 24px;
1697
- height: 16px;
1698
- }
1699
- ._date-picker__select_1vj0x_372 {
1700
- position: relative;
1701
- display: inline-flex;
1702
- }
1703
- ._date-picker__select_1vj0x_372 select {
1704
- cursor: pointer;
1705
- font-size: 1rem;
1706
- height: 100%;
1707
- left: 0;
1708
- opacity: 0;
1709
- position: absolute;
1710
- top: 0;
1711
- width: 100%;
1712
- }
1713
- ._date-picker__select_1vj0x_372 select:focus + ._date-picker__select-label_1vj0x_386 {
1714
- box-shadow: 0 0 0 0.2rem var(--teddy-color-purple-800);
1715
- }
1716
- ._date-picker__select-icon_1vj0x_389 {
1717
- margin: 0 0 0 4px;
1718
- }
1719
- ._date-picker__select-label_1vj0x_386 {
1720
- font-weight: bold;
1721
- color: var(--teddy-color-purple-700);
1722
- font-family: var(--teddy-typography-family-default);
1723
- align-items: center;
1724
- display: flex;
1725
- line-height: 1.25;
1726
- font-size: 1rem;
1727
- border-radius: 0.125rem;
1728
- padding: 0 0.25rem 0 0.5rem;
1729
- pointer-events: none;
1730
- position: relative;
1731
- width: 100%;
1732
- display: inline-flex;
1733
- justify-content: center;
1734
- }
1735
- ._date-picker__close_year_1vj0x_408 {
1736
- right: 0;
1737
- position: absolute;
1738
- height: 30px;
1739
- width: 30px;
1740
- font-size: 16px;
1741
- margin-top: 4px;
1742
- background-color: transparent;
1743
- color: var(--teddy-color-transparent-black-800);
1744
- border: 0;
1745
- cursor: pointer;
1746
- display: flex;
1747
- justify-content: center;
1748
- }
1749
- ._date-picker__vhidden_1vj0x_422 {
1750
- border: 0;
1751
- clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
1752
- height: 0.0625rem;
1753
- overflow: hidden;
1754
- padding: 0;
1755
- position: absolute;
1756
- top: 0;
1757
- width: 0.0625rem;
1758
1574
  }@layer grid {
1759
1575
  ._teddy-grid_1dv1t_2 {
1760
1576
  box-sizing: border-box;
@@ -3178,510 +2994,940 @@
3178
2994
  align-items: center;
3179
2995
  justify-content: space-between;
3180
2996
  cursor: pointer;
3181
- transition-duration: var(--teddy-motion-duration-100);
3182
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
3183
- transition-property: background-color, color;
2997
+ transition-duration: var(--teddy-motion-duration-100);
2998
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
2999
+ transition-property: background-color, color;
3000
+ }
3001
+ ._teddy-accordion__trigger_1arsz_24:hover {
3002
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
3003
+ }
3004
+ @media (prefers-reduced-motion: no-preference) {
3005
+ ._teddy-accordion__trigger_1arsz_24:active {
3006
+ background-color: var(--teddy-color-background-interactive-transparent-active);
3007
+ }
3008
+ }
3009
+ ._teddy-accordion__trigger_1arsz_24:focus-within {
3010
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
3011
+ outline-offset: var(--teddy-spacing-25);
3012
+ z-index: 1;
3013
+ }
3014
+ ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
3015
+ outline: 0;
3016
+ }
3017
+ ._teddy-accordion__trigger_1arsz_24:disabled {
3018
+ cursor: not-allowed;
3019
+ background-color: var(--teddy-color-background-interactive-disabled);
3020
+ }
3021
+ ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
3022
+ flex-shrink: 0;
3023
+ transform: rotate(0);
3024
+ margin: var(--indented-spacing);
3025
+ }
3026
+ @media (min-width: 1024px) {
3027
+ ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
3028
+ margin-block: var(--teddy-spacing-400);
3029
+ }
3030
+ }
3031
+ @media (prefers-reduced-motion: no-preference) {
3032
+ ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
3033
+ transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3034
+ }
3035
+ }
3036
+ ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
3037
+ transform: rotate(180deg);
3038
+ }
3039
+ ._teddy-accordion__content_1arsz_14 {
3040
+ overflow: hidden;
3041
+ color: var(--teddy-color-text-default);
3042
+ padding: 0 var(--teddy-spacing-300) 0 0;
3043
+ }
3044
+ @media (prefers-reduced-motion: no-preference) {
3045
+ ._teddy-accordion__content_1arsz_14[data-state=open] {
3046
+ animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3047
+ }
3048
+ ._teddy-accordion__content_1arsz_14[data-state=closed] {
3049
+ animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3050
+ }
3051
+ }
3052
+ ._teddy-accordion__content_1arsz_14::after {
3053
+ content: "";
3054
+ display: block;
3055
+ height: var(--teddy-spacing-400);
3056
+ width: 100%;
3057
+ }
3058
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
3059
+ color: var(--teddy-color-text-default);
3060
+ font-size: var(--teddy-typography-scale-100);
3061
+ }
3062
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
3063
+ height: var(--teddy-spacing-200);
3064
+ }
3065
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
3066
+ margin-block: var(--teddy-spacing-200);
3067
+ }
3068
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
3069
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
3070
+ color: var(--teddy-color-text-default);
3071
+ }
3072
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
3073
+ background-color: var(--teddy-color-background-interactive-inactive);
3074
+ border: none;
3075
+ }
3076
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
3077
+ border: none;
3078
+ }
3079
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
3080
+ position: relative;
3081
+ }
3082
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
3083
+ content: "";
3084
+ display: block;
3085
+ position: absolute;
3086
+ inset: auto var(--indented-spacing) 0 var(--indented-spacing);
3087
+ height: var(--teddy-border-width-xs);
3088
+ transform: translateY(50%);
3089
+ background-color: var(--teddy-color-border-weak);
3090
+ }
3091
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
3092
+ border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
3093
+ }
3094
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
3095
+ border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
3096
+ }
3097
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
3098
+ background-color: var(--teddy-color-background-interactive-inactive);
3099
+ }
3100
+ @media (prefers-reduced-motion: no-preference) {
3101
+ ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
3102
+ background-color: var(--teddy-color-background-interactive-disabled);
3103
+ }
3104
+ }
3105
+ @keyframes _slideDown_1arsz_1 {
3106
+ from {
3107
+ height: 0;
3108
+ }
3109
+ to {
3110
+ height: var(--radix-accordion-content-height);
3111
+ }
3112
+ }
3113
+ @keyframes _slideUp_1arsz_1 {
3114
+ from {
3115
+ height: var(--radix-accordion-content-height);
3116
+ }
3117
+ to {
3118
+ height: 0;
3119
+ }
3120
+ }
3121
+ }._teddy-global-navigation_1m6ra_1 {
3122
+ position: sticky;
3123
+ inset: 0 0 auto 0;
3124
+ z-index: 39;
3125
+ }
3126
+ ._teddy-global-navigation__mobile-trigger_1m6ra_6 {
3127
+ border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3128
+ }
3129
+ ._teddy-global-navigation__mobile-header_1m6ra_9[data-state=open] {
3130
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3131
+ }
3132
+ ._teddy-global-navigation__mobile_1m6ra_6 {
3133
+ padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
3134
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
3135
+ }
3136
+ ._teddy-global-navigation__mobile_1m6ra_6::before {
3137
+ content: "";
3138
+ display: block;
3139
+ width: var(--width-for-centering-element);
3140
+ }
3141
+ ._teddy-global-navigation__mobile_1m6ra_6::after {
3142
+ content: "";
3143
+ display: block;
3144
+ width: var(--width-for-centering-element);
3145
+ }
3146
+ ._teddy-global-navigation__link_1m6ra_26 {
3147
+ text-decoration: none;
3148
+ }
3149
+ ._teddy-global-navigation__viewport_1m6ra_29._teddy-global-navigation__viewport_1m6ra_29 {
3150
+ height: var(--teddy-viewport-wrapper-height);
3151
+ }
3152
+ ._teddy-global-navigation__item-wrapper_1m6ra_32 {
3153
+ position: relative;
3154
+ display: flex;
3155
+ }
3156
+ ._teddy-global-navigation__item-count_1m6ra_36 {
3157
+ display: flex;
3158
+ justify-content: center;
3159
+ align-items: center;
3160
+ position: absolute;
3161
+ transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
3162
+ }
3163
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43 {
3164
+ overflow: hidden;
3165
+ transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3166
+ }
3167
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=open] {
3168
+ max-height: var(--teddy-viewport-wrapper-height);
3169
+ }
3170
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=closed] {
3171
+ animation: _close-viewport_1m6ra_1 var(--teddy-motion-duration-controlled, 0) ease;
3172
+ max-height: 0;
3173
+ }
3174
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54 {
3175
+ overflow: hidden;
3176
+ transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3177
+ }
3178
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=open] {
3179
+ max-height: var(--teddy-top-menu-height, 47px);
3180
+ }
3181
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=closed] {
3182
+ max-height: 0;
3183
+ }
3184
+ ._teddy-global-navigation__accordion-look_1m6ra_64 {
3185
+ background-color: var(--teddy-color-background-interactive-transparent);
3186
+ display: grid;
3187
+ grid-template-columns: minmax(0, 1fr) auto;
3188
+ align-items: stretch;
3189
+ max-width: initial;
3190
+ color: var(--teddy-color-text-interactive-primary);
3191
+ font-weight: var(--teddy-typography-weight-bold);
3192
+ border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3193
+ }
3194
+ ._teddy-global-navigation__accordion-look_1m6ra_64:first-child {
3195
+ margin-top: 0;
3196
+ }
3197
+ ._teddy-global-navigation__accordion-look_1m6ra_64:last-child {
3198
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3199
+ }
3200
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3201
+ padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
3202
+ font-family: var(--teddy-typography-family-default);
3203
+ font-weight: var(--teddy-typography-weight-bold);
3204
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
3205
+ line-height: var(--teddy-typography-line-height-default);
3206
+ }
3207
+ @media (min-width: 600px) {
3208
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3209
+ padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
3210
+ }
3211
+ }
3212
+ @media (min-width: 1024px) {
3213
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3214
+ padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
3215
+ }
3216
+ }
3217
+ @keyframes _close-viewport_1m6ra_1 {
3218
+ 0% {
3219
+ max-height: var(--teddy-viewport-wrapper-height);
3220
+ }
3221
+ 100% {
3222
+ max-height: 0;
3223
+ }
3224
+ }@layer icon, toggle;
3225
+ ._teddy-toggle__input_m5h3g_2::before {
3226
+ box-sizing: border-box;
3227
+ }
3228
+
3229
+ @layer toggle {
3230
+ ._teddy-toggle_m5h3g_2 {
3231
+ width: fit-content;
3232
+ display: flex;
3233
+ align-items: center;
3234
+ position: relative;
3235
+ gap: var(--teddy-spacing-150);
3236
+ }
3237
+ ._teddy-toggle__input_m5h3g_2 {
3238
+ all: unset;
3239
+ cursor: pointer;
3240
+ display: block;
3241
+ width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
3242
+ height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
3243
+ position: relative;
3244
+ color: var(--teddy-color-text-interactive-on-primary);
3184
3245
  }
3185
- ._teddy-accordion__trigger_1arsz_24:hover {
3186
- background-color: var(--teddy-color-background-interactive-transparent-hover);
3246
+ ._teddy-toggle__input_m5h3g_2::before {
3247
+ content: "";
3248
+ display: block;
3249
+ position: absolute;
3250
+ inset: 0;
3251
+ height: var(--teddy-spacing-300);
3252
+ margin: auto 0;
3253
+ background-color: var(--teddy-color-text-interactive-on-primary);
3254
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
3255
+ border-radius: var(--teddy-border-radius-full);
3187
3256
  }
3188
3257
  @media (prefers-reduced-motion: no-preference) {
3189
- ._teddy-accordion__trigger_1arsz_24:active {
3190
- background-color: var(--teddy-color-background-interactive-transparent-active);
3258
+ ._teddy-toggle__input_m5h3g_2::before {
3259
+ transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
3191
3260
  }
3192
3261
  }
3193
- ._teddy-accordion__trigger_1arsz_24:focus-within {
3194
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
3195
- outline-offset: var(--teddy-spacing-25);
3196
- z-index: 1;
3197
- }
3198
- ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
3199
- outline: 0;
3262
+ ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
3263
+ background-color: var(--teddy-color-background-interactive-primary);
3264
+ border-color: var(--teddy-color-functional-transparent);
3200
3265
  }
3201
- ._teddy-accordion__trigger_1arsz_24:disabled {
3202
- cursor: not-allowed;
3266
+ ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
3203
3267
  background-color: var(--teddy-color-background-interactive-disabled);
3268
+ border-color: var(--teddy-color-functional-transparent);
3204
3269
  }
3205
- ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
3206
- flex-shrink: 0;
3207
- transform: rotate(0);
3208
- margin: var(--indented-spacing);
3270
+ ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
3271
+ background-color: var(--teddy-color-background-interactive-primary-hover);
3272
+ border-color: var(--teddy-color-functional-transparent);
3209
3273
  }
3210
- @media (min-width: 1024px) {
3211
- ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
3212
- margin-block: var(--teddy-spacing-400);
3213
- }
3274
+ ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
3275
+ background-color: var(--teddy-color-background-interactive-primary-active);
3276
+ border-color: var(--teddy-color-functional-transparent);
3214
3277
  }
3215
- @media (prefers-reduced-motion: no-preference) {
3216
- ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
3217
- transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3218
- }
3278
+ ._teddy-toggle__input_m5h3g_2:disabled {
3279
+ cursor: default;
3219
3280
  }
3220
- ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
3221
- transform: rotate(180deg);
3281
+ ._teddy-toggle__input_m5h3g_2:disabled::before {
3282
+ border-color: var(--teddy-color-border-weak);
3222
3283
  }
3223
- ._teddy-accordion__content_1arsz_14 {
3224
- overflow: hidden;
3225
- color: var(--teddy-color-text-default);
3226
- padding: 0 var(--teddy-spacing-300) 0 0;
3284
+ ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
3285
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
3286
+ border-color: var(--teddy-color-border-interactive-primary);
3227
3287
  }
3228
- @media (prefers-reduced-motion: no-preference) {
3229
- ._teddy-accordion__content_1arsz_14[data-state=open] {
3230
- animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3231
- }
3232
- ._teddy-accordion__content_1arsz_14[data-state=closed] {
3233
- animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
3234
- }
3288
+ ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
3289
+ background-color: var(--teddy-color-background-interactive-transparent-active);
3235
3290
  }
3236
- ._teddy-accordion__content_1arsz_14::after {
3291
+ ._teddy-toggle_m5h3g_2:focus-within::before {
3292
+ border-radius: var(--teddy-border-radius-xs);
3293
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
3237
3294
  content: "";
3295
+ opacity: 1;
3238
3296
  display: block;
3239
- height: var(--teddy-spacing-400);
3240
- width: 100%;
3241
- }
3242
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
3243
- color: var(--teddy-color-text-default);
3244
- font-size: var(--teddy-typography-scale-100);
3297
+ inset: calc(var(--teddy-spacing-25) * -1);
3298
+ position: absolute;
3299
+ pointer-events: none;
3245
3300
  }
3246
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
3247
- height: var(--teddy-spacing-200);
3301
+ ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
3302
+ opacity: 0;
3248
3303
  }
3249
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
3250
- margin-block: var(--teddy-spacing-200);
3304
+ ._teddy-toggle__thumb_m5h3g_81 {
3305
+ position: absolute;
3306
+ display: block;
3307
+ height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
3308
+ width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
3309
+ border-radius: var(--teddy-border-radius-full);
3310
+ background-color: var(--teddy-color-background-interactive-primary);
3311
+ inset: 50% auto auto var(--teddy-spacing-10);
3312
+ transform: translate(var(--teddy-spacing-25), -50%);
3251
3313
  }
3252
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
3253
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
3254
- color: var(--teddy-color-text-default);
3314
+ @media (prefers-reduced-motion: no-preference) {
3315
+ ._teddy-toggle__thumb_m5h3g_81 {
3316
+ transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
3317
+ will-change: transform;
3318
+ }
3255
3319
  }
3256
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
3257
- background-color: var(--teddy-color-background-interactive-inactive);
3258
- border: none;
3320
+ ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
3321
+ background-color: var(--teddy-color-background-interactive-disabled);
3259
3322
  }
3260
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
3261
- border: none;
3323
+ ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
3324
+ background-color: var(--teddy-color-text-interactive-on-primary);
3325
+ transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
3262
3326
  }
3263
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
3264
- position: relative;
3327
+ ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
3328
+ background-color: var(--teddy-color-text-interactive-on-primary);
3265
3329
  }
3266
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
3267
- content: "";
3268
- display: block;
3330
+ ._teddy-toggle__indicator_m5h3g_107 {
3269
3331
  position: absolute;
3270
- inset: auto var(--indented-spacing) 0 var(--indented-spacing);
3271
- height: var(--teddy-border-width-xs);
3272
- transform: translateY(50%);
3273
- background-color: var(--teddy-color-border-weak);
3332
+ inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
3333
+ opacity: 0;
3334
+ scale: 0;
3335
+ transform: translate(-50%, -50%);
3336
+ transform-origin: 0 50%;
3274
3337
  }
3275
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
3276
- border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
3338
+ @media (prefers-reduced-motion: no-preference) {
3339
+ ._teddy-toggle__indicator_m5h3g_107 {
3340
+ transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
3341
+ }
3277
3342
  }
3278
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
3279
- border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
3343
+ ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
3344
+ opacity: 1;
3345
+ scale: 1;
3280
3346
  }
3281
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
3282
- background-color: var(--teddy-color-background-interactive-inactive);
3347
+ }@keyframes _teddy-fade-in_3n21u_1 {
3348
+ from {
3349
+ opacity: 0;
3283
3350
  }
3284
- @media (prefers-reduced-motion: no-preference) {
3285
- ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
3286
- background-color: var(--teddy-color-background-interactive-disabled);
3351
+ to {
3352
+ opacity: 1;
3353
+ }
3354
+ }
3355
+ @keyframes _teddy-fade-out_3n21u_1 {
3356
+ from {
3357
+ opacity: 1;
3358
+ }
3359
+ to {
3360
+ opacity: 0;
3361
+ }
3362
+ }
3363
+ @keyframes _teddy-overlay-no-op_3n21u_1 {
3364
+ from {
3365
+ opacity: 1;
3366
+ }
3367
+ to {
3368
+ opacity: 1;
3369
+ }
3370
+ }
3371
+ ._teddy-modal__overlay_3n21u_25 {
3372
+ position: fixed;
3373
+ inset: 0;
3374
+ display: grid;
3375
+ place-items: center;
3376
+ }
3377
+ ._teddy-modal__overlay_3n21u_25::before {
3378
+ position: fixed;
3379
+ content: "";
3380
+ inset: 0;
3381
+ background-color: var(--teddy-color-overlay-default);
3382
+ }
3383
+ ._teddy-modal__content_3n21u_37 {
3384
+ background-color: var(--teddy-color-background-primary);
3385
+ box-shadow: var(--teddy-shadow-lg);
3386
+ position: relative;
3387
+ overflow: hidden;
3388
+ height: 100%;
3389
+ width: 100%;
3390
+ }
3391
+ @media (min-width: 600px) {
3392
+ ._teddy-modal__content_3n21u_37 {
3393
+ max-width: 720px;
3394
+ max-height: 80%;
3395
+ min-height: 360px;
3396
+ height: auto;
3397
+ width: auto;
3398
+ border-radius: var(--teddy-border-radius-lg);
3399
+ }
3400
+ }
3401
+ ._teddy-modal__scroll_3n21u_55 {
3402
+ overflow: auto;
3403
+ padding-inline: var(--teddy-spacing-300);
3404
+ }
3405
+ ._teddy-modal__image_3n21u_59 {
3406
+ max-width: calc(100% + var(--teddy-spacing-300) * 2);
3407
+ height: auto;
3408
+ vertical-align: middle;
3409
+ font-style: italic;
3410
+ background-repeat: no-repeat;
3411
+ background-size: cover;
3412
+ shape-margin: 0.75rem;
3413
+ margin-inline: calc(var(--teddy-spacing-300) * -1);
3414
+ }
3415
+ ._teddy-modal__close--floating_3n21u_69 {
3416
+ position: absolute;
3417
+ top: var(--teddy-spacing-100);
3418
+ right: var(--teddy-spacing-100);
3419
+ }
3420
+ ._teddy-modal__group_3n21u_74 {
3421
+ width: 100%;
3422
+ margin-bottom: var(--teddy-spacing-200);
3423
+ }
3424
+ ._teddy-modal__group--title_3n21u_78 {
3425
+ position: sticky;
3426
+ inset: 0 0 auto 0;
3427
+ background-color: var(--teddy-color-background-primary);
3428
+ padding-top: var(--teddy-spacing-200);
3429
+ }
3430
+ ._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
3431
+ padding-block: var(--teddy-spacing-200);
3432
+ }
3433
+ ._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84::before {
3434
+ content: "";
3435
+ position: absolute;
3436
+ inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
3437
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3438
+ }
3439
+ ._teddy-modal__group--action_3n21u_93 {
3440
+ height: 100%;
3441
+ position: sticky;
3442
+ inset: auto 0 0 0;
3443
+ margin: var(--teddy-spacing-200) 0 0;
3444
+ padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
3445
+ background-color: var(--teddy-color-background-primary);
3446
+ }
3447
+ ._teddy-modal__group--action_3n21u_93._teddy-modal__group--scroll_3n21u_84::before {
3448
+ content: "";
3449
+ position: absolute;
3450
+ inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
3451
+ border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3452
+ box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
3453
+ }
3454
+ @media (prefers-reduced-motion: no-preference) {
3455
+ @keyframes _modal-overlay-no-op_3n21u_1 {
3456
+ from {
3457
+ opacity: 1;
3458
+ }
3459
+ to {
3460
+ opacity: 1;
3287
3461
  }
3288
3462
  }
3289
- @keyframes _slideDown_1arsz_1 {
3463
+ @keyframes _modal-content-show_3n21u_1 {
3290
3464
  from {
3291
- height: 0;
3465
+ opacity: 0;
3466
+ transform: translateY(5px) scale(0.97);
3292
3467
  }
3293
3468
  to {
3294
- height: var(--radix-accordion-content-height);
3469
+ opacity: 1;
3470
+ transform: translateY(0px) scale(1);
3295
3471
  }
3296
3472
  }
3297
- @keyframes _slideUp_1arsz_1 {
3473
+ @keyframes _modal-content-hide_3n21u_1 {
3298
3474
  from {
3299
- height: var(--radix-accordion-content-height);
3475
+ opacity: 1;
3476
+ transform: translateY(0px) scale(1);
3300
3477
  }
3301
3478
  to {
3302
- height: 0;
3479
+ opacity: 0;
3480
+ transform: translateY(5px) scale(0.99);
3303
3481
  }
3304
3482
  }
3305
- }._teddy-global-navigation_1m6ra_1 {
3306
- position: sticky;
3307
- inset: 0 0 auto 0;
3308
- z-index: 39;
3483
+ ._teddy-modal__overlay_3n21u_25 {
3484
+ /* Keep the overlay mounted until the children have animated */
3485
+ }
3486
+ ._teddy-modal__overlay_3n21u_25:where([data-state=closed]) {
3487
+ animation: _modal-overlay-no-op_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
3488
+ }
3489
+ ._teddy-modal__overlay_3n21u_25:where([data-state=open])::before {
3490
+ animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
3491
+ }
3492
+ ._teddy-modal__overlay_3n21u_25:where([data-state=closed])::before {
3493
+ animation: _teddy-fade-out_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
3494
+ }
3495
+ ._teddy-modal__content_3n21u_37:where([data-state=open]) {
3496
+ animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
3497
+ }
3498
+ ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
3499
+ animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
3500
+ }
3501
+ }._date-picker_1vj0x_1 {
3502
+ display: flex;
3503
+ flex-direction: column;
3504
+ position: relative;
3505
+ width: 100%;
3309
3506
  }
3310
- ._teddy-global-navigation__mobile-trigger_1m6ra_6 {
3311
- border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3507
+ ._date-picker__container_1vj0x_7 {
3508
+ display: block;
3509
+ width: 100%;
3510
+ max-width: 480px;
3312
3511
  }
3313
- ._teddy-global-navigation__mobile-header_1m6ra_9[data-state=open] {
3314
- border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3512
+ ._date-picker_1vj0x_1 > label {
3513
+ font-family: var(--teddy-typography-family-default);
3514
+ color: var(--teddy-color-transparent-black-800);
3515
+ font-weight: 500;
3516
+ line-height: 1.25;
3517
+ order: 2;
3518
+ margin-bottom: 4px;
3315
3519
  }
3316
- ._teddy-global-navigation__mobile_1m6ra_6 {
3317
- padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
3318
- border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
3520
+ ._date-picker__input_1vj0x_20 {
3521
+ font-family: var(--teddy-typography-family-default);
3522
+ order: 2;
3523
+ height: 2.875rem;
3524
+ display: flex;
3525
+ padding: 10px 12px;
3526
+ padding-left: 3em;
3527
+ align-items: center;
3528
+ gap: var(--teddy-spacing-100);
3529
+ align-self: stretch;
3530
+ width: 18rem;
3531
+ border: 1px solid var(--teddy-color-purple-800);
3532
+ border-radius: 4px;
3533
+ background: #fff;
3319
3534
  }
3320
- ._teddy-global-navigation__mobile_1m6ra_6::before {
3321
- content: "";
3322
- display: block;
3323
- width: var(--width-for-centering-element);
3535
+ ._date-picker__input_1vj0x_20:invalid {
3536
+ border: 1px solid var(--teddy-color-red-500);
3324
3537
  }
3325
- ._teddy-global-navigation__mobile_1m6ra_6::after {
3326
- content: "";
3327
- display: block;
3328
- width: var(--width-for-centering-element);
3538
+ ._date-picker__input--touched_1vj0x_38:invalid {
3539
+ border: 1px solid var(--teddy-color-red-500);
3329
3540
  }
3330
- ._teddy-global-navigation__link_1m6ra_26 {
3331
- text-decoration: none;
3541
+ ._date-picker__input_1vj0x_20:focus-visible {
3542
+ border: 12px solid transparent;
3543
+ box-shadow: 0 0 0 2x var(--teddy-color-blue-600); /* Outline-like box-shadow */
3544
+ padding-left: calc(3em - 11px);
3332
3545
  }
3333
- ._teddy-global-navigation__viewport_1m6ra_29._teddy-global-navigation__viewport_1m6ra_29 {
3334
- height: var(--teddy-viewport-wrapper-height);
3546
+ ._date-picker__input-icon-container_1vj0x_46 {
3547
+ position: absolute;
3548
+ margin: 0;
3549
+ margin-top: 2.2rem;
3550
+ order: 3;
3335
3551
  }
3336
- ._teddy-global-navigation__item-wrapper_1m6ra_32 {
3337
- position: relative;
3552
+ ._date-picker__toggle-button_1vj0x_52 {
3553
+ background: transparent;
3554
+ border: 0;
3555
+ cursor: pointer;
3556
+ transition: all 300ms ease;
3557
+ color: var(--teddy-color-transparent-black-400);
3558
+ }
3559
+ ._date-picker__additional_1vj0x_59 {
3560
+ order: 5;
3561
+ }
3562
+ ._date-picker__error_1vj0x_62 {
3563
+ margin: 4px 0 0;
3338
3564
  display: flex;
3565
+ gap: 0.25rem;
3566
+ max-width: 288px;
3567
+ order: 6 !important;
3568
+ color: var(--teddy-color-red-500) !important;
3339
3569
  }
3340
- ._teddy-global-navigation__item-count_1m6ra_36 {
3570
+ ._date-picker__toggle-icon_1vj0x_70 {
3571
+ display: inline-block;
3572
+ margin-left: 4px;
3573
+ height: 1.5rem;
3574
+ width: 1.5rem;
3575
+ }
3576
+ ._date-picker__input--touched_1vj0x_38:invalid ~ ._date-picker__input-icon-container_1vj0x_46 {
3577
+ color: #e4175c;
3578
+ }
3579
+ ._date-picker__dialog-container_1vj0x_79 {
3580
+ order: 4;
3581
+ }
3582
+ ._date-picker__dialog_1vj0x_79 {
3583
+ z-index: 300;
3584
+ background-color: rgba(0, 0, 0, 0.22);
3585
+ bottom: 0;
3341
3586
  display: flex;
3342
- justify-content: center;
3343
- align-items: center;
3587
+ left: 0;
3588
+ opacity: 0;
3589
+ right: 0;
3590
+ top: 0;
3591
+ transform: translateZ(0);
3592
+ transform-origin: bottom center;
3593
+ transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
3594
+ visibility: hidden;
3595
+ min-width: 288px;
3596
+ width: 100%;
3597
+ max-width: 100%;
3598
+ will-change: transform, opacity, visibility;
3599
+ max-width: 288px;
3600
+ background: none;
3601
+ bottom: auto;
3344
3602
  position: absolute;
3345
- transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
3603
+ right: auto;
3604
+ top: 4.25rem;
3605
+ transform: scale(0.96) translateZ(0) translateY(-2rem);
3606
+ transform-origin: top right;
3607
+ }
3608
+ ._date-picker__dialog_1vj0x_79._is-active_1vj0x_108 {
3609
+ opacity: 1;
3610
+ transform: scale(1.0001) translateZ(0) translateY(0);
3611
+ visibility: visible;
3612
+ }
3613
+ ._date-picker__dialog-content_1vj0x_113 {
3614
+ display: none;
3615
+ background: white;
3616
+ border-radius: 8px;
3617
+ border: 1px solid var(--teddy-color-transparent-black-400);
3618
+ background: var(--Background-Standard-primary-t, #fff);
3619
+ box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
3620
+ bottom: 0;
3621
+ left: 0;
3622
+ margin: 0;
3623
+ margin-top: 8px;
3624
+ padding: 0;
3625
+ position: absolute;
3626
+ transform: translateZ(0) translateY(100%);
3627
+ width: 100%;
3628
+ max-width: 288px;
3629
+ position: relative;
3630
+ visibility: visible;
3631
+ transition: transform 300 ease, opacity 300 ease, visibility 300 ease;
3632
+ }
3633
+ ._is-active_1vj0x_108 ._date-picker__dialog-content_1vj0x_113 {
3634
+ display: block;
3635
+ transform: translateZ(0) translateY(0);
3636
+ }
3637
+ ._date-picker__table-scrollable_1vj0x_137 {
3638
+ max-height: 200px;
3639
+ overflow-x: hidden;
3640
+ overflow-y: scroll;
3641
+ }
3642
+ ._date-picker__table-wrapper_1vj0x_142 {
3643
+ padding: 0 8px;
3644
+ padding-top: 16px;
3645
+ padding-bottom: 12px;
3646
+ }
3647
+ ._date-picker__table_1vj0x_137 {
3648
+ border-collapse: collapse;
3649
+ border-spacing: 0;
3650
+ line-height: 1.25;
3651
+ margin: 0;
3652
+ padding: 0;
3653
+ text-align: center;
3654
+ width: 100%;
3655
+ }
3656
+ ._date-picker__table-header_1vj0x_156 {
3657
+ font-family: var(--teddy-typography-family-default);
3658
+ color: var(--teddy-color-transparent-black-600);
3659
+ letter-spacing: dynamic-rem(0.1rem);
3660
+ line-height: 1.4;
3661
+ padding-bottom: 0.5rem;
3662
+ text-decoration: none;
3663
+ text-transform: uppercase;
3664
+ font-weight: 500;
3665
+ letter-spacing: 1px;
3666
+ }
3667
+ ._date-picker__row_1vj0x_167 {
3668
+ line-height: 1.4;
3669
+ }
3670
+ ._date-picker__cell_1vj0x_170 {
3671
+ text-align: center;
3672
+ width: 24px;
3673
+ height: 24px;
3674
+ }
3675
+ ._date-picker__year-button_1vj0x_175 {
3676
+ line-height: 1.25;
3677
+ font-size: 1rem;
3678
+ background: transparent;
3679
+ border: 0;
3680
+ padding: 0;
3681
+ align-items: center;
3682
+ appearance: none;
3683
+ cursor: pointer;
3684
+ height: 40px;
3685
+ min-width: 40px;
3686
+ }
3687
+ ._date-picker__year-button_1vj0x_175 span {
3688
+ color: var(--teddy-color-purple-700);
3689
+ font-weight: bold;
3690
+ font-family: var(--teddy-typography-family-default);
3346
3691
  }
3347
- ._teddy-global-navigation__viewport-wrapper_1m6ra_43 {
3348
- overflow: hidden;
3349
- transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3692
+ ._date-picker__year-button_1vj0x_175:hover span {
3693
+ color: var(--teddy-color-purple-800);
3350
3694
  }
3351
- ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=open] {
3352
- max-height: var(--teddy-viewport-wrapper-height);
3695
+ ._date-picker__year-button_1vj0x_175:focus-visible {
3696
+ outline: 0;
3697
+ border: 0;
3698
+ padding: 4px;
3699
+ box-shadow: 0px 0px 0px 2px var(--teddy-color-blue-600);
3353
3700
  }
3354
- ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=closed] {
3355
- animation: _close-viewport_1m6ra_1 var(--teddy-motion-duration-controlled, 0) ease;
3356
- max-height: 0;
3701
+ ._date-picker__year-button_1vj0x_175:active span {
3702
+ color: var(--teddy-color-purple-800);
3357
3703
  }
3358
- ._teddy-global-navigation__top-menu-wrapper_1m6ra_54 {
3359
- overflow: hidden;
3360
- transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3704
+ ._date-picker__year-chevron_1vj0x_204 {
3705
+ position: relative;
3706
+ width: 24px;
3707
+ top: 2px;
3708
+ color: var(--teddy-color-purple-700);
3361
3709
  }
3362
- ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=open] {
3363
- max-height: var(--teddy-top-menu-height, 47px);
3710
+ ._date-picker__year_1vj0x_175 {
3711
+ color: var(--teddy-color-purple-700);
3712
+ appearance: none;
3713
+ background: transparent;
3714
+ border: 0;
3715
+ border-radius: 24px;
3716
+ cursor: pointer;
3717
+ display: inline-block;
3718
+ font-variant-numeric: tabular-nums;
3719
+ height: 2rem;
3720
+ position: relative;
3721
+ text-align: center;
3722
+ vertical-align: middle;
3723
+ width: fit-content;
3724
+ outline: 0;
3364
3725
  }
3365
- ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=closed] {
3366
- max-height: 0;
3726
+ ._date-picker__year_1vj0x_175._is-today_1vj0x_226 {
3727
+ border: 0.5px solid;
3728
+ color: var(--teddy-color-purple-800);
3367
3729
  }
3368
- ._teddy-global-navigation__accordion-look_1m6ra_64 {
3369
- background-color: var(--teddy-color-background-interactive-transparent);
3370
- display: grid;
3371
- grid-template-columns: minmax(0, 1fr) auto;
3372
- align-items: stretch;
3373
- max-width: initial;
3374
- color: var(--teddy-color-text-interactive-primary);
3375
- font-weight: var(--teddy-typography-weight-bold);
3376
- border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3730
+ ._date-picker__year_1vj0x_175._is-focused_1vj0x_230 {
3731
+ border: 0.75px solid;
3732
+ color: var(--teddy-color-purple-700);
3377
3733
  }
3378
- ._teddy-global-navigation__accordion-look_1m6ra_64:first-child {
3379
- margin-top: 0;
3734
+ ._date-picker__year_1vj0x_175:hover {
3735
+ background: var(--teddy-color-purple-100);
3736
+ color: var(--teddy-color-purple-900);
3380
3737
  }
3381
- ._teddy-global-navigation__accordion-look_1m6ra_64:last-child {
3382
- border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3738
+ ._date-picker__year_1vj0x_175:focus {
3739
+ background: var(--teddy-color-purple-100);
3740
+ color: var(--teddy-color-purple-900);
3741
+ border: 0;
3742
+ outline: 0;
3383
3743
  }
3384
- ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3385
- padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
3386
- font-family: var(--teddy-typography-family-default);
3387
- font-weight: var(--teddy-typography-weight-bold);
3388
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
3389
- line-height: var(--teddy-typography-line-height-default);
3744
+ ._date-picker__year_1vj0x_175:active {
3745
+ background: var(--teddy-color-purple-200);
3746
+ color: var(--teddy-color-purple-900);
3390
3747
  }
3391
- @media (min-width: 600px) {
3392
- ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3393
- padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
3394
- }
3748
+ ._date-picker__year_1vj0x_175[aria-pressed=true] {
3749
+ background-color: var(--teddy-color-purple-800);
3750
+ color: white;
3751
+ box-shadow: none;
3752
+ outline: 0;
3395
3753
  }
3396
- @media (min-width: 1024px) {
3397
- ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3398
- padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
3399
- }
3754
+ ._date-picker__year_1vj0x_175[aria-disabled=true] {
3755
+ cursor: default;
3756
+ background: transparent;
3757
+ color: #dcdce1;
3400
3758
  }
3401
- @keyframes _close-viewport_1m6ra_1 {
3402
- 0% {
3403
- max-height: var(--teddy-viewport-wrapper-height);
3404
- }
3405
- 100% {
3406
- max-height: 0;
3407
- }
3408
- }@layer icon, toggle;
3409
- ._teddy-toggle__input_m5h3g_2::before {
3410
- box-sizing: border-box;
3759
+ ._date-picker__day_1vj0x_259 {
3760
+ font-family: var(--teddy-typography-family-default);
3761
+ color: var(--teddy-color-purple-700);
3762
+ font-style: normal;
3763
+ font-weight: 400;
3764
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3765
+ -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3766
+ appearance: none;
3767
+ background: transparent;
3768
+ border: 0;
3769
+ border-radius: 50%;
3770
+ cursor: pointer;
3771
+ display: inline-block;
3772
+ height: 2rem;
3773
+ font-size: 16px;
3774
+ padding: 0 0 dynamic-rem(0.1rem);
3775
+ position: relative;
3776
+ text-align: center;
3777
+ vertical-align: middle;
3778
+ width: 2rem;
3411
3779
  }
3412
-
3413
- @layer toggle {
3414
- ._teddy-toggle_m5h3g_2 {
3415
- width: fit-content;
3416
- display: flex;
3417
- align-items: center;
3418
- position: relative;
3419
- gap: var(--teddy-spacing-150);
3420
- }
3421
- ._teddy-toggle__input_m5h3g_2 {
3422
- all: unset;
3423
- cursor: pointer;
3424
- display: block;
3425
- width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
3426
- height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
3427
- position: relative;
3428
- color: var(--teddy-color-text-interactive-on-primary);
3429
- }
3430
- ._teddy-toggle__input_m5h3g_2::before {
3431
- content: "";
3432
- display: block;
3433
- position: absolute;
3434
- inset: 0;
3435
- height: var(--teddy-spacing-300);
3436
- margin: auto 0;
3437
- background-color: var(--teddy-color-text-interactive-on-primary);
3438
- border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
3439
- border-radius: var(--teddy-border-radius-full);
3440
- }
3441
- @media (prefers-reduced-motion: no-preference) {
3442
- ._teddy-toggle__input_m5h3g_2::before {
3443
- transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
3444
- }
3445
- }
3446
- ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
3447
- background-color: var(--teddy-color-background-interactive-primary);
3448
- border-color: var(--teddy-color-functional-transparent);
3449
- }
3450
- ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
3451
- background-color: var(--teddy-color-background-interactive-disabled);
3452
- border-color: var(--teddy-color-functional-transparent);
3453
- }
3454
- ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
3455
- background-color: var(--teddy-color-background-interactive-primary-hover);
3456
- border-color: var(--teddy-color-functional-transparent);
3457
- }
3458
- ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
3459
- background-color: var(--teddy-color-background-interactive-primary-active);
3460
- border-color: var(--teddy-color-functional-transparent);
3461
- }
3462
- ._teddy-toggle__input_m5h3g_2:disabled {
3463
- cursor: default;
3464
- }
3465
- ._teddy-toggle__input_m5h3g_2:disabled::before {
3466
- border-color: var(--teddy-color-border-weak);
3467
- }
3468
- ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
3469
- background-color: var(--teddy-color-background-interactive-transparent-hover);
3470
- border-color: var(--teddy-color-border-interactive-primary);
3471
- }
3472
- ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
3473
- background-color: var(--teddy-color-background-interactive-transparent-active);
3474
- }
3475
- ._teddy-toggle_m5h3g_2:focus-within::before {
3476
- border-radius: var(--teddy-border-radius-xs);
3477
- box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
3478
- content: "";
3479
- opacity: 1;
3480
- display: block;
3481
- inset: calc(var(--teddy-spacing-25) * -1);
3482
- position: absolute;
3483
- pointer-events: none;
3484
- }
3485
- ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
3486
- opacity: 0;
3487
- }
3488
- ._teddy-toggle__thumb_m5h3g_81 {
3489
- position: absolute;
3490
- display: block;
3491
- height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
3492
- width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
3493
- border-radius: var(--teddy-border-radius-full);
3494
- background-color: var(--teddy-color-background-interactive-primary);
3495
- inset: 50% auto auto var(--teddy-spacing-10);
3496
- transform: translate(var(--teddy-spacing-25), -50%);
3497
- }
3498
- @media (prefers-reduced-motion: no-preference) {
3499
- ._teddy-toggle__thumb_m5h3g_81 {
3500
- transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
3501
- will-change: transform;
3502
- }
3503
- }
3504
- ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
3505
- background-color: var(--teddy-color-background-interactive-disabled);
3506
- }
3507
- ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
3508
- background-color: var(--teddy-color-text-interactive-on-primary);
3509
- transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
3510
- }
3511
- ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
3512
- background-color: var(--teddy-color-text-interactive-on-primary);
3513
- }
3514
- ._teddy-toggle__indicator_m5h3g_107 {
3515
- position: absolute;
3516
- inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
3517
- opacity: 0;
3518
- scale: 0;
3519
- transform: translate(-50%, -50%);
3520
- transform-origin: 0 50%;
3521
- }
3522
- @media (prefers-reduced-motion: no-preference) {
3523
- ._teddy-toggle__indicator_m5h3g_107 {
3524
- transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
3525
- }
3526
- }
3527
- ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
3528
- opacity: 1;
3529
- scale: 1;
3530
- }
3531
- }@keyframes _teddy-fade-in_3n21u_1 {
3532
- from {
3533
- opacity: 0;
3534
- }
3535
- to {
3536
- opacity: 1;
3537
- }
3780
+ ._date-picker__day_1vj0x_259:not(._is-month_1vj0x_280) {
3781
+ box-shadow: none;
3782
+ color: var(--teddy-color-transparent-black-400);
3538
3783
  }
3539
- @keyframes _teddy-fade-out_3n21u_1 {
3540
- from {
3541
- opacity: 1;
3542
- }
3543
- to {
3544
- opacity: 0;
3545
- }
3784
+ ._date-picker__day_1vj0x_259._is-today_1vj0x_226 {
3785
+ border: 0.5px solid;
3786
+ color: var(--teddy-color-purple-800);
3546
3787
  }
3547
- @keyframes _teddy-overlay-no-op_3n21u_1 {
3548
- from {
3549
- opacity: 1;
3550
- }
3551
- to {
3552
- opacity: 1;
3553
- }
3788
+ ._date-picker__day_1vj0x_259:hover {
3789
+ background: var(--teddy-color-purple-100);
3790
+ color: var(--teddy-color-purple-900);
3554
3791
  }
3555
- ._teddy-modal__overlay_3n21u_25 {
3556
- position: fixed;
3557
- inset: 0;
3558
- display: grid;
3559
- place-items: center;
3792
+ ._date-picker__day_1vj0x_259:focus {
3793
+ background: var(--teddy-color-purple-100);
3794
+ color: var(--teddy-color-purple-900);
3560
3795
  }
3561
- ._teddy-modal__overlay_3n21u_25::before {
3562
- position: fixed;
3563
- content: "";
3564
- inset: 0;
3565
- background-color: var(--teddy-color-overlay-default);
3796
+ ._date-picker__day_1vj0x_259:active {
3797
+ background: var(--teddy-color-purple-200);
3798
+ color: var(--teddy-color-purple-900);
3566
3799
  }
3567
- ._teddy-modal__content_3n21u_37 {
3568
- background-color: var(--teddy-color-background-primary);
3569
- box-shadow: var(--teddy-shadow-lg);
3800
+ ._date-picker__day_1vj0x_259[aria-pressed=true] {
3801
+ background-color: var(--teddy-color-purple-800);
3802
+ color: white;
3803
+ box-shadow: none;
3804
+ outline: 0;
3805
+ }
3806
+ ._date-picker__day_1vj0x_259[aria-disabled=true] {
3807
+ cursor: default;
3808
+ background: transparent;
3809
+ color: #dcdce1;
3810
+ }
3811
+ ._date-picker__header_1vj0x_311 {
3812
+ align-items: center;
3813
+ display: flex;
3814
+ justify-content: space-between;
3815
+ padding: 1rem 1rem 0;
3816
+ }
3817
+ ._date-picker__nav_1vj0x_317 {
3818
+ white-space: nowrap;
3570
3819
  position: relative;
3571
- overflow: hidden;
3572
- height: 100%;
3820
+ display: inline-flex;
3573
3821
  width: 100%;
3574
3822
  }
3575
- @media (min-width: 600px) {
3576
- ._teddy-modal__content_3n21u_37 {
3577
- max-width: 720px;
3578
- max-height: 80%;
3579
- min-height: 360px;
3580
- height: auto;
3581
- width: auto;
3582
- border-radius: var(--teddy-border-radius-lg);
3583
- }
3823
+ ._date-picker__nav-month_1vj0x_323 {
3824
+ white-space: nowrap;
3825
+ display: inline-flex;
3826
+ width: 160px;
3827
+ margin-left: 34px;
3828
+ color: var(--teddy-color-purple-700);
3829
+ font-family: var(--teddy-typography-family-default);
3584
3830
  }
3585
- ._teddy-modal__scroll_3n21u_55 {
3586
- overflow: auto;
3587
- padding-inline: var(--teddy-spacing-300);
3831
+ ._date-picker__prev_1vj0x_331, ._date-picker__next_1vj0x_331 {
3832
+ background: transparent;
3833
+ border: 0;
3834
+ font-family: var(--teddy-typography-family-default);
3835
+ color: var(--teddy-color-purple-700);
3836
+ align-items: center;
3837
+ -moz-appearance: none;
3838
+ -webkit-appearance: none;
3839
+ appearance: none;
3840
+ cursor: pointer;
3841
+ display: inline-flex;
3842
+ height: 40px;
3843
+ width: 40px;
3844
+ min-width: 40px;
3845
+ justify-content: center;
3846
+ padding: 0;
3847
+ outline: none;
3588
3848
  }
3589
- ._teddy-modal__image_3n21u_59 {
3590
- max-width: calc(100% + var(--teddy-spacing-300) * 2);
3591
- height: auto;
3592
- vertical-align: middle;
3593
- font-style: italic;
3594
- background-repeat: no-repeat;
3595
- background-size: cover;
3596
- shape-margin: 0.75rem;
3597
- margin-inline: calc(var(--teddy-spacing-300) * -1);
3849
+ ._date-picker__prev_1vj0x_331:not([disabled]):hover, ._date-picker__next_1vj0x_331:not([disabled]):hover {
3850
+ color: var(--teddy-color-purple-900);
3598
3851
  }
3599
- ._teddy-modal__close--floating_3n21u_69 {
3600
- position: absolute;
3601
- top: var(--teddy-spacing-100);
3602
- right: var(--teddy-spacing-100);
3852
+ ._date-picker__prev_1vj0x_331:active, ._date-picker__prev_1vj0x_331:focus, ._date-picker__next_1vj0x_331:active, ._date-picker__next_1vj0x_331:focus {
3853
+ color: var(--teddy-color-purple-500);
3854
+ box-shadow: none;
3855
+ border: solid 0.1px var(--teddy-color-purple-500);
3856
+ border-radius: 100%;
3603
3857
  }
3604
- ._teddy-modal__group_3n21u_74 {
3605
- width: 100%;
3606
- margin-bottom: var(--teddy-spacing-200);
3858
+ ._date-picker__prev_1vj0x_331:disabled, ._date-picker__next_1vj0x_331:disabled {
3859
+ cursor: default;
3860
+ opacity: 0.5;
3607
3861
  }
3608
- ._teddy-modal__group--title_3n21u_78 {
3609
- position: sticky;
3610
- inset: 0 0 auto 0;
3611
- background-color: var(--teddy-color-background-primary);
3612
- padding-top: var(--teddy-spacing-200);
3862
+ ._date-picker__prev-icon_1vj0x_362 {
3863
+ margin: 0 auto;
3864
+ width: 24px;
3865
+ height: 16px;
3613
3866
  }
3614
- ._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
3615
- padding-block: var(--teddy-spacing-200);
3867
+ ._date-picker__next-icon_1vj0x_367 {
3868
+ margin: 0 auto;
3869
+ width: 24px;
3870
+ height: 16px;
3616
3871
  }
3617
- ._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84::before {
3618
- content: "";
3619
- position: absolute;
3620
- inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
3621
- border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3872
+ ._date-picker__select_1vj0x_372 {
3873
+ position: relative;
3874
+ display: inline-flex;
3622
3875
  }
3623
- ._teddy-modal__group--action_3n21u_93 {
3876
+ ._date-picker__select_1vj0x_372 select {
3877
+ cursor: pointer;
3878
+ font-size: 1rem;
3624
3879
  height: 100%;
3625
- position: sticky;
3626
- inset: auto 0 0 0;
3627
- margin: var(--teddy-spacing-200) 0 0;
3628
- padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
3629
- background-color: var(--teddy-color-background-primary);
3880
+ left: 0;
3881
+ opacity: 0;
3882
+ position: absolute;
3883
+ top: 0;
3884
+ width: 100%;
3630
3885
  }
3631
- ._teddy-modal__group--action_3n21u_93._teddy-modal__group--scroll_3n21u_84::before {
3632
- content: "";
3886
+ ._date-picker__select_1vj0x_372 select:focus + ._date-picker__select-label_1vj0x_386 {
3887
+ box-shadow: 0 0 0 0.2rem var(--teddy-color-purple-800);
3888
+ }
3889
+ ._date-picker__select-icon_1vj0x_389 {
3890
+ margin: 0 0 0 4px;
3891
+ }
3892
+ ._date-picker__select-label_1vj0x_386 {
3893
+ font-weight: bold;
3894
+ color: var(--teddy-color-purple-700);
3895
+ font-family: var(--teddy-typography-family-default);
3896
+ align-items: center;
3897
+ display: flex;
3898
+ line-height: 1.25;
3899
+ font-size: 1rem;
3900
+ border-radius: 0.125rem;
3901
+ padding: 0 0.25rem 0 0.5rem;
3902
+ pointer-events: none;
3903
+ position: relative;
3904
+ width: 100%;
3905
+ display: inline-flex;
3906
+ justify-content: center;
3907
+ }
3908
+ ._date-picker__close_year_1vj0x_408 {
3909
+ right: 0;
3633
3910
  position: absolute;
3634
- inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
3635
- border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3636
- box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
3911
+ height: 30px;
3912
+ width: 30px;
3913
+ font-size: 16px;
3914
+ margin-top: 4px;
3915
+ background-color: transparent;
3916
+ color: var(--teddy-color-transparent-black-800);
3917
+ border: 0;
3918
+ cursor: pointer;
3919
+ display: flex;
3920
+ justify-content: center;
3637
3921
  }
3638
- @media (prefers-reduced-motion: no-preference) {
3639
- @keyframes _modal-overlay-no-op_3n21u_1 {
3640
- from {
3641
- opacity: 1;
3642
- }
3643
- to {
3644
- opacity: 1;
3645
- }
3646
- }
3647
- @keyframes _modal-content-show_3n21u_1 {
3648
- from {
3649
- opacity: 0;
3650
- transform: translateY(5px) scale(0.97);
3651
- }
3652
- to {
3653
- opacity: 1;
3654
- transform: translateY(0px) scale(1);
3655
- }
3656
- }
3657
- @keyframes _modal-content-hide_3n21u_1 {
3658
- from {
3659
- opacity: 1;
3660
- transform: translateY(0px) scale(1);
3661
- }
3662
- to {
3663
- opacity: 0;
3664
- transform: translateY(5px) scale(0.99);
3665
- }
3666
- }
3667
- ._teddy-modal__overlay_3n21u_25 {
3668
- /* Keep the overlay mounted until the children have animated */
3669
- }
3670
- ._teddy-modal__overlay_3n21u_25:where([data-state=closed]) {
3671
- animation: _modal-overlay-no-op_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
3672
- }
3673
- ._teddy-modal__overlay_3n21u_25:where([data-state=open])::before {
3674
- animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
3675
- }
3676
- ._teddy-modal__overlay_3n21u_25:where([data-state=closed])::before {
3677
- animation: _teddy-fade-out_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
3678
- }
3679
- ._teddy-modal__content_3n21u_37:where([data-state=open]) {
3680
- animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
3681
- }
3682
- ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
3683
- animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
3684
- }
3922
+ ._date-picker__vhidden_1vj0x_422 {
3923
+ border: 0;
3924
+ clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
3925
+ height: 0.0625rem;
3926
+ overflow: hidden;
3927
+ padding: 0;
3928
+ position: absolute;
3929
+ top: 0;
3930
+ width: 0.0625rem;
3685
3931
  }:root {
3686
3932
  --teddy-border-radius-xs: 2px;
3687
3933
  --teddy-border-radius-sm: 4px;