@telia/teddy 0.0.15 → 0.0.16

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 (116) hide show
  1. package/dist/components/accordion/accordion.d.ts +2 -1
  2. package/dist/components/accordion/accordion.js +90 -24
  3. package/dist/components/accordion/index.js +2 -2
  4. package/dist/components/badge/badge.js +40 -24
  5. package/dist/components/badge/index.js +2 -2
  6. package/dist/components/box/box.js +14 -10
  7. package/dist/components/box/index.js +2 -2
  8. package/dist/components/button/button.js +60 -52
  9. package/dist/components/button/index.js +2 -2
  10. package/dist/components/card/card.d.ts +29 -3
  11. package/dist/components/card/card.js +202 -25
  12. package/dist/components/card/index.js +2 -2
  13. package/dist/components/field-error-text/field-error-text.js +21 -19
  14. package/dist/components/field-error-text/index.js +2 -2
  15. package/dist/components/flex/flex.js +15 -12
  16. package/dist/components/flex/index.js +2 -2
  17. package/dist/components/grid/grid.js +15 -12
  18. package/dist/components/grid/index.js +2 -2
  19. package/dist/components/heading/heading.js +22 -19
  20. package/dist/components/heading/index.js +2 -2
  21. package/dist/components/helper-text/helper-text.js +14 -13
  22. package/dist/components/helper-text/index.js +2 -2
  23. package/dist/components/icon/icon.js +16 -14
  24. package/dist/components/icon/index.js +4 -4
  25. package/dist/components/index.js +51 -46
  26. package/dist/components/input/index.js +3 -3
  27. package/dist/components/input/input.js +79 -66
  28. package/dist/components/label/index.js +2 -2
  29. package/dist/components/label/label.js +17 -23
  30. package/dist/components/link/index.js +2 -2
  31. package/dist/components/link/link.js +20 -19
  32. package/dist/components/modal/index.js +2 -2
  33. package/dist/components/modal/modal.js +173 -14
  34. package/dist/components/navigation-menu/index.js +2 -2
  35. package/dist/components/navigation-menu/navigation-menu.js +391 -8
  36. package/dist/components/notification/index.js +2 -2
  37. package/dist/components/notification/notification.d.ts +8 -7
  38. package/dist/components/notification/notification.js +96 -24
  39. package/dist/components/radio-group/index.js +2 -2
  40. package/dist/components/radio-group/radio-group.js +91 -8
  41. package/dist/components/spinner/index.js +2 -2
  42. package/dist/components/spinner/spinner.js +36 -29
  43. package/dist/components/text/index.js +2 -2
  44. package/dist/components/text/text.js +18 -17
  45. package/dist/components/text-field/index.js +2 -2
  46. package/dist/components/text-field/text-field.js +110 -90
  47. package/dist/components/text-spacing/index.js +2 -2
  48. package/dist/components/text-spacing/text-spacing.js +14 -12
  49. package/dist/components/toggle/index.js +2 -2
  50. package/dist/components/toggle/toggle.d.ts +1 -1
  51. package/dist/components/toggle/toggle.js +84 -23
  52. package/dist/components/visually-hidden/index.js +2 -2
  53. package/dist/components/visually-hidden/visually-hidden.js +17 -15
  54. package/dist/icons/category.js +2 -2
  55. package/dist/icons/name.js +2 -2
  56. package/dist/main.js +359 -61
  57. package/dist/style.css +3402 -0
  58. package/dist/tokens/border/variables.js +18 -10
  59. package/dist/tokens/breakpoint/variables.js +8 -5
  60. package/dist/tokens/color/variables.js +452 -227
  61. package/dist/tokens/index.d.ts +7 -7
  62. package/dist/tokens/index.js +308 -14
  63. package/dist/tokens/motion/variables.js +22 -12
  64. package/dist/tokens/shadow/variables.js +8 -5
  65. package/dist/tokens/spacing/variables.js +46 -24
  66. package/dist/tokens/typography/variables.js +48 -25
  67. package/dist/utils/action.js +10 -7
  68. package/dist/utils/composeEventHandlers.js +7 -5
  69. package/dist/utils/composeRefs.js +13 -9
  70. package/dist/utils/layout/align.js +5 -4
  71. package/dist/utils/layout/flex.js +25 -18
  72. package/dist/utils/layout/gap.js +7 -6
  73. package/dist/utils/layout/grid.js +31 -24
  74. package/dist/utils/layout/height.js +12 -11
  75. package/dist/utils/layout/index.js +76 -59
  76. package/dist/utils/layout/inset.js +10 -9
  77. package/dist/utils/layout/justify.js +6 -5
  78. package/dist/utils/layout/margin.js +10 -9
  79. package/dist/utils/layout/padding.js +10 -9
  80. package/dist/utils/layout/position.js +6 -5
  81. package/dist/utils/layout/util.js +7 -6
  82. package/dist/utils/layout/width.js +8 -7
  83. package/package.json +21 -14
  84. package/dist/assets/badge.css +0 -1
  85. package/dist/assets/button.css +0 -1
  86. package/dist/assets/field-error-text.css +0 -1
  87. package/dist/assets/flex.css +0 -1
  88. package/dist/assets/grid.css +0 -1
  89. package/dist/assets/heading.css +0 -1
  90. package/dist/assets/helper-text.css +0 -1
  91. package/dist/assets/icon.css +0 -1
  92. package/dist/assets/input.css +0 -1
  93. package/dist/assets/label.css +0 -1
  94. package/dist/assets/link.css +0 -1
  95. package/dist/assets/main.css +0 -1
  96. package/dist/assets/navigation-menu.css +0 -1
  97. package/dist/assets/radio-group.css +0 -1
  98. package/dist/assets/spinner.css +0 -1
  99. package/dist/assets/text-field.css +0 -1
  100. package/dist/assets/text-spacing.css +0 -1
  101. package/dist/assets/text.css +0 -1
  102. package/dist/assets/visually-hidden.css +0 -1
  103. package/dist/badge-Cnug5TzH.js +0 -1855
  104. package/dist/clsx-DB4S2d7J.js +0 -22
  105. package/dist/index-DM5e-Whg.js +0 -43
  106. package/dist/index-DpfSJps6.js +0 -75
  107. package/dist/index-FPIZOCcD.js +0 -305
  108. package/dist/navigation-menu-DKuyW8zE.js +0 -1036
  109. package/dist/radio-group-B--zT3OL.js +0 -440
  110. package/dist/variables-BKiPmtHY.js +0 -458
  111. package/dist/variables-BkY5b0io.js +0 -14
  112. package/dist/variables-Bq0YUbLS.js +0 -14
  113. package/dist/variables-CDK515QX.js +0 -52
  114. package/dist/variables-CMRTN8qo.js +0 -28
  115. package/dist/variables-Dmoh9YtD.js +0 -54
  116. package/dist/variables-IczXZ5CN.js +0 -24
package/dist/style.css ADDED
@@ -0,0 +1,3402 @@
1
+ ._teddy-text_2zpdm_1 {
2
+ color: inherit;
3
+ display: block;
4
+ margin: 0;
5
+ hyphens: none;
6
+ }
7
+ ._teddy-text--disabled_2zpdm_7 {
8
+ color: var(--teddy-color-text-weak);
9
+ }
10
+ ._teddy-text--hyphens_2zpdm_10 {
11
+ hyphens: auto;
12
+ }
13
+ ._teddy-text--paragraph-100_2zpdm_13 {
14
+ font-family: var(--teddy-typography-family-default);
15
+ font-weight: var(--teddy-typography-weight-normal);
16
+ font-size: var(--teddy-typography-scale-100);
17
+ line-height: var(--teddy-typography-line-height-loose);
18
+ }
19
+ ._teddy-text--paragraph-100-medium_2zpdm_19 {
20
+ font-family: var(--teddy-typography-family-default);
21
+ font-weight: var(--teddy-typography-weight-normal);
22
+ font-size: var(--teddy-typography-scale-100);
23
+ line-height: var(--teddy-typography-line-height-loose);
24
+ font-weight: var(--teddy-typography-weight-medium);
25
+ }
26
+ ._teddy-text--paragraph-100-bold_2zpdm_26 {
27
+ font-family: var(--teddy-typography-family-default);
28
+ font-weight: var(--teddy-typography-weight-normal);
29
+ font-size: var(--teddy-typography-scale-100);
30
+ line-height: var(--teddy-typography-line-height-loose);
31
+ font-weight: var(--teddy-typography-weight-bold);
32
+ }
33
+ ._teddy-text--paragraph-200_2zpdm_33 {
34
+ font-family: var(--teddy-typography-family-default);
35
+ font-weight: var(--teddy-typography-weight-normal);
36
+ font-size: var(--teddy-typography-scale-100);
37
+ line-height: var(--teddy-typography-line-height-looser);
38
+ }
39
+ ._teddy-text--preamble-100_2zpdm_39 {
40
+ font-family: var(--teddy-typography-family-default);
41
+ font-weight: var(--teddy-typography-weight-normal);
42
+ font-size: var(--teddy-typography-scale-200);
43
+ line-height: var(--teddy-typography-line-height-loose);
44
+ }
45
+ ._teddy-text--preamble-200_2zpdm_45 {
46
+ font-family: var(--teddy-typography-family-default);
47
+ font-weight: var(--teddy-typography-weight-normal);
48
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
49
+ line-height: var(--teddy-typography-line-height-loose);
50
+ }
51
+ ._teddy-text--additional-100_2zpdm_51 {
52
+ font-family: var(--teddy-typography-family-default);
53
+ font-weight: var(--teddy-typography-weight-normal);
54
+ font-size: var(--teddy-typography-scale-75);
55
+ line-height: var(--teddy-typography-line-height-loose);
56
+ }
57
+ ._teddy-text--additional-100-medium_2zpdm_57 {
58
+ font-family: var(--teddy-typography-family-default);
59
+ font-weight: var(--teddy-typography-weight-normal);
60
+ font-size: var(--teddy-typography-scale-75);
61
+ line-height: var(--teddy-typography-line-height-loose);
62
+ font-weight: var(--teddy-typography-weight-medium);
63
+ }
64
+ ._teddy-text--overline-100_2zpdm_64 {
65
+ font-family: var(--teddy-typography-family-default);
66
+ font-size: var(--teddy-typography-scale-75);
67
+ letter-spacing: var(--teddy-spacing-10);
68
+ line-height: var(--teddy-typography-line-height-tight);
69
+ text-transform: uppercase;
70
+ }
71
+ ._teddy-text--overline-200_2zpdm_71 {
72
+ font-family: var(--teddy-typography-family-default);
73
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
74
+ letter-spacing: var(--teddy-spacing-10);
75
+ line-height: var(--teddy-typography-line-height-tight);
76
+ text-transform: uppercase;
77
+ }._teddy-spinner--xxs_ywden_1 {
78
+ height: var(--teddy-spacing-250);
79
+ width: var(--teddy-spacing-250);
80
+ }
81
+ ._teddy-spinner--xs_ywden_5 {
82
+ height: var(--teddy-spacing-300);
83
+ width: var(--teddy-spacing-300);
84
+ }
85
+ ._teddy-spinner--sm_ywden_9 {
86
+ height: var(--teddy-spacing-400);
87
+ width: var(--teddy-spacing-400);
88
+ }
89
+ ._teddy-spinner--md_ywden_13 {
90
+ height: var(--teddy-spacing-600);
91
+ width: var(--teddy-spacing-600);
92
+ stroke-width: 3.5;
93
+ }
94
+ ._teddy-spinner--lg_ywden_18 {
95
+ height: var(--teddy-spacing-800);
96
+ width: var(--teddy-spacing-800);
97
+ stroke-width: 3;
98
+ }
99
+ ._teddy-spinner__circle_ywden_23 {
100
+ --stroke-color: var(--teddy-color-border-interactive-primary);
101
+ stroke-dasharray: 150;
102
+ animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
103
+ transform-origin: center;
104
+ stroke-width: 4;
105
+ stroke-linecap: round;
106
+ fill: transparent;
107
+ stroke: var(--stroke-color);
108
+ }
109
+ ._teddy-spinner__circle--disabled_ywden_33 {
110
+ --stroke-color: var(--teddy-color-border-weak);
111
+ }
112
+ ._teddy-spinner__circle--negative_ywden_36 {
113
+ --stroke-color: var(--teddy-color-border-interactive-primary-negative);
114
+ }
115
+ ._teddy-spinner__circle--negative-disabled_ywden_39 {
116
+ --stroke-color: var(--teddy-color-border-weak-negative);
117
+ }
118
+
119
+ @keyframes _rotate_ywden_1 {
120
+ from {
121
+ transform: rotate(0deg);
122
+ }
123
+ to {
124
+ transform: rotate(360deg);
125
+ }
126
+ }
127
+ @keyframes _dash_ywden_1 {
128
+ 0% {
129
+ stroke-dashoffset: 125;
130
+ }
131
+ 50% {
132
+ stroke-dashoffset: 62.5;
133
+ }
134
+ 100% {
135
+ stroke-dashoffset: 125;
136
+ }
137
+ }@keyframes _fadeInAnimation_1biph_1 {
138
+ 0% {
139
+ opacity: 0;
140
+ }
141
+ 100% {
142
+ opacity: 1;
143
+ }
144
+ }
145
+ @keyframes _scaleInAnimation_1biph_1 {
146
+ 0% {
147
+ scale: 0;
148
+ }
149
+ 100% {
150
+ scale: 100%;
151
+ }
152
+ }
153
+ @layer button {
154
+ ._teddy-button_1biph_18 {
155
+ align-items: center;
156
+ border-radius: var(--teddy-border-radius-full);
157
+ border-width: 0;
158
+ cursor: pointer;
159
+ display: inline-flex;
160
+ font-size: var(--teddy-typography-scale-100);
161
+ font-family: var(--teddy-typography-family-default);
162
+ font-weight: var(--teddy-typography-weight-medium);
163
+ gap: var(--teddy-spacing-100);
164
+ justify-content: center;
165
+ line-height: var(--teddy-spacing-300);
166
+ outline: 0;
167
+ position: relative;
168
+ text-decoration: none;
169
+ transition-duration: var(--teddy-motion-duration-100);
170
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
171
+ transition-property: background-color, color;
172
+ width: auto;
173
+ }
174
+ ._teddy-button_1biph_18:focus::before {
175
+ border-radius: var(--teddy-border-radius-full);
176
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
177
+ content: "";
178
+ opacity: 1;
179
+ display: block;
180
+ inset: calc(var(--teddy-spacing-25) * -1);
181
+ position: absolute;
182
+ }
183
+ ._teddy-button_1biph_18:focus:not(:focus-visible)::before {
184
+ opacity: 0;
185
+ }
186
+ ._teddy-button_1biph_18 svg {
187
+ display: block;
188
+ }
189
+ ._teddy-button--sm_1biph_53 {
190
+ padding: var(--teddy-spacing-100) var(--teddy-spacing-250);
191
+ }
192
+ ._teddy-button--sm_1biph_53._teddy-button--icon-only_1biph_56 {
193
+ padding: var(--teddy-spacing-100);
194
+ }
195
+ ._teddy-button--md_1biph_59 {
196
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-300);
197
+ }
198
+ ._teddy-button--md_1biph_59._teddy-button--icon-only_1biph_56 {
199
+ padding: var(--teddy-spacing-150);
200
+ }
201
+ ._teddy-button--lg_1biph_65 {
202
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-400);
203
+ }
204
+ ._teddy-button--lg_1biph_65._teddy-button--icon-only_1biph_56 {
205
+ padding: var(--teddy-spacing-200);
206
+ }
207
+ ._teddy-button--full-width_1biph_71 {
208
+ width: 100%;
209
+ }
210
+ ._teddy-button--primary_1biph_74 {
211
+ background-color: var(--teddy-color-background-interactive-primary);
212
+ color: var(--teddy-color-text-interactive-on-primary);
213
+ }
214
+ ._teddy-button--primary_1biph_74:hover:not(._teddy-button--disabled_1biph_78) {
215
+ background-color: var(--teddy-color-background-interactive-primary-hover);
216
+ }
217
+ ._teddy-button--primary_1biph_74:active:not(._teddy-button--disabled_1biph_78) {
218
+ background-color: var(--teddy-color-background-interactive-primary-active);
219
+ }
220
+ ._teddy-button--primary-negative_1biph_84 {
221
+ background-color: var(--teddy-color-background-interactive-primary-negative);
222
+ color: var(--teddy-color-text-interactive-on-primary-negative);
223
+ }
224
+ ._teddy-button--primary-negative_1biph_84:hover:not(._teddy-button--disabled_1biph_78) {
225
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
226
+ border-color: var(--teddy-color-background-interactive-primary-negative-hover);
227
+ }
228
+ ._teddy-button--primary-negative_1biph_84:active:not(._teddy-button--disabled_1biph_78) {
229
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
230
+ border-color: var(--teddy-color-background-interactive-primary-negative-active);
231
+ }
232
+ ._teddy-button--secondary_1biph_96 {
233
+ background-color: var(--teddy-color-background-interactive-transparent);
234
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
235
+ color: var(--teddy-color-text-interactive-primary);
236
+ }
237
+ ._teddy-button--secondary_1biph_96:hover:not(._teddy-button--disabled_1biph_78) {
238
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
239
+ }
240
+ ._teddy-button--secondary_1biph_96:active:not(._teddy-button--disabled_1biph_78) {
241
+ background-color: var(--teddy-color-background-interactive-transparent-active);
242
+ }
243
+ ._teddy-button--secondary-negative_1biph_107 {
244
+ background-color: var(--teddy-color-background-interactive-transparent);
245
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
246
+ color: var(--teddy-color-text-interactive-primary-negative);
247
+ }
248
+ ._teddy-button--secondary-negative_1biph_107:hover:not(._teddy-button--disabled_1biph_78) {
249
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
250
+ }
251
+ ._teddy-button--secondary-negative_1biph_107:active:not(._teddy-button--disabled_1biph_78) {
252
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
253
+ }
254
+ ._teddy-button--expressive_1biph_118 {
255
+ background-color: var(--teddy-color-background-interactive-expressive);
256
+ color: var(--teddy-color-text-interactive-on-expressive);
257
+ }
258
+ ._teddy-button--expressive_1biph_118:hover:not(._teddy-button--disabled_1biph_78) {
259
+ background-color: var(--teddy-color-background-interactive-expressive-hover);
260
+ }
261
+ ._teddy-button--expressive_1biph_118:active:not(._teddy-button--disabled_1biph_78) {
262
+ background-color: var(--teddy-color-background-interactive-expressive-active);
263
+ }
264
+ ._teddy-button--expressive-negative_1biph_128 {
265
+ background-color: var(--teddy-color-background-interactive-expressive-negative);
266
+ color: var(--teddy-color-text-interactive-on-expressive-negative);
267
+ }
268
+ ._teddy-button--expressive-negative_1biph_128:hover:not(._teddy-button--disabled_1biph_78) {
269
+ background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
270
+ color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
271
+ }
272
+ ._teddy-button--expressive-negative_1biph_128:active:not(._teddy-button--disabled_1biph_78) {
273
+ background-color: var(--teddy-color-background-interactive-expressive-negative-active);
274
+ color: var(--teddy-color-text-interactive-on-expressive-negative-active);
275
+ }
276
+ ._teddy-button--negative_1biph_140._teddy-button--disabled_1biph_78 {
277
+ background-color: var(--teddy-color-background-interactive-disabled-negative);
278
+ color: var(--teddy-color-text-weak-negative);
279
+ }
280
+ ._teddy-button--secondary_1biph_96._teddy-button--disabled_1biph_78, ._teddy-button--secondary-negative_1biph_107._teddy-button--disabled_1biph_78 {
281
+ box-shadow: none;
282
+ }
283
+ ._teddy-button--destructive_1biph_147 {
284
+ background-color: var(--teddy-color-background-interactive-destructive);
285
+ color: var(--teddy-color-text-interactive-on-destructive);
286
+ }
287
+ ._teddy-button--destructive_1biph_147:hover:not(._teddy-button--disabled_1biph_78) {
288
+ background-color: var(--teddy-color-background-interactive-destructive-hover);
289
+ }
290
+ ._teddy-button--destructive_1biph_147:active:not(._teddy-button--disabled_1biph_78) {
291
+ background-color: var(--teddy-color-background-interactive-destructive-active);
292
+ }
293
+ ._teddy-button--destructive-negative_1biph_157 {
294
+ background-color: var(--teddy-color-background-interactive-destructive);
295
+ color: var(--teddy-color-text-interactive-on-destructive);
296
+ }
297
+ ._teddy-button--destructive-negative_1biph_157:hover:not(._teddy-button--disabled_1biph_78) {
298
+ background-color: var(--teddy-color-background-interactive-destructive-hover);
299
+ }
300
+ ._teddy-button--destructive-negative_1biph_157:active:not(._teddy-button--disabled_1biph_78) {
301
+ background-color: var(--teddy-color-background-interactive-destructive-active);
302
+ }
303
+ ._teddy-button--tertiary-purple_1biph_167 {
304
+ background-color: var(--teddy-color-background-interactive-transparent);
305
+ color: var(--teddy-color-text-interactive-primary);
306
+ }
307
+ ._teddy-button--tertiary-purple_1biph_167._teddy-button--disabled_1biph_78 {
308
+ background-color: var(--teddy-color-background-interactive-transparent);
309
+ }
310
+ ._teddy-button--tertiary-purple_1biph_167:hover:not(._teddy-button--disabled_1biph_78) {
311
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
312
+ }
313
+ ._teddy-button--tertiary-purple_1biph_167:active:not(._teddy-button--disabled_1biph_78) {
314
+ background-color: var(--teddy-color-background-interactive-transparent-active);
315
+ }
316
+ ._teddy-button--tertiary-purple-negative_1biph_180 {
317
+ background-color: var(--teddy-color-background-interactive-transparent);
318
+ color: var(--teddy-color-text-interactive-primary-negative);
319
+ }
320
+ ._teddy-button--tertiary-purple-negative_1biph_180._teddy-button--disabled_1biph_78 {
321
+ background-color: var(--teddy-color-background-interactive-transparent);
322
+ }
323
+ ._teddy-button--tertiary-purple-negative_1biph_180:hover:not(._teddy-button--disabled_1biph_78) {
324
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
325
+ color: var(--teddy-color-text-interactive-primary-negative-hover);
326
+ }
327
+ ._teddy-button--tertiary-purple-negative_1biph_180:active:not(._teddy-button--disabled_1biph_78) {
328
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
329
+ color: var(--teddy-color-text-interactive-primary-negative-active);
330
+ }
331
+ ._teddy-button--text-negative_1biph_195 {
332
+ border-radius: 0;
333
+ padding-left: 0;
334
+ padding-right: 0;
335
+ background-color: var(--teddy-color-background-interactive-transparent);
336
+ color: var(--teddy-color-text-interactive-primary-negative);
337
+ }
338
+ ._teddy-button--text-negative_1biph_195:focus-visible::before {
339
+ border-radius: 0;
340
+ }
341
+ ._teddy-button--text-negative_1biph_195._teddy-button--disabled_1biph_78 {
342
+ background-color: var(--teddy-color-background-interactive-transparent);
343
+ }
344
+ ._teddy-button--text-negative_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
345
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
346
+ color: var(--teddy-color-text-interactive-primary-negative-hover);
347
+ }
348
+ ._teddy-button--text-negative_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
349
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
350
+ color: var(--teddy-color-text-interactive-primary-negative-active);
351
+ }
352
+ ._teddy-button--text_1biph_195 {
353
+ border-radius: 0;
354
+ padding-left: 0;
355
+ padding-right: 0;
356
+ background-color: var(--teddy-color-background-interactive-transparent);
357
+ color: var(--teddy-color-text-interactive-primary);
358
+ }
359
+ ._teddy-button--text_1biph_195:focus-visible::before {
360
+ border-radius: 0;
361
+ }
362
+ ._teddy-button--text_1biph_195._teddy-button--disabled_1biph_78 {
363
+ background-color: var(--teddy-color-background-interactive-transparent);
364
+ color: var(--teddy-color-text-weak);
365
+ }
366
+ ._teddy-button--text_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
367
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
368
+ }
369
+ ._teddy-button--text_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
370
+ background-color: var(--teddy-color-background-interactive-transparent-active);
371
+ }
372
+ ._teddy-button--disabled_1biph_78 {
373
+ background-color: var(--teddy-color-background-interactive-disabled);
374
+ color: var(--teddy-color-text-weak);
375
+ cursor: not-allowed;
376
+ transition-duration: var(--teddy-motion-duration-400);
377
+ }
378
+ ._teddy-button__loading_1biph_242 {
379
+ position: absolute;
380
+ inset: 0;
381
+ display: grid;
382
+ place-items: center;
383
+ border-radius: inherit;
384
+ background-color: var(--teddy-color-transparent-white-500);
385
+ animation: _fadeInAnimation_1biph_1 ease var(--teddy-motion-duration-500);
386
+ animation-iteration-count: 1;
387
+ animation-fill-mode: forwards;
388
+ }
389
+ ._teddy-button__loading_1biph_242 ._teddy-button__spinner_1biph_253 circle {
390
+ stroke: var(--teddy-color-transparent-black-700);
391
+ }
392
+ ._teddy-button--icon-only_1biph_56 ._teddy-button__loading_1biph_242 {
393
+ background-color: var(--teddy-color-gray-100);
394
+ }
395
+ }@layer icon {
396
+ ._teddy-icon_1rwgf_2 {
397
+ display: inline;
398
+ align-self: center;
399
+ fill: currentColor;
400
+ }
401
+ ._teddy-icon--font_1rwgf_7 {
402
+ width: 1em;
403
+ height: 1em;
404
+ }
405
+ ._teddy-icon--xxs_1rwgf_11 {
406
+ width: var(--teddy-spacing-150);
407
+ height: var(--teddy-spacing-150);
408
+ }
409
+ ._teddy-icon--xs_1rwgf_15 {
410
+ width: var(--teddy-spacing-200);
411
+ height: var(--teddy-spacing-200);
412
+ }
413
+ ._teddy-icon--sm_1rwgf_19 {
414
+ width: var(--teddy-spacing-250);
415
+ height: var(--teddy-spacing-250);
416
+ }
417
+ ._teddy-icon--md_1rwgf_23 {
418
+ width: var(--teddy-spacing-300);
419
+ height: var(--teddy-spacing-300);
420
+ }
421
+ ._teddy-icon--lg_1rwgf_27 {
422
+ width: var(--teddy-spacing-400);
423
+ height: var(--teddy-spacing-400);
424
+ }
425
+ ._teddy-icon--xl_1rwgf_31 {
426
+ width: var(--teddy-spacing-600);
427
+ height: var(--teddy-spacing-600);
428
+ }
429
+ ._teddy-icon-with-children_1rwgf_35 {
430
+ display: inline-flex;
431
+ align-items: center;
432
+ font-family: var(--teddy-typography-family-default);
433
+ gap: var(--teddy-spacing-100);
434
+ }
435
+ }@layer heading {
436
+ ._teddy-heading_r8os0_2 {
437
+ color: var(--teddy-color-text-default);
438
+ display: block;
439
+ hyphens: none;
440
+ margin: 0;
441
+ max-width: 60ch;
442
+ }
443
+ ._teddy-heading--hyphens_r8os0_9 {
444
+ hyphens: auto;
445
+ }
446
+ ._teddy-heading--subsection-100_r8os0_12 {
447
+ font-family: var(--teddy-typography-family-default);
448
+ font-weight: var(--teddy-typography-weight-medium);
449
+ font-size: var(--teddy-typography-scale-100);
450
+ line-height: var(--teddy-typography-line-height-default);
451
+ }
452
+ ._teddy-heading--title-100_r8os0_18 {
453
+ font-family: var(--teddy-typography-family-default);
454
+ font-weight: var(--teddy-typography-weight-bold);
455
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
456
+ line-height: var(--teddy-typography-line-height-default);
457
+ }
458
+ ._teddy-heading--title-200_r8os0_24 {
459
+ font-family: var(--teddy-typography-family-default);
460
+ font-weight: var(--teddy-typography-weight-bold);
461
+ font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
462
+ line-height: var(--teddy-typography-line-height-default);
463
+ }
464
+ ._teddy-heading--title-300_r8os0_30 {
465
+ font-family: var(--teddy-typography-family-default);
466
+ font-weight: var(--teddy-typography-weight-bold);
467
+ font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
468
+ line-height: var(--teddy-typography-line-height-default);
469
+ }
470
+ ._teddy-heading--title-400_r8os0_36 {
471
+ font-family: var(--teddy-typography-family-default);
472
+ font-weight: var(--teddy-typography-weight-bold);
473
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
474
+ line-height: var(--teddy-typography-line-height-default);
475
+ }
476
+ ._teddy-heading--title-500_r8os0_42 {
477
+ font-family: var(--teddy-typography-family-default);
478
+ font-weight: var(--teddy-typography-weight-bold);
479
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
480
+ line-height: var(--teddy-typography-line-height-tight);
481
+ }
482
+ ._teddy-heading--title-600_r8os0_48 {
483
+ font-family: var(--teddy-typography-family-default);
484
+ font-weight: var(--teddy-typography-weight-bold);
485
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
486
+ line-height: var(--teddy-typography-line-height-tight);
487
+ }
488
+ ._teddy-heading--title-700_r8os0_54 {
489
+ font-family: var(--teddy-typography-family-default);
490
+ font-weight: var(--teddy-typography-weight-bold);
491
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
492
+ line-height: var(--teddy-typography-line-height-tight);
493
+ }
494
+ ._teddy-heading--display-25_r8os0_60 {
495
+ font-family: var(--teddy-typography-family-display);
496
+ font-weight: var(--teddy-typography-weight-medium);
497
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
498
+ line-height: var(--teddy-typography-line-height-tight);
499
+ }
500
+ ._teddy-heading--display-50_r8os0_66 {
501
+ font-family: var(--teddy-typography-family-display);
502
+ font-weight: var(--teddy-typography-weight-medium);
503
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
504
+ line-height: var(--teddy-typography-line-height-tight);
505
+ }
506
+ ._teddy-heading--display-100_r8os0_72 {
507
+ font-family: var(--teddy-typography-family-display);
508
+ font-weight: var(--teddy-typography-weight-medium);
509
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
510
+ line-height: var(--teddy-typography-line-height-tight);
511
+ }
512
+ ._teddy-heading--display-200_r8os0_78 {
513
+ font-family: var(--teddy-typography-family-display);
514
+ font-weight: var(--teddy-typography-weight-medium);
515
+ font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
516
+ line-height: var(--teddy-typography-line-height-tight);
517
+ }
518
+ }@layer flex {
519
+ ._teddy-flex_19teo_2 {
520
+ box-sizing: border-box;
521
+ display: flex;
522
+ justify-content: flex-start;
523
+ }
524
+ }._teddy-link_1jza5_1 {
525
+ align-items: center;
526
+ cursor: pointer;
527
+ display: inline-flex;
528
+ gap: var(--teddy-spacing-50);
529
+ text-decoration: underline;
530
+ }
531
+ ._teddy-link_1jza5_1:focus, ._teddy-link_1jza5_1:active {
532
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
533
+ outline-offset: var(--teddy-spacing-25);
534
+ }
535
+ ._teddy-link_1jza5_1:focus:not(:focus-visible) {
536
+ outline: 0;
537
+ }
538
+ ._teddy-link--text_1jza5_15, ._teddy-link--standalone_1jza5_15, ._teddy-link--navigation_1jza5_15 {
539
+ color: var(--teddy-color-text-interactive-primary);
540
+ }
541
+ ._teddy-link--text_1jza5_15:hover, ._teddy-link--standalone_1jza5_15:hover, ._teddy-link--navigation_1jza5_15:hover {
542
+ color: var(--teddy-color-text-interactive-primary-active);
543
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
544
+ }
545
+ ._teddy-link--text_1jza5_15:active, ._teddy-link--standalone_1jza5_15:active, ._teddy-link--navigation_1jza5_15:active {
546
+ background-color: var(--teddy-color-background-interactive-transparent-active);
547
+ }
548
+ ._teddy-link--text_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25) {
549
+ color: var(--teddy-color-text-interactive-primary-active);
550
+ }
551
+ ._teddy-link--text-negative_1jza5_28, ._teddy-link--standalone-negative_1jza5_28, ._teddy-link--navigation-negative_1jza5_28 {
552
+ color: var(--teddy-color-text-interactive-primary-negative);
553
+ }
554
+ ._teddy-link--text-negative_1jza5_28:hover, ._teddy-link--standalone-negative_1jza5_28:hover, ._teddy-link--navigation-negative_1jza5_28:hover {
555
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
556
+ color: var(--teddy-color-text-interactive-primary-negative);
557
+ }
558
+ ._teddy-link--text-negative_1jza5_28:active, ._teddy-link--standalone-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:active {
559
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
560
+ color: var(--teddy-color-text-interactive-primary-negative-active);
561
+ }
562
+ ._teddy-link--text-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25) {
563
+ color: var(--teddy-color-text-interactive-primary-negative-active);
564
+ }
565
+ ._teddy-link--standalone_1jza5_15, ._teddy-link--standalone-negative_1jza5_28 {
566
+ padding: var(--teddy-spacing-100) 0;
567
+ }
568
+ ._teddy-link--navigation_1jza5_15, ._teddy-link--navigation-negative_1jza5_28 {
569
+ align-items: center;
570
+ background-color: var(--teddy-color-functional-transparent);
571
+ display: flex;
572
+ font-weight: var(--teddy-typography-weight-medium);
573
+ text-decoration: none;
574
+ }
575
+ ._teddy-link--navigation_1jza5_15:active, ._teddy-link--navigation_1jza5_15:hover, ._teddy-link--navigation-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:hover {
576
+ background-color: var(--teddy-color-functional-transparent);
577
+ text-decoration: underline;
578
+ }
579
+ ._teddy-link--ensure-target-area_1jza5_56 {
580
+ display: flex;
581
+ align-items: center;
582
+ min-height: var(--teddy-spacing-600);
583
+ min-width: var(--teddy-spacing-600);
584
+ }
585
+ ._teddy-link--silent_1jza5_62 {
586
+ background-color: inherit;
587
+ color: inherit;
588
+ height: 100%;
589
+ text-decoration: none;
590
+ }
591
+ ._teddy-link--silent_1jza5_62:hover, ._teddy-link--silent_1jza5_62:focus, ._teddy-link--silent_1jza5_62:active {
592
+ background-color: inherit;
593
+ color: inherit;
594
+ }
595
+ ._teddy-link--silent_1jza5_62 a:focus {
596
+ outline: 0;
597
+ }
598
+ ._teddy-link--silent_1jza5_62:is(._teddy-link--disable-visited_1jza5_25):visited {
599
+ color: inherit;
600
+ }._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
601
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
602
+ margin-bottom: var(--teddy-spacing-50);
603
+ }
604
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
605
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
606
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
607
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
608
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
609
+ margin-bottom: var(--teddy-spacing-100);
610
+ }
611
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
612
+ margin-bottom: var(--teddy-spacing-150);
613
+ }
614
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
615
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
616
+ margin-bottom: var(--teddy-spacing-200);
617
+ }
618
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
619
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
620
+ margin-top: var(--teddy-spacing-300);
621
+ }
622
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
623
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
624
+ margin-top: var(--teddy-spacing-400);
625
+ }
626
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
627
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
628
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
629
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
630
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
631
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
632
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
633
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
634
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
635
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
636
+ margin-top: var(--teddy-spacing-600);
637
+ }
638
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
639
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
640
+ margin-bottom: var(--teddy-spacing-250);
641
+ }
642
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
643
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
644
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
645
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
646
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
647
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
648
+ margin-bottom: var(--teddy-spacing-300);
649
+ }
650
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
651
+ margin-bottom: var(--teddy-spacing-400);
652
+ }
653
+ ._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
654
+ margin-bottom: var(--teddy-spacing-600);
655
+ }
656
+ ._teddy-text-spacing_dwbo8_1 * > :last-child,
657
+ ._teddy-text-spacing_dwbo8_1 > :last-child {
658
+ margin-bottom: 0;
659
+ }@layer heading, button, card;
660
+ @layer card {
661
+ ._teddy-card_16ne3_3 {
662
+ border-radius: var(--teddy-border-radius-md);
663
+ padding: var(--teddy-spacing-250);
664
+ position: relative;
665
+ }
666
+ @media (prefers-reduced-motion: no-preference) {
667
+ ._teddy-card_16ne3_3 {
668
+ transition: background-color var(--teddy-motion-duration-300) ease;
669
+ }
670
+ }
671
+ ._teddy-card__slot_16ne3_13 {
672
+ transform: translateY(-50%);
673
+ }
674
+ ._teddy-card__slot--bottom_16ne3_16 {
675
+ transform: translateY(50%);
676
+ }
677
+ ._teddy-card__slot--center_16ne3_19 {
678
+ transform: translate(-50%, -50%);
679
+ }
680
+ ._teddy-card__slot--bottom_16ne3_16._teddy-card__slot--center_16ne3_19 {
681
+ transform: translate(-50%, 50%);
682
+ }
683
+ ._teddy-card_16ne3_3::before {
684
+ content: "";
685
+ display: block;
686
+ position: absolute;
687
+ inset: 0;
688
+ pointer-events: none;
689
+ border-radius: inherit;
690
+ opacity: 0;
691
+ box-shadow: var(--teddy-shadow-md);
692
+ }
693
+ @media (prefers-reduced-motion: no-preference) {
694
+ ._teddy-card_16ne3_3::before {
695
+ transition: opacity var(--teddy-motion-duration-300) ease;
696
+ }
697
+ }
698
+ ._teddy-card_16ne3_3:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
699
+ cursor: pointer;
700
+ }
701
+ ._teddy-card_16ne3_3:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)):hover:not(:has(button:hover), :has(a:hover))::before, ._teddy-card_16ne3_3:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)):has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40))::before {
702
+ opacity: 1;
703
+ }
704
+ ._teddy-card--border_16ne3_46 {
705
+ border: var(--teddy-border-width-xs) solid transparent;
706
+ }
707
+ ._teddy-card--purple-light_16ne3_49 {
708
+ background-color: var(--teddy-color-background-interactive-primary-negative);
709
+ color: var(--teddy-color-text-default);
710
+ border-color: var(--teddy-color-background-interactive-primary-negative);
711
+ }
712
+ ._teddy-card--purple-light_16ne3_49:hover:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
713
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
714
+ }
715
+ ._teddy-card--purple-light_16ne3_49:active:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
716
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
717
+ }
718
+ ._teddy-card--purple-light_16ne3_49:has(._teddy-card__action--disabled_16ne3_40) {
719
+ background-color: var(--teddy-color-background-interactive-disabled);
720
+ }
721
+ ._teddy-card--purple-dark_16ne3_63 {
722
+ background-color: var(--teddy-color-brand-deep-purple);
723
+ color: var(--teddy-color-text-default-negative);
724
+ border-color: var(--teddy-color-brand-deep-purple);
725
+ }
726
+ ._teddy-card--purple-dark_16ne3_63:hover:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
727
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
728
+ }
729
+ ._teddy-card--purple-dark_16ne3_63:active:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
730
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
731
+ }
732
+ ._teddy-card--purple-dark_16ne3_63:has(._teddy-card__action--disabled_16ne3_40) {
733
+ color: var(--teddy-color-text-default);
734
+ background-color: var(--teddy-color-background-interactive-disabled);
735
+ }
736
+ ._teddy-card--purple-dark_16ne3_63:has(._teddy-card__action--disabled_16ne3_40) ._teddy-card__action_16ne3_40 {
737
+ color: var(--teddy-color-text-weak);
738
+ background-color: var(--teddy-color-background-interactive-disabled);
739
+ }
740
+ ._teddy-card--white_16ne3_82 {
741
+ background-color: var(--teddy-color-brand-white);
742
+ color: var(--teddy-color-text-default);
743
+ border-color: var(--teddy-color-border-interactive-subtle);
744
+ }
745
+ ._teddy-card--white_16ne3_82:hover:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
746
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
747
+ }
748
+ ._teddy-card--white_16ne3_82:active:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
749
+ background-color: var(--teddy-color-background-interactive-transparent-active);
750
+ }
751
+ ._teddy-card--white_16ne3_82:has(._teddy-card__action--disabled_16ne3_40) {
752
+ background-color: var(--teddy-color-background-interactive-disabled);
753
+ }
754
+ ._teddy-card--gray_16ne3_96 {
755
+ background-color: var(--teddy-color-background-secondary);
756
+ color: var(--teddy-color-text-default);
757
+ border-color: var(--teddy-color-border-interactive-subtle);
758
+ }
759
+ ._teddy-card--gray_16ne3_96:hover:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
760
+ background-color: var(--teddy-color-gray-100);
761
+ }
762
+ ._teddy-card--gray_16ne3_96:active:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
763
+ background-color: var(--teddy-color-gray-200);
764
+ }
765
+ ._teddy-card--gray_16ne3_96:has(._teddy-card__action--disabled_16ne3_40) {
766
+ background-color: var(--teddy-color-background-interactive-disabled);
767
+ }
768
+ ._teddy-card--beige_16ne3_110 {
769
+ background-color: var(--teddy-color-beige-100);
770
+ color: var(--teddy-color-text-default);
771
+ border-color: var(--teddy-color-beige-300);
772
+ }
773
+ ._teddy-card--beige_16ne3_110:hover:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
774
+ background-color: var(--teddy-color-beige-200);
775
+ }
776
+ ._teddy-card--beige_16ne3_110:active:has(._teddy-card__action_16ne3_40:not(._teddy-card__action--disabled_16ne3_40)) {
777
+ background-color: var(--teddy-color-beige-300);
778
+ }
779
+ ._teddy-card--beige_16ne3_110:has(._teddy-card__action--disabled_16ne3_40) {
780
+ background-color: var(--teddy-color-background-interactive-disabled);
781
+ }
782
+ ._teddy-card_16ne3_3:has(._teddy-card__image--as-background_16ne3_124) {
783
+ background-color: transparent;
784
+ }
785
+ ._teddy-card__heading_16ne3_127 {
786
+ color: inherit;
787
+ }
788
+ ._teddy-card--background-image_16ne3_130 {
789
+ background-repeat: no-repeat;
790
+ background-size: cover;
791
+ background-position: center;
792
+ }
793
+ ._teddy-card__image_16ne3_124 {
794
+ height: auto;
795
+ vertical-align: middle;
796
+ font-style: italic;
797
+ background-repeat: no-repeat;
798
+ background-size: cover;
799
+ shape-margin: 0.75rem;
800
+ border-radius: inherit;
801
+ padding-bottom: var(--teddy-spacing-200);
802
+ }
803
+ ._teddy-card__image--inset-top_16ne3_145 {
804
+ margin-top: calc(var(--teddy-spacing-250) * -1);
805
+ }
806
+ ._teddy-card__image--inset-bottom_16ne3_148 {
807
+ margin-bottom: calc(var(--teddy-spacing-250) * -1);
808
+ }
809
+ ._teddy-card__image--inset-left_16ne3_151 {
810
+ margin-left: calc(var(--teddy-spacing-250) * -1);
811
+ }
812
+ ._teddy-card__image--inset-right_16ne3_154 {
813
+ margin-right: calc(var(--teddy-spacing-250) * -1);
814
+ }
815
+ ._teddy-card__image--inset-left_16ne3_151 ._teddy-card__image--inset-right_16ne3_154 {
816
+ width: calc(100% + var(--teddy-spacing-250) * 2);
817
+ }
818
+ }@layer heading, button, card, notification;
819
+ @layer notification {
820
+ ._teddy-notification_q80ka_3 {
821
+ --status-border: var(--teddy-color-border-status-success);
822
+ --status-color: var(--teddy-color-text-status-success-strong);
823
+ --status-icon-color: var(--teddy-color-text-status-success-medium);
824
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-250);
825
+ gap: var(--teddy-spacing-100);
826
+ }
827
+ ._teddy-notification_q80ka_3::after {
828
+ border-width: var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-lg);
829
+ border-color: var(--status-border);
830
+ }
831
+ ._teddy-notification__dismiss_q80ka_14 {
832
+ position: absolute;
833
+ inset: var(--teddy-spacing-100) var(--teddy-spacing-100) auto auto;
834
+ }
835
+ ._teddy-notification--success_q80ka_18 {
836
+ --status-border: var(--teddy-color-border-status-success);
837
+ --status-color: var(--teddy-color-text-status-success-strong);
838
+ --status-icon-color: var(--teddy-color-text-status-success-medium);
839
+ }
840
+ ._teddy-notification--warning_q80ka_23 {
841
+ --status-border: var(--teddy-color-border-status-warning);
842
+ --status-color: var(--teddy-color-text-status-warning-strong);
843
+ --status-icon-color: var(--teddy-color-text-status-warning-medium);
844
+ }
845
+ ._teddy-notification--error_q80ka_28 {
846
+ --status-border: var(--teddy-color-border-status-error);
847
+ --status-color: var(--teddy-color-text-status-error-strong);
848
+ --status-icon-color: var(--teddy-color-text-status-error-medium);
849
+ }
850
+ ._teddy-notification--information_q80ka_33 {
851
+ --status-border: var(--teddy-color-border-status-info);
852
+ --status-color: var(--teddy-color-text-status-info-strong);
853
+ --status-icon-color: var(--teddy-color-text-status-info-medium);
854
+ }
855
+ ._teddy-notification__heading_q80ka_38 {
856
+ color: var(--status-color);
857
+ display: flex;
858
+ align-items: center;
859
+ }
860
+ ._teddy-notification__icon_q80ka_43 {
861
+ color: var(--status-icon-color);
862
+ }
863
+ }._teddy-label_1hc8e_1 {
864
+ color: var(--teddy-color-text-default);
865
+ font-family: var(--teddy-typography-family-default);
866
+ font-weight: var(--teddy-typography-weight-medium);
867
+ font-size: var(--teddy-typography-scale-100);
868
+ line-height: var(--teddy-typography-line-height-default);
869
+ }
870
+ ._teddy-label--disabled_1hc8e_8 {
871
+ color: var(--teddy-color-text-weak);
872
+ cursor: default;
873
+ }
874
+ ._teddy-label--required_1hc8e_12::before {
875
+ content: "* ";
876
+ }._teddy-radio-group_1flae_1 {
877
+ display: flex;
878
+ flex-direction: column;
879
+ }
880
+ ._teddy-radio-group_1flae_1[data-orientation=horizontal] {
881
+ flex-direction: row;
882
+ column-gap: var(--teddy-spacing-150);
883
+ flex-wrap: wrap;
884
+ }
885
+ ._teddy-radio-group_1flae_1[data-orientation=horizontal] ._teddy-radio-group__group-label_1flae_10 {
886
+ width: 100%;
887
+ }
888
+ ._teddy-radio-group_1flae_1[dir=rtl] ._teddy-radio-group__label_1flae_13 {
889
+ padding-left: 0;
890
+ padding-right: var(--teddy-spacing-150);
891
+ }
892
+ ._teddy-radio-group__group-label_1flae_10 {
893
+ margin: 0 0 var(--teddy-spacing-150);
894
+ font-weight: var(--teddy-typography-weight-medium);
895
+ font-size: var(--teddy-typography-scale-100);
896
+ position: relative;
897
+ }
898
+ ._teddy-radio-group__group-label--required_1flae_23::before {
899
+ content: "* ";
900
+ }
901
+ ._teddy-radio-group__item_1flae_26 {
902
+ display: flex;
903
+ align-items: stretch;
904
+ justify-content: stretch;
905
+ width: fit-content;
906
+ position: relative;
907
+ }
908
+ ._teddy-radio-group__item_1flae_26:has(:focus-visible)::after {
909
+ content: "";
910
+ position: absolute;
911
+ inset: 0;
912
+ border-radius: var(--teddy-border-radius-sm);
913
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
914
+ outline-offset: var(--teddy-spacing-25);
915
+ pointer-events: none;
916
+ }
917
+ ._teddy-radio-group_1flae_1[data-disabled] ._teddy-radio-group__label_1flae_13 {
918
+ color: var(--teddy-color-text-weak);
919
+ cursor: default;
920
+ }
921
+ ._teddy-radio-group__label_1flae_13 {
922
+ cursor: pointer;
923
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
924
+ padding-left: var(--teddy-spacing-150);
925
+ display: flex;
926
+ align-items: center;
927
+ font-weight: var(--teddy-typography-weight-normal);
928
+ }
929
+ ._teddy-radio-group__trigger_1flae_54 {
930
+ all: unset;
931
+ flex-shrink: 0;
932
+ cursor: pointer;
933
+ display: flex;
934
+ align-items: center;
935
+ width: var(--teddy-spacing-300);
936
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
937
+ position: relative;
938
+ }
939
+ ._teddy-radio-group__trigger_1flae_54::before, ._teddy-radio-group__trigger_1flae_54::after {
940
+ content: "";
941
+ position: absolute;
942
+ display: block;
943
+ width: var(--teddy-spacing-300);
944
+ height: var(--teddy-spacing-300);
945
+ inset: 50% auto auto 50%;
946
+ transform: translate(-50%, -50%);
947
+ border-radius: var(--teddy-border-radius-full);
948
+ background-color: var(--teddy-color-background-primary);
949
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
950
+ }
951
+ @media (prefers-reduced-motion: no-preference) {
952
+ ._teddy-radio-group__trigger_1flae_54::before, ._teddy-radio-group__trigger_1flae_54::after {
953
+ transition: border-color var(--teddy-motion-duration-150) ease;
954
+ }
955
+ }
956
+ ._teddy-radio-group__trigger_1flae_54::after {
957
+ opacity: 0;
958
+ background-color: transparent;
959
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
960
+ border-width: var(--teddy-border-width-sm);
961
+ }
962
+ @media (prefers-reduced-motion: no-preference) {
963
+ ._teddy-radio-group__trigger_1flae_54::after {
964
+ transition: opacity var(--teddy-motion-duration-150) ease;
965
+ }
966
+ }
967
+ ._teddy-radio-group__trigger_1flae_54[data-state=checked]::before {
968
+ border-color: var(--teddy-color-border-interactive-primary);
969
+ }
970
+ ._teddy-radio-group__trigger_1flae_54:hover:not(:active):not(._teddy-radio-group__trigger_1flae_54[data-state=checked]):not(._teddy-radio-group__trigger_1flae_54[data-disabled])::after {
971
+ opacity: 1;
972
+ }
973
+ ._teddy-radio-group__trigger_1flae_54:active::before {
974
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
975
+ }
976
+ ._teddy-radio-group__trigger_1flae_54[data-disabled] {
977
+ cursor: default;
978
+ }
979
+ ._teddy-radio-group__trigger_1flae_54[data-disabled]::before {
980
+ background-color: var(--teddy-color-background-interactive-disabled);
981
+ border-color: var(--teddy-color-border-medium);
982
+ }
983
+ ._teddy-radio-group__trigger_1flae_54[data-disabled][data-state=checked]::before {
984
+ background-color: var(--teddy-color-background-primary);
985
+ }
986
+ ._teddy-radio-group__indicator_1flae_111 {
987
+ display: flex;
988
+ align-items: center;
989
+ justify-content: center;
990
+ width: 100%;
991
+ height: 100%;
992
+ position: relative;
993
+ }
994
+ ._teddy-radio-group__indicator_1flae_111::after {
995
+ content: "";
996
+ display: block;
997
+ inset: 0;
998
+ width: var(--teddy-spacing-200);
999
+ height: var(--teddy-spacing-200);
1000
+ border-radius: var(--teddy-border-radius-full);
1001
+ background-color: var(--teddy-color-background-interactive-primary);
1002
+ }
1003
+ ._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
1004
+ background-color: var(--teddy-color-text-weak);
1005
+ }@layer grid {
1006
+ ._teddy-grid_1dv1t_2 {
1007
+ box-sizing: border-box;
1008
+ display: grid;
1009
+ align-items: stretch;
1010
+ justify-content: start;
1011
+ grid-template-rows: none;
1012
+ }
1013
+ }._teddy-visually-hidden_15nus_1 {
1014
+ width: 1px;
1015
+ height: 1px;
1016
+ padding: 0;
1017
+ margin: -1px;
1018
+ overflow: hidden;
1019
+ clip: rect(0, 0, 0, 0);
1020
+ white-space: nowrap;
1021
+ border: 0;
1022
+ }
1023
+ ._teddy-visually-hidden_15nus_1:not(caption) {
1024
+ position: absolute;
1025
+ }
1026
+ ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within) {
1027
+ width: 1px;
1028
+ height: 1px;
1029
+ padding: 0;
1030
+ margin: -1px;
1031
+ overflow: hidden;
1032
+ clip: rect(0, 0, 0, 0);
1033
+ white-space: nowrap;
1034
+ border: 0;
1035
+ }
1036
+ ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
1037
+ position: absolute;
1038
+ }._teddy-navigation-menu_139wf_1 {
1039
+ --item-gap: var(--teddy-spacing-200);
1040
+ --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
1041
+ --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
1042
+ position: relative;
1043
+ display: flex;
1044
+ flex-direction: column;
1045
+ width: auto;
1046
+ }
1047
+ @media (min-width: 600px) {
1048
+ ._teddy-navigation-menu_139wf_1 {
1049
+ --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
1050
+ }
1051
+ }
1052
+ @media (min-width: 1440px) {
1053
+ ._teddy-navigation-menu_139wf_1 {
1054
+ --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
1055
+ }
1056
+ }
1057
+ ._teddy-navigation-menu_139wf_1::after {
1058
+ content: "";
1059
+ position: absolute;
1060
+ inset: 0;
1061
+ pointer-events: none;
1062
+ box-shadow: var(--teddy-shadow-md);
1063
+ opacity: 0;
1064
+ }
1065
+ @media (prefers-reduced-motion: no-preference) {
1066
+ ._teddy-navigation-menu_139wf_1::after {
1067
+ transition: opacity var(--teddy-motion-duration-300) ease;
1068
+ }
1069
+ }
1070
+ ._teddy-navigation-menu_139wf_1:has(._teddy-navigation-menu__viewport_139wf_33[data-state=open])::after {
1071
+ opacity: 1;
1072
+ }
1073
+ ._teddy-navigation-menu__list_139wf_36 {
1074
+ all: unset;
1075
+ list-style-type: none;
1076
+ display: flex;
1077
+ align-items: center;
1078
+ gap: var(--item-gap);
1079
+ padding-inline: var(--inline-padding);
1080
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
1081
+ }
1082
+ ._teddy-navigation-menu__list_139wf_36::before {
1083
+ content: "";
1084
+ display: block;
1085
+ width: var(--width-for-centering-element);
1086
+ }
1087
+ ._teddy-navigation-menu__list_139wf_36::after {
1088
+ content: "";
1089
+ display: block;
1090
+ width: var(--width-for-centering-element);
1091
+ }
1092
+ ._teddy-navigation-menu__top-menu-list_139wf_55 {
1093
+ all: unset;
1094
+ position: relative;
1095
+ list-style-type: none;
1096
+ gap: var(--item-gap);
1097
+ background-color: var(--teddy-color-background-secondary);
1098
+ display: flex;
1099
+ align-items: center;
1100
+ padding-inline: var(--inline-padding);
1101
+ }
1102
+ ._teddy-navigation-menu__top-menu-list_139wf_55::before {
1103
+ content: "";
1104
+ display: block;
1105
+ width: var(--width-for-centering-element);
1106
+ }
1107
+ ._teddy-navigation-menu__top-menu-list_139wf_55::after {
1108
+ content: "";
1109
+ display: block;
1110
+ width: var(--width-for-centering-element);
1111
+ }
1112
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75 {
1113
+ all: unset;
1114
+ all: unset;
1115
+ position: relative;
1116
+ cursor: pointer;
1117
+ text-decoration: none;
1118
+ display: inline-flex;
1119
+ flex-direction: column;
1120
+ align-items: center;
1121
+ justify-content: center;
1122
+ gap: var(--teddy-spacing-50);
1123
+ color: var(--teddy-color-text-interactive-primary);
1124
+ font-weight: var(--teddy-typography-weight-medium);
1125
+ min-width: var(--teddy-spacing-400);
1126
+ font-size: var(--teddy-typography-scale-100);
1127
+ line-height: var(--teddy-typography-line-height-loose);
1128
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
1129
+ }
1130
+ ._teddy-navigation-menu__top-menu-trigger--small_139wf_93 {
1131
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
1132
+ font-size: var(--teddy-typography-scale-75);
1133
+ line-height: var(--teddy-typography-line-height-loose);
1134
+ }
1135
+ ._teddy-navigation-menu__top-menu-trigger--button_139wf_98 {
1136
+ padding: var(--teddy-spacing-100);
1137
+ min-height: var(--teddy-spacing-600);
1138
+ border-radius: var(--teddy-border-radius-md);
1139
+ display: flex;
1140
+ place-items: center;
1141
+ flex-wrap: wrap;
1142
+ flex-direction: row;
1143
+ gap: var(--teddy-spacing-100);
1144
+ row-gap: var(--teddy-spacing-50);
1145
+ }
1146
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75::after {
1147
+ content: "";
1148
+ display: block;
1149
+ position: absolute;
1150
+ inset: 0;
1151
+ opacity: 0;
1152
+ border-radius: inherit;
1153
+ background-color: transparent;
1154
+ pointer-events: none;
1155
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1156
+ }
1157
+ ._teddy-navigation-menu__top-menu-trigger--button_139wf_98::after {
1158
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1159
+ }
1160
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
1161
+ content: attr(data-text);
1162
+ content: attr(data-text)/"";
1163
+ height: 0;
1164
+ visibility: hidden;
1165
+ overflow: hidden;
1166
+ user-select: none;
1167
+ pointer-events: none;
1168
+ font-weight: var(--teddy-typography-weight-bold);
1169
+ }
1170
+ @media speech {
1171
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
1172
+ display: none;
1173
+ }
1174
+ }
1175
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:hover {
1176
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1177
+ }
1178
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:hover::after {
1179
+ opacity: 1;
1180
+ }
1181
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:active {
1182
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1183
+ }
1184
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:active::after {
1185
+ opacity: 1;
1186
+ }
1187
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-state=open] {
1188
+ font-weight: var(--teddy-typography-weight-bold);
1189
+ }
1190
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active] {
1191
+ font-weight: var(--teddy-typography-weight-bold);
1192
+ }
1193
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active]::after {
1194
+ border-color: var(--teddy-color-text-interactive-primary);
1195
+ opacity: 1;
1196
+ }
1197
+ ._teddy-navigation-menu__top-menu-trigger_139wf_75:focus-visible {
1198
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1199
+ }
1200
+ ._teddy-navigation-menu__content_139wf_163 {
1201
+ all: unset;
1202
+ list-style-type: none;
1203
+ display: flex;
1204
+ gap: var(--teddy-spacing-100);
1205
+ padding: var(--teddy-border-width-sm) 0;
1206
+ position: absolute;
1207
+ left: 0;
1208
+ right: 0;
1209
+ display: flex;
1210
+ max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
1211
+ margin-inline: auto;
1212
+ padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
1213
+ overflow: clip;
1214
+ }
1215
+ ._teddy-navigation-menu__content_139wf_163 > ul {
1216
+ list-style: none;
1217
+ display: flex;
1218
+ margin: 0;
1219
+ padding: 0;
1220
+ }
1221
+ @media (prefers-reduced-motion: no-preference) {
1222
+ ._teddy-navigation-menu__content_139wf_163 {
1223
+ animation-duration: var(--teddy-motion-duration-300);
1224
+ animation-timing-function: ease;
1225
+ }
1226
+ ._teddy-navigation-menu__content_139wf_163[data-motion=from-start] {
1227
+ animation-name: _enterFromLeft_139wf_1;
1228
+ }
1229
+ ._teddy-navigation-menu__content_139wf_163[data-motion=from-end] {
1230
+ animation-name: _enterFromRight_139wf_1;
1231
+ }
1232
+ ._teddy-navigation-menu__content_139wf_163[data-motion=to-start] {
1233
+ animation-name: _exitToLeft_139wf_1;
1234
+ }
1235
+ ._teddy-navigation-menu__content_139wf_163[data-motion=to-end] {
1236
+ animation-name: _exitToRight_139wf_1;
1237
+ }
1238
+ }
1239
+ ._teddy-navigation-menu__content_139wf_163::before {
1240
+ content: "";
1241
+ position: absolute;
1242
+ inset: 0;
1243
+ box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
1244
+ }
1245
+ ._teddy-navigation-menu__trigger_139wf_208 {
1246
+ position: relative;
1247
+ all: unset;
1248
+ position: relative;
1249
+ cursor: pointer;
1250
+ text-decoration: none;
1251
+ display: inline-flex;
1252
+ flex-direction: column;
1253
+ align-items: center;
1254
+ justify-content: center;
1255
+ gap: var(--teddy-spacing-50);
1256
+ color: var(--teddy-color-text-interactive-primary);
1257
+ font-weight: var(--teddy-typography-weight-medium);
1258
+ min-width: var(--teddy-spacing-400);
1259
+ font-size: var(--teddy-typography-scale-100);
1260
+ line-height: var(--teddy-typography-line-height-loose);
1261
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
1262
+ }
1263
+ ._teddy-navigation-menu__trigger--small_139wf_226 {
1264
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
1265
+ font-size: var(--teddy-typography-scale-75);
1266
+ line-height: var(--teddy-typography-line-height-loose);
1267
+ }
1268
+ ._teddy-navigation-menu__trigger--button_139wf_231 {
1269
+ padding: var(--teddy-spacing-100);
1270
+ min-height: var(--teddy-spacing-600);
1271
+ border-radius: var(--teddy-border-radius-md);
1272
+ display: flex;
1273
+ place-items: center;
1274
+ flex-wrap: wrap;
1275
+ flex-direction: row;
1276
+ gap: var(--teddy-spacing-100);
1277
+ row-gap: var(--teddy-spacing-50);
1278
+ }
1279
+ ._teddy-navigation-menu__trigger_139wf_208::after {
1280
+ content: "";
1281
+ display: block;
1282
+ position: absolute;
1283
+ inset: 0;
1284
+ opacity: 0;
1285
+ border-radius: inherit;
1286
+ background-color: transparent;
1287
+ pointer-events: none;
1288
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1289
+ }
1290
+ ._teddy-navigation-menu__trigger--button_139wf_231::after {
1291
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1292
+ }
1293
+ ._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
1294
+ content: attr(data-text);
1295
+ content: attr(data-text)/"";
1296
+ height: 0;
1297
+ visibility: hidden;
1298
+ overflow: hidden;
1299
+ user-select: none;
1300
+ pointer-events: none;
1301
+ font-weight: var(--teddy-typography-weight-bold);
1302
+ }
1303
+ @media speech {
1304
+ ._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
1305
+ display: none;
1306
+ }
1307
+ }
1308
+ ._teddy-navigation-menu__trigger_139wf_208:hover {
1309
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1310
+ }
1311
+ ._teddy-navigation-menu__trigger_139wf_208:hover::after {
1312
+ opacity: 1;
1313
+ }
1314
+ ._teddy-navigation-menu__trigger_139wf_208:active {
1315
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1316
+ }
1317
+ ._teddy-navigation-menu__trigger_139wf_208:active::after {
1318
+ opacity: 1;
1319
+ }
1320
+ ._teddy-navigation-menu__trigger_139wf_208[data-state=open] {
1321
+ font-weight: var(--teddy-typography-weight-bold);
1322
+ }
1323
+ ._teddy-navigation-menu__trigger_139wf_208:has([data-active]), ._teddy-navigation-menu__trigger_139wf_208[data-active] {
1324
+ font-weight: var(--teddy-typography-weight-bold);
1325
+ }
1326
+ ._teddy-navigation-menu__trigger_139wf_208:has([data-active])::after, ._teddy-navigation-menu__trigger_139wf_208[data-active]::after {
1327
+ border-color: var(--teddy-color-text-interactive-primary);
1328
+ opacity: 1;
1329
+ }
1330
+ ._teddy-navigation-menu__trigger_139wf_208:focus-visible {
1331
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1332
+ }
1333
+ ._teddy-navigation-menu__link_139wf_296 {
1334
+ all: unset;
1335
+ position: relative;
1336
+ cursor: pointer;
1337
+ text-decoration: none;
1338
+ display: inline-flex;
1339
+ flex-direction: column;
1340
+ align-items: center;
1341
+ justify-content: center;
1342
+ gap: var(--teddy-spacing-50);
1343
+ color: var(--teddy-color-text-interactive-primary);
1344
+ font-weight: var(--teddy-typography-weight-medium);
1345
+ min-width: var(--teddy-spacing-400);
1346
+ font-size: var(--teddy-typography-scale-100);
1347
+ line-height: var(--teddy-typography-line-height-loose);
1348
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
1349
+ text-decoration: none;
1350
+ }
1351
+ ._teddy-navigation-menu__link--small_139wf_314 {
1352
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
1353
+ font-size: var(--teddy-typography-scale-75);
1354
+ line-height: var(--teddy-typography-line-height-loose);
1355
+ }
1356
+ ._teddy-navigation-menu__link--button_139wf_319 {
1357
+ padding: var(--teddy-spacing-100);
1358
+ min-height: var(--teddy-spacing-600);
1359
+ border-radius: var(--teddy-border-radius-md);
1360
+ display: flex;
1361
+ place-items: center;
1362
+ flex-wrap: wrap;
1363
+ flex-direction: row;
1364
+ gap: var(--teddy-spacing-100);
1365
+ row-gap: var(--teddy-spacing-50);
1366
+ }
1367
+ ._teddy-navigation-menu__link_139wf_296::after {
1368
+ content: "";
1369
+ display: block;
1370
+ position: absolute;
1371
+ inset: 0;
1372
+ opacity: 0;
1373
+ border-radius: inherit;
1374
+ background-color: transparent;
1375
+ pointer-events: none;
1376
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1377
+ }
1378
+ ._teddy-navigation-menu__link--button_139wf_319::after {
1379
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
1380
+ }
1381
+ ._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
1382
+ content: attr(data-text);
1383
+ content: attr(data-text)/"";
1384
+ height: 0;
1385
+ visibility: hidden;
1386
+ overflow: hidden;
1387
+ user-select: none;
1388
+ pointer-events: none;
1389
+ font-weight: var(--teddy-typography-weight-bold);
1390
+ }
1391
+ @media speech {
1392
+ ._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
1393
+ display: none;
1394
+ }
1395
+ }
1396
+ ._teddy-navigation-menu__link_139wf_296:hover {
1397
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1398
+ }
1399
+ ._teddy-navigation-menu__link_139wf_296:hover::after {
1400
+ opacity: 1;
1401
+ }
1402
+ ._teddy-navigation-menu__link_139wf_296:active {
1403
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1404
+ }
1405
+ ._teddy-navigation-menu__link_139wf_296:active::after {
1406
+ opacity: 1;
1407
+ }
1408
+ ._teddy-navigation-menu__link_139wf_296[data-state=open] {
1409
+ font-weight: var(--teddy-typography-weight-bold);
1410
+ }
1411
+ ._teddy-navigation-menu__link_139wf_296:has([data-active]), ._teddy-navigation-menu__link_139wf_296[data-active] {
1412
+ font-weight: var(--teddy-typography-weight-bold);
1413
+ }
1414
+ ._teddy-navigation-menu__link_139wf_296:has([data-active])::after, ._teddy-navigation-menu__link_139wf_296[data-active]::after {
1415
+ border-color: var(--teddy-color-text-interactive-primary);
1416
+ opacity: 1;
1417
+ }
1418
+ ._teddy-navigation-menu__link_139wf_296:focus-visible {
1419
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1420
+ }
1421
+ ._teddy-navigation-menu__viewport_139wf_33 {
1422
+ position: relative;
1423
+ background-color: var(--teddy-color-background-primary);
1424
+ height: var(--radix-navigation-menu-viewport-height);
1425
+ transform-origin: top left;
1426
+ overflow: clip;
1427
+ }
1428
+ @media (prefers-reduced-motion: no-preference) {
1429
+ ._teddy-navigation-menu__viewport_139wf_33 {
1430
+ transition: width, height, var(--teddy-motion-duration-300) ease;
1431
+ }
1432
+ ._teddy-navigation-menu__viewport_139wf_33[data-state=open] {
1433
+ animation: _scaleIn_139wf_1 var(--teddy-motion-duration-300) ease;
1434
+ }
1435
+ ._teddy-navigation-menu__viewport_139wf_33[data-state=closed] {
1436
+ animation: _scaleOut_139wf_1 var(--teddy-motion-duration-300) ease;
1437
+ }
1438
+ }
1439
+ @keyframes _scaleIn_139wf_1 {
1440
+ from {
1441
+ opacity: 0;
1442
+ transform: scale(0.9);
1443
+ height: 1px;
1444
+ }
1445
+ to {
1446
+ opacity: 1;
1447
+ transform: scale(1);
1448
+ height: var(--radix-navigation-menu-viewport-height);
1449
+ }
1450
+ }
1451
+ @keyframes _scaleOut_139wf_1 {
1452
+ from {
1453
+ opacity: 1;
1454
+ transform: scale(1);
1455
+ }
1456
+ to {
1457
+ opacity: 0;
1458
+ transform: scale(0.9);
1459
+ height: 0;
1460
+ }
1461
+ }
1462
+ @keyframes _enterFromRight_139wf_1 {
1463
+ from {
1464
+ opacity: 0;
1465
+ transform: translateX(200px);
1466
+ }
1467
+ to {
1468
+ opacity: 1;
1469
+ transform: translateX(0);
1470
+ }
1471
+ }
1472
+ @keyframes _enterFromLeft_139wf_1 {
1473
+ from {
1474
+ opacity: 0;
1475
+ transform: translateX(-200px);
1476
+ }
1477
+ to {
1478
+ opacity: 1;
1479
+ transform: translateX(0);
1480
+ }
1481
+ }
1482
+ @keyframes _exitToRight_139wf_1 {
1483
+ from {
1484
+ opacity: 1;
1485
+ transform: translateX(0);
1486
+ }
1487
+ to {
1488
+ opacity: 0;
1489
+ transform: translateX(200px);
1490
+ }
1491
+ }
1492
+ @keyframes _exitToLeft_139wf_1 {
1493
+ from {
1494
+ opacity: 1;
1495
+ transform: translateX(0);
1496
+ }
1497
+ to {
1498
+ opacity: 0;
1499
+ transform: translateX(-200px);
1500
+ }
1501
+ }@layer icon, toggle;
1502
+ @layer toggle {
1503
+ ._teddy-toggle_1rp8d_3 {
1504
+ width: fit-content;
1505
+ display: flex;
1506
+ align-items: center;
1507
+ position: relative;
1508
+ gap: var(--teddy-spacing-150);
1509
+ }
1510
+ ._teddy-toggle__input_1rp8d_10 {
1511
+ all: unset;
1512
+ cursor: pointer;
1513
+ display: block;
1514
+ width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
1515
+ height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
1516
+ position: relative;
1517
+ color: var(--teddy-color-text-interactive-on-primary);
1518
+ }
1519
+ ._teddy-toggle__input_1rp8d_10::before {
1520
+ content: "";
1521
+ display: block;
1522
+ position: absolute;
1523
+ inset: 0;
1524
+ height: var(--teddy-spacing-300);
1525
+ margin: auto 0;
1526
+ box-sizing: border-box;
1527
+ background-color: var(--teddy-color-text-interactive-on-primary);
1528
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
1529
+ border-radius: var(--teddy-border-radius-full);
1530
+ }
1531
+ @media (prefers-reduced-motion: no-preference) {
1532
+ ._teddy-toggle__input_1rp8d_10::before {
1533
+ transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
1534
+ }
1535
+ }
1536
+ ._teddy-toggle__input_1rp8d_10[data-state=checked]::before {
1537
+ background-color: var(--teddy-color-background-interactive-primary);
1538
+ border-color: var(--teddy-color-functional-transparent);
1539
+ }
1540
+ ._teddy-toggle__input_1rp8d_10[data-state=checked]:disabled::before {
1541
+ background-color: var(--teddy-color-background-interactive-disabled);
1542
+ border-color: var(--teddy-color-functional-transparent);
1543
+ }
1544
+ ._teddy-toggle__input_1rp8d_10[data-state=checked]:hover:not(:disabled)::before {
1545
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1546
+ border-color: var(--teddy-color-functional-transparent);
1547
+ }
1548
+ ._teddy-toggle__input_1rp8d_10[data-state=checked]:active:not(:disabled)::before {
1549
+ background-color: var(--teddy-color-background-interactive-primary-active);
1550
+ border-color: var(--teddy-color-functional-transparent);
1551
+ }
1552
+ ._teddy-toggle__input_1rp8d_10:disabled {
1553
+ cursor: default;
1554
+ }
1555
+ ._teddy-toggle__input_1rp8d_10:disabled::before {
1556
+ border-color: var(--teddy-color-border-weak);
1557
+ }
1558
+ ._teddy-toggle__input_1rp8d_10:hover:not(:disabled)::before {
1559
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1560
+ border-color: var(--teddy-color-border-interactive-primary);
1561
+ }
1562
+ ._teddy-toggle__input_1rp8d_10:active:not(:disabled)::before {
1563
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1564
+ }
1565
+ ._teddy-toggle_1rp8d_3:focus-within::before {
1566
+ border-radius: var(--teddy-border-radius-xs);
1567
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1568
+ content: "";
1569
+ opacity: 1;
1570
+ display: block;
1571
+ inset: calc(var(--teddy-spacing-25) * -1);
1572
+ position: absolute;
1573
+ pointer-events: none;
1574
+ }
1575
+ ._teddy-toggle_1rp8d_3:focus-within:has(._teddy-toggle__input_1rp8d_10:not(:focus-visible))::before {
1576
+ opacity: 0;
1577
+ }
1578
+ ._teddy-toggle__thumb_1rp8d_78 {
1579
+ position: absolute;
1580
+ display: block;
1581
+ height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
1582
+ width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
1583
+ border-radius: var(--teddy-border-radius-full);
1584
+ background-color: var(--teddy-color-background-interactive-primary);
1585
+ inset: 50% auto auto var(--teddy-spacing-10);
1586
+ transform: translate(var(--teddy-spacing-25), -50%);
1587
+ }
1588
+ @media (prefers-reduced-motion: no-preference) {
1589
+ ._teddy-toggle__thumb_1rp8d_78 {
1590
+ transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
1591
+ will-change: transform;
1592
+ }
1593
+ }
1594
+ ._teddy-toggle__thumb_1rp8d_78[data-disabled] {
1595
+ background-color: var(--teddy-color-background-interactive-disabled);
1596
+ }
1597
+ ._teddy-toggle__thumb_1rp8d_78[data-state=checked] {
1598
+ background-color: var(--teddy-color-text-interactive-on-primary);
1599
+ transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
1600
+ }
1601
+ ._teddy-toggle__thumb_1rp8d_78[data-state=checked][data-disabled] {
1602
+ background-color: var(--teddy-color-text-interactive-on-primary);
1603
+ }
1604
+ ._teddy-toggle__indicator_1rp8d_104 {
1605
+ position: absolute;
1606
+ inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
1607
+ opacity: 0;
1608
+ scale: 0;
1609
+ transform: translate(-50%, -50%);
1610
+ transform-origin: 0 50%;
1611
+ }
1612
+ @media (prefers-reduced-motion: no-preference) {
1613
+ ._teddy-toggle__indicator_1rp8d_104 {
1614
+ transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
1615
+ }
1616
+ }
1617
+ ._teddy-toggle__input_1rp8d_10[data-state=checked] ._teddy-toggle__indicator_1rp8d_104 {
1618
+ opacity: 1;
1619
+ scale: 1;
1620
+ }
1621
+ }@layer heading, accordion;
1622
+ @layer accordion {
1623
+ ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
1624
+ ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
1625
+ padding-inline: var(--teddy-spacing-200);
1626
+ }
1627
+ @media (min-width: 600px) {
1628
+ ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
1629
+ ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
1630
+ padding-inline: var(--teddy-spacing-300);
1631
+ }
1632
+ }
1633
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__header_fs2mc_13 {
1634
+ color: var(--teddy-color-text-interactive-primary-negative);
1635
+ }
1636
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__content_fs2mc_4,
1637
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__title_fs2mc_17 {
1638
+ color: var(--teddy-color-text-default-negative);
1639
+ }
1640
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:hover {
1641
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1642
+ }
1643
+ @media (prefers-reduced-motion: no-preference) {
1644
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:active {
1645
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1646
+ }
1647
+ }
1648
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28 {
1649
+ border-color: var(--teddy-color-border-medium-negative);
1650
+ }
1651
+ ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28:last-child {
1652
+ border-color: var(--teddy-color-border-medium-negative);
1653
+ }
1654
+ ._teddy-accordion_fs2mc_3:disabled {
1655
+ background-color: var(--teddy-color-background-interactive-transparent);
1656
+ }
1657
+ ._teddy-accordion__title_fs2mc_17 {
1658
+ margin-bottom: var(--teddy-spacing-300);
1659
+ }
1660
+ @media (min-width: 600px) {
1661
+ ._teddy-accordion__title_fs2mc_17 {
1662
+ margin-bottom: var(--teddy-spacing-400);
1663
+ }
1664
+ }
1665
+ ._teddy-accordion__item_fs2mc_28 {
1666
+ border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
1667
+ }
1668
+ ._teddy-accordion__item_fs2mc_28:first-child {
1669
+ margin-top: 0;
1670
+ }
1671
+ ._teddy-accordion__item_fs2mc_28:last-child {
1672
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
1673
+ }
1674
+ ._teddy-accordion__header_fs2mc_13 {
1675
+ background-color: var(--teddy-color-background-interactive-transparent);
1676
+ display: flex;
1677
+ max-width: initial;
1678
+ gap: var(--teddy-spacing-100);
1679
+ color: var(--teddy-color-text-interactive-primary);
1680
+ font-weight: var(--teddy-typography-weight-bold);
1681
+ }
1682
+ ._teddy-accordion__trigger_fs2mc_3 {
1683
+ all: unset;
1684
+ font-family: inherit;
1685
+ background-color: transparent;
1686
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-300) var(--teddy-spacing-200) 0;
1687
+ flex: 1;
1688
+ display: flex;
1689
+ gap: var(--teddy-spacing-100);
1690
+ align-items: center;
1691
+ justify-content: space-between;
1692
+ cursor: pointer;
1693
+ transition-duration: var(--teddy-motion-duration-100);
1694
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
1695
+ transition-property: background-color, color;
1696
+ }
1697
+ ._teddy-accordion__trigger_fs2mc_3:hover {
1698
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1699
+ }
1700
+ @media (prefers-reduced-motion: no-preference) {
1701
+ ._teddy-accordion__trigger_fs2mc_3:active {
1702
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1703
+ }
1704
+ }
1705
+ ._teddy-accordion__trigger_fs2mc_3:focus-within {
1706
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1707
+ outline-offset: var(--teddy-spacing-25);
1708
+ z-index: 1;
1709
+ }
1710
+ ._teddy-accordion__trigger_fs2mc_3:focus-within:not(:focus-visible) {
1711
+ outline: 0;
1712
+ }
1713
+ ._teddy-accordion__trigger_fs2mc_3:disabled {
1714
+ cursor: not-allowed;
1715
+ background-color: var(--teddy-color-background-interactive-disabled);
1716
+ }
1717
+ @media (min-width: 600px) {
1718
+ ._teddy-accordion__trigger_fs2mc_3 {
1719
+ padding-block: var(--teddy-spacing-300);
1720
+ }
1721
+ }
1722
+ @media (min-width: 1024px) {
1723
+ ._teddy-accordion__trigger_fs2mc_3 {
1724
+ padding-block: var(--teddy-spacing-400);
1725
+ }
1726
+ }
1727
+ ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
1728
+ flex-shrink: 0;
1729
+ transform: rotate(0);
1730
+ }
1731
+ @media (prefers-reduced-motion: no-preference) {
1732
+ ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
1733
+ transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
1734
+ }
1735
+ }
1736
+ ._teddy-accordion__trigger_fs2mc_3[data-state=open] ._teddy-accordion__indicator_fs2mc_107 {
1737
+ transform: rotate(180deg);
1738
+ }
1739
+ ._teddy-accordion__content_fs2mc_4 {
1740
+ overflow: hidden;
1741
+ color: var(--teddy-color-text-default);
1742
+ padding: 0 var(--teddy-spacing-300) 0 0;
1743
+ }
1744
+ @media (prefers-reduced-motion: no-preference) {
1745
+ ._teddy-accordion__content_fs2mc_4[data-state=open] {
1746
+ animation: _slideDown_fs2mc_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
1747
+ }
1748
+ ._teddy-accordion__content_fs2mc_4[data-state=closed] {
1749
+ animation: _slideUp_fs2mc_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
1750
+ }
1751
+ }
1752
+ ._teddy-accordion__content_fs2mc_4::after {
1753
+ content: "";
1754
+ display: block;
1755
+ height: var(--teddy-spacing-400);
1756
+ width: 100%;
1757
+ }
1758
+ @keyframes _slideDown_fs2mc_1 {
1759
+ from {
1760
+ height: 0;
1761
+ }
1762
+ to {
1763
+ height: var(--radix-accordion-content-height);
1764
+ }
1765
+ }
1766
+ @keyframes _slideUp_fs2mc_1 {
1767
+ from {
1768
+ height: var(--radix-accordion-content-height);
1769
+ }
1770
+ to {
1771
+ height: 0;
1772
+ }
1773
+ }
1774
+ }._teddy-badge_sg6ab_1 {
1775
+ font-family: var(--teddy-typography-family-default);
1776
+ font-weight: var(--teddy-typography-weight-medium);
1777
+ font-size: var(--teddy-typography-scale-75);
1778
+ min-height: var(--teddy-spacing-200);
1779
+ border-radius: var(--teddy-border-radius-xs);
1780
+ line-height: 1;
1781
+ padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
1782
+ display: inline-flex;
1783
+ align-items: center;
1784
+ gap: var(--teddy-spacing-50);
1785
+ }
1786
+ ._teddy-badge--attention_sg6ab_13 {
1787
+ background-color: var(--teddy-color-background-status-attention);
1788
+ color: var(--teddy-color-text-status-attention);
1789
+ }
1790
+ ._teddy-badge--special_sg6ab_17 {
1791
+ background-color: var(--teddy-color-background-status-special);
1792
+ color: var(--teddy-color-text-status-special);
1793
+ }
1794
+ ._teddy-badge--neutral_sg6ab_21 {
1795
+ background-color: var(--teddy-color-background-status-neutral);
1796
+ color: var(--teddy-color-text-status-neutral);
1797
+ }
1798
+ ._teddy-badge--information_sg6ab_25 {
1799
+ background-color: var(--teddy-color-background-status-info-strong);
1800
+ color: var(--teddy-color-text-status-info-strong);
1801
+ }
1802
+ ._teddy-badge--success_sg6ab_29 {
1803
+ background-color: var(--teddy-color-background-status-success-strong);
1804
+ color: var(--teddy-color-text-status-success-strong);
1805
+ }
1806
+ ._teddy-badge--warning_sg6ab_33 {
1807
+ background-color: var(--teddy-color-background-status-warning-strong);
1808
+ color: var(--teddy-color-text-status-warning-strong);
1809
+ }
1810
+ ._teddy-badge--error_sg6ab_37 {
1811
+ background-color: var(--teddy-color-background-status-error-strong);
1812
+ color: var(--teddy-color-text-status-error-strong);
1813
+ }._teddy-field-error-text_1735t_1 {
1814
+ font-family: var(--teddy-typography-family-default);
1815
+ font-weight: var(--teddy-typography-weight-normal);
1816
+ font-size: var(--teddy-typography-scale-100);
1817
+ line-height: var(--teddy-typography-line-height-loose);
1818
+ color: var(--teddy-color-text-status-error-strong);
1819
+ display: flex;
1820
+ flex-direction: row;
1821
+ gap: var(--teddy-spacing-50);
1822
+ align-items: center;
1823
+ }
1824
+ ._teddy-field-error-text__indicator_1735t_12 {
1825
+ color: var(--teddy-color-text-status-error-medium);
1826
+ line-height: var(--teddy-typography-line-height-tight);
1827
+ }._teddy-helper-text_6xdzb_1 {
1828
+ font-family: var(--teddy-typography-family-default);
1829
+ font-weight: var(--teddy-typography-weight-normal);
1830
+ font-size: var(--teddy-typography-scale-75);
1831
+ line-height: var(--teddy-typography-line-height-loose);
1832
+ color: var(--teddy-color-text-medium);
1833
+ display: block;
1834
+ }
1835
+ ._teddy-helper-text--disabled_6xdzb_9 {
1836
+ color: var(--teddy-color-text-weak);
1837
+ }@keyframes _fadeInAnimation_1o9uu_1 {
1838
+ 0% {
1839
+ opacity: 0;
1840
+ }
1841
+ 100% {
1842
+ opacity: 1;
1843
+ }
1844
+ }
1845
+ @keyframes _scaleInAnimation_1o9uu_1 {
1846
+ 0% {
1847
+ scale: 0;
1848
+ }
1849
+ 100% {
1850
+ scale: 100%;
1851
+ }
1852
+ }
1853
+ ._teddy-input_1o9uu_17 {
1854
+ position: relative;
1855
+ cursor: text;
1856
+ display: flex;
1857
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) var(--teddy-spacing-150);
1858
+ gap: var(--teddy-spacing-50);
1859
+ }
1860
+ ._teddy-input__frame_1o9uu_24 {
1861
+ position: absolute;
1862
+ inset: 0;
1863
+ border-radius: var(--teddy-border-radius-sm);
1864
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
1865
+ pointer-events: none;
1866
+ }
1867
+ ._teddy-input__input_1o9uu_31 {
1868
+ border-radius: var(--teddy-border-radius-sm);
1869
+ border: none;
1870
+ box-sizing: border-box;
1871
+ font-family: var(--teddy-typography-family-default);
1872
+ font-size: var(--teddy-typography-scale-100);
1873
+ line-height: 150%;
1874
+ outline: none;
1875
+ background: transparent;
1876
+ width: 100%;
1877
+ flex: 1 1 100%;
1878
+ }
1879
+ ._teddy-input__input_1o9uu_31:hover ~ ._teddy-input__frame_1o9uu_24 {
1880
+ border-width: var(--teddy-border-width-sm);
1881
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
1882
+ }
1883
+ ._teddy-input__input_1o9uu_31:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24, ._teddy-input__input_1o9uu_31:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24 {
1884
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
1885
+ outline-offset: calc(var(--teddy-spacing-10) * 2);
1886
+ border-width: var(--teddy-border-width-xs);
1887
+ border-color: var(--teddy-color-border-interactive-subtle-hover);
1888
+ }
1889
+ ._teddy-input__input_1o9uu_31:disabled {
1890
+ color: var(--teddy-color-text-weak);
1891
+ }
1892
+ ._teddy-input__input_1o9uu_31:disabled ~ ._teddy-input__frame_1o9uu_24 {
1893
+ border-width: var(--teddy-border-width-xs);
1894
+ border-color: var(--teddy-color-border-medium);
1895
+ }
1896
+ ._teddy-input__input_1o9uu_31:read-only:not(:disabled) {
1897
+ color: var(--teddy-color-text-default);
1898
+ }
1899
+ ._teddy-input__input_1o9uu_31:read-only:not(:disabled) ~ ._teddy-input__frame_1o9uu_24 {
1900
+ border-width: var(--teddy-border-width-xs);
1901
+ }
1902
+ ._teddy-input__input_1o9uu_31:read-only:not(:disabled):not(._teddy-input__input--valid_1o9uu_66):not(._teddy-input__input--invalid_1o9uu_66) ~ ._teddy-input__frame_1o9uu_24 {
1903
+ border-color: var(--teddy-color-border-medium);
1904
+ }
1905
+ ._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__frame_1o9uu_24 {
1906
+ border-color: var(--teddy-color-border-status-success);
1907
+ }
1908
+ ._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__indicator_1o9uu_72 {
1909
+ color: var(--teddy-color-border-status-success);
1910
+ }
1911
+ ._teddy-input__input--error_1o9uu_75:not(:hover) ~ ._teddy-input__frame_1o9uu_24 {
1912
+ border-color: var(--teddy-color-border-status-error);
1913
+ }
1914
+ ._teddy-input_1o9uu_17 > *:not(._teddy-input__input_1o9uu_31) {
1915
+ flex: 0 0 auto;
1916
+ }
1917
+ ._teddy-input__indicator_1o9uu_72 {
1918
+ animation: _fadeInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300);
1919
+ }
1920
+ ._teddy-input_1o9uu_17:has(input:disabled) {
1921
+ background-color: var(--teddy-color-background-interactive-disabled);
1922
+ }
1923
+ ._teddy-input_1o9uu_17:has(input:read-only) {
1924
+ background-color: var(--teddy-color-background-interactive-read-only);
1925
+ }@keyframes _fadeInAnimation_1i091_1 {
1926
+ 0% {
1927
+ opacity: 0;
1928
+ }
1929
+ 100% {
1930
+ opacity: 1;
1931
+ }
1932
+ }
1933
+ @keyframes _scaleInAnimation_1i091_1 {
1934
+ 0% {
1935
+ scale: 0;
1936
+ }
1937
+ 100% {
1938
+ scale: 100%;
1939
+ }
1940
+ }
1941
+ ._teddy-text-field_1i091_17 {
1942
+ box-sizing: border-box;
1943
+ }
1944
+ ._teddy-text-field_1i091_17 > * + * {
1945
+ margin-top: var(--teddy-spacing-50);
1946
+ }
1947
+ ._teddy-text-field__error-list_1i091_23 {
1948
+ list-style: none;
1949
+ padding: 0;
1950
+ }
1951
+ ._teddy-text-field__error-list_1i091_23 > * + * {
1952
+ margin-top: var(--teddy-spacing-50);
1953
+ }@keyframes _teddy-fade-in_vfo5b_1 {
1954
+ from {
1955
+ opacity: 0;
1956
+ }
1957
+ to {
1958
+ opacity: 1;
1959
+ }
1960
+ }
1961
+ @keyframes _teddy-fade-out_vfo5b_1 {
1962
+ from {
1963
+ opacity: 1;
1964
+ }
1965
+ to {
1966
+ opacity: 0;
1967
+ }
1968
+ }
1969
+ ._teddy-modal__overlay_vfo5b_17 {
1970
+ position: fixed;
1971
+ inset: 0;
1972
+ display: grid;
1973
+ place-items: center;
1974
+ }
1975
+ ._teddy-modal__overlay_vfo5b_17::before {
1976
+ position: fixed;
1977
+ content: "";
1978
+ inset: 0;
1979
+ background-color: var(--teddy-color-overlay-default);
1980
+ }
1981
+ ._teddy-modal__content_vfo5b_29 {
1982
+ background-color: var(--teddy-color-background-primary);
1983
+ box-shadow: var(--teddy-shadow-lg);
1984
+ position: relative;
1985
+ overflow: hidden;
1986
+ height: 100%;
1987
+ width: 100%;
1988
+ }
1989
+ @media (min-width: 600px) {
1990
+ ._teddy-modal__content_vfo5b_29 {
1991
+ max-width: 720px;
1992
+ max-height: 80%;
1993
+ min-height: 360px;
1994
+ height: auto;
1995
+ width: auto;
1996
+ border-radius: var(--teddy-border-radius-lg);
1997
+ }
1998
+ }
1999
+ ._teddy-modal__scroll_vfo5b_47 {
2000
+ overflow: auto;
2001
+ padding-inline: var(--teddy-spacing-300);
2002
+ }
2003
+ ._teddy-modal__image_vfo5b_51 {
2004
+ max-width: calc(100% + var(--teddy-spacing-300) * 2);
2005
+ height: auto;
2006
+ vertical-align: middle;
2007
+ font-style: italic;
2008
+ background-repeat: no-repeat;
2009
+ background-size: cover;
2010
+ shape-margin: 0.75rem;
2011
+ margin-inline: calc(var(--teddy-spacing-300) * -1);
2012
+ }
2013
+ ._teddy-modal__close--floating_vfo5b_61 {
2014
+ position: absolute;
2015
+ top: var(--teddy-spacing-100);
2016
+ right: var(--teddy-spacing-100);
2017
+ }
2018
+ ._teddy-modal__group_vfo5b_66 {
2019
+ width: 100%;
2020
+ margin-bottom: var(--teddy-spacing-200);
2021
+ }
2022
+ ._teddy-modal__group--title_vfo5b_70 {
2023
+ position: sticky;
2024
+ inset: 0 0 auto 0;
2025
+ background-color: var(--teddy-color-background-primary);
2026
+ padding-top: var(--teddy-spacing-200);
2027
+ }
2028
+ ._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76 {
2029
+ padding-block: var(--teddy-spacing-200);
2030
+ }
2031
+ ._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76::before {
2032
+ content: "";
2033
+ position: absolute;
2034
+ inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
2035
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2036
+ }
2037
+ ._teddy-modal__group--action_vfo5b_85 {
2038
+ height: 100%;
2039
+ position: sticky;
2040
+ inset: auto 0 0 0;
2041
+ margin: var(--teddy-spacing-200) 0 0;
2042
+ padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
2043
+ background-color: var(--teddy-color-background-primary);
2044
+ }
2045
+ ._teddy-modal__group--action_vfo5b_85._teddy-modal__group--scroll_vfo5b_76::before {
2046
+ content: "";
2047
+ position: absolute;
2048
+ inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
2049
+ border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2050
+ box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
2051
+ }
2052
+ @media (prefers-reduced-motion: no-preference) {
2053
+ @keyframes _modal-overlay-no-op_vfo5b_1 {
2054
+ from {
2055
+ opacity: 1;
2056
+ }
2057
+ to {
2058
+ opacity: 1;
2059
+ }
2060
+ }
2061
+ @keyframes _modal-content-show_vfo5b_1 {
2062
+ from {
2063
+ opacity: 0;
2064
+ transform: translateY(5px) scale(0.97);
2065
+ }
2066
+ to {
2067
+ opacity: 1;
2068
+ transform: translateY(0px) scale(1);
2069
+ }
2070
+ }
2071
+ @keyframes _modal-content-hide_vfo5b_1 {
2072
+ from {
2073
+ opacity: 1;
2074
+ transform: translateY(0px) scale(1);
2075
+ }
2076
+ to {
2077
+ opacity: 0;
2078
+ transform: translateY(5px) scale(0.99);
2079
+ }
2080
+ }
2081
+ ._teddy-modal__overlay_vfo5b_17 {
2082
+ /* Keep the overlay mounted until the children have animated */
2083
+ }
2084
+ ._teddy-modal__overlay_vfo5b_17:where([data-state=closed]) {
2085
+ animation: _modal-overlay-no-op_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
2086
+ }
2087
+ ._teddy-modal__overlay_vfo5b_17:where([data-state=open])::before {
2088
+ animation: _teddy-fade-in_vfo5b_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
2089
+ }
2090
+ ._teddy-modal__overlay_vfo5b_17:where([data-state=closed])::before {
2091
+ animation: _teddy-fade-out_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
2092
+ }
2093
+ ._teddy-modal__content_vfo5b_29:where([data-state=open]) {
2094
+ animation: _modal-content-show_vfo5b_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
2095
+ }
2096
+ ._teddy-modal__content_vfo5b_29:where([data-state=closed]) {
2097
+ animation: _modal-content-hide_vfo5b_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
2098
+ }
2099
+ }:root {
2100
+ --teddy-border-radius-xs: 2px;
2101
+ --teddy-border-radius-sm: 4px;
2102
+ --teddy-border-radius-md: 8px;
2103
+ --teddy-border-radius-lg: 16px;
2104
+ --teddy-border-radius-full: 999px;
2105
+ --teddy-border-width-xs: 1px;
2106
+ --teddy-border-width-sm: 2px;
2107
+ --teddy-border-width-md: 3px;
2108
+ --teddy-border-width-lg: 6px;
2109
+ }
2110
+ :root {
2111
+ --teddy-breakpoint-sm: 0px;
2112
+ --teddy-breakpoint-md: 600px;
2113
+ --teddy-breakpoint-lg: 1024px;
2114
+ --teddy-breakpoint-xl: 1440px;
2115
+ }
2116
+ :root {
2117
+ --teddy-color-functional-transparent: rgba(255, 255, 255, 0);
2118
+ --teddy-color-functional-white: #ffffff;
2119
+ --teddy-color-functional-black: #000000;
2120
+ --teddy-color-transparent-white-950: rgba(255, 255, 255, 0.95);
2121
+ --teddy-color-transparent-white-900: rgba(255, 255, 255, 0.89);
2122
+ --teddy-color-transparent-white-850: rgba(255, 255, 255, 0.84);
2123
+ --teddy-color-transparent-white-800: rgba(255, 255, 255, 0.79);
2124
+ --teddy-color-transparent-white-700: rgba(255, 255, 255, 0.66);
2125
+ --teddy-color-transparent-white-600: rgba(255, 255, 255, 0.55);
2126
+ --teddy-color-transparent-white-500: rgba(255, 255, 255, 0.46);
2127
+ --teddy-color-transparent-white-400: rgba(255, 255, 255, 0.37);
2128
+ --teddy-color-transparent-white-300: rgba(255, 255, 255, 0.29);
2129
+ --teddy-color-transparent-white-200: rgba(255, 255, 255, 0.21);
2130
+ --teddy-color-transparent-white-150: rgba(255, 255, 255, 0.16);
2131
+ --teddy-color-transparent-white-100: rgba(255, 255, 255, 0.11);
2132
+ --teddy-color-transparent-white-50: rgba(255, 255, 255, 0.07);
2133
+ --teddy-color-transparent-black-950: rgba(0, 0, 0, 0.93);
2134
+ --teddy-color-transparent-black-900: rgba(0, 0, 0, 0.88);
2135
+ --teddy-color-transparent-black-850: rgba(0, 0, 0, 0.84);
2136
+ --teddy-color-transparent-black-800: rgba(0, 0, 0, 0.8);
2137
+ --teddy-color-transparent-black-700: rgba(0, 0, 0, 0.71);
2138
+ --teddy-color-transparent-black-600: rgba(0, 0, 0, 0.62);
2139
+ --teddy-color-transparent-black-500: rgba(0, 0, 0, 0.54);
2140
+ --teddy-color-transparent-black-400: rgba(0, 0, 0, 0.44);
2141
+ --teddy-color-transparent-black-300: rgba(0, 0, 0, 0.33);
2142
+ --teddy-color-transparent-black-200: rgba(0, 0, 0, 0.22);
2143
+ --teddy-color-transparent-black-150: rgba(0, 0, 0, 0.16);
2144
+ --teddy-color-transparent-black-100: rgba(0, 0, 0, 0.1);
2145
+ --teddy-color-transparent-black-50: rgba(0, 0, 0, 0.05);
2146
+ --teddy-color-blue-950: #011320;
2147
+ --teddy-color-blue-900: #002036;
2148
+ --teddy-color-blue-800: #03385b;
2149
+ --teddy-color-blue-700: #014d80;
2150
+ --teddy-color-blue-600: #0063a6;
2151
+ --teddy-color-blue-500: #0078cb;
2152
+ --teddy-color-blue-400: #3694d3;
2153
+ --teddy-color-blue-300: #62b2e7;
2154
+ --teddy-color-blue-200: #91cdf4;
2155
+ --teddy-color-blue-100: #caeaff;
2156
+ --teddy-color-blue-50: #e8f6ff;
2157
+ --teddy-color-orange-950: #1a0f00;
2158
+ --teddy-color-orange-900: #2b1b03;
2159
+ --teddy-color-orange-800: #4c2f03;
2160
+ --teddy-color-orange-700: #6a4102;
2161
+ --teddy-color-orange-600: #8b5301;
2162
+ --teddy-color-orange-500: #a86602;
2163
+ --teddy-color-orange-400: #cc7a00;
2164
+ --teddy-color-orange-300: #f39200;
2165
+ --teddy-color-orange-200: #f9bb5b;
2166
+ --teddy-color-orange-100: #ffe1b3;
2167
+ --teddy-color-orange-50: #fff2de;
2168
+ --teddy-color-red-950: #2c000e;
2169
+ --teddy-color-red-900: #440016;
2170
+ --teddy-color-red-800: #700025;
2171
+ --teddy-color-red-700: #980233;
2172
+ --teddy-color-red-600: #c00543;
2173
+ --teddy-color-red-500: #e4175c;
2174
+ --teddy-color-red-400: #fb4885;
2175
+ --teddy-color-red-300: #ff80ab;
2176
+ --teddy-color-red-200: #ffafc9;
2177
+ --teddy-color-red-100: #ffdde8;
2178
+ --teddy-color-red-50: #fff0f5;
2179
+ --teddy-color-green-950: #00150a;
2180
+ --teddy-color-green-900: #002411;
2181
+ --teddy-color-green-800: #003e1e;
2182
+ --teddy-color-green-700: #02562b;
2183
+ --teddy-color-green-600: #017037;
2184
+ --teddy-color-green-500: #018842;
2185
+ --teddy-color-green-400: #1fa15e;
2186
+ --teddy-color-green-300: #3dbf7c;
2187
+ --teddy-color-green-200: #79d9a7;
2188
+ --teddy-color-green-100: #c5efd9;
2189
+ --teddy-color-green-50: #e1f9ec;
2190
+ --teddy-color-gray-950: #111111;
2191
+ --teddy-color-gray-900: #1e1e20;
2192
+ --teddy-color-gray-850: #2a2a2c;
2193
+ --teddy-color-gray-800: #353537;
2194
+ --teddy-color-gray-700: #4a4a4d;
2195
+ --teddy-color-gray-600: #5f5f63;
2196
+ --teddy-color-gray-500: #757579;
2197
+ --teddy-color-gray-400: #8d8d94;
2198
+ --teddy-color-gray-300: #aaaab0;
2199
+ --teddy-color-gray-200: #c6c6cd;
2200
+ --teddy-color-gray-150: #d6d6dd;
2201
+ --teddy-color-gray-100: #e5e5eb;
2202
+ --teddy-color-gray-50: #f3f3f8;
2203
+ --teddy-color-teal-950: #011413;
2204
+ --teddy-color-teal-900: #032220;
2205
+ --teddy-color-teal-800: #063c39;
2206
+ --teddy-color-teal-700: #02534f;
2207
+ --teddy-color-teal-600: #006c67;
2208
+ --teddy-color-teal-500: #00847e;
2209
+ --teddy-color-teal-400: #3a9b96;
2210
+ --teddy-color-teal-300: #6eb5b2;
2211
+ --teddy-color-teal-200: #a1cfcd;
2212
+ --teddy-color-teal-100: #d5eae9;
2213
+ --teddy-color-teal-50: #edf5f5;
2214
+ --teddy-color-beige-950: #170f09;
2215
+ --teddy-color-beige-900: #241c16;
2216
+ --teddy-color-beige-800: #3b332d;
2217
+ --teddy-color-beige-700: #4f4741;
2218
+ --teddy-color-beige-600: #665e58;
2219
+ --teddy-color-beige-500: #807268;
2220
+ --teddy-color-beige-400: #a08877;
2221
+ --teddy-color-beige-300: #bba494;
2222
+ --teddy-color-beige-200: #d7c3b5;
2223
+ --teddy-color-beige-100: #ede1d8;
2224
+ --teddy-color-beige-50: #f9f1ec;
2225
+ --teddy-color-purple-950: #1f002e;
2226
+ --teddy-color-purple-900: #29003e;
2227
+ --teddy-color-purple-800: #4e0174;
2228
+ --teddy-color-purple-700: #6d02a3;
2229
+ --teddy-color-purple-600: #8c07d0;
2230
+ --teddy-color-purple-550: #990ae3;
2231
+ --teddy-color-purple-500: #b12df4;
2232
+ --teddy-color-purple-400: #c461f7;
2233
+ --teddy-color-purple-300: #d58df9;
2234
+ --teddy-color-purple-200: #e4b6fb;
2235
+ --teddy-color-purple-100: #f5e0ff;
2236
+ --teddy-color-purple-50: #faf0ff;
2237
+ --teddy-color-overlay-default: var(--teddy-color-transparent-black-300);
2238
+ --teddy-color-border-status-success: var(--teddy-color-green-500);
2239
+ --teddy-color-border-status-info: var(--teddy-color-blue-500);
2240
+ --teddy-color-border-status-warning: var(--teddy-color-orange-400);
2241
+ --teddy-color-border-status-error: var(--teddy-color-red-500);
2242
+ --teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);
2243
+ --teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);
2244
+ --teddy-color-border-interactive-selected: var(--teddy-color-purple-550);
2245
+ --teddy-color-border-interactive-primary-negative-active: var(--teddy-color-purple-200);
2246
+ --teddy-color-border-interactive-primary-negative-hover: var(--teddy-color-purple-200);
2247
+ --teddy-color-border-interactive-primary-active: var(--teddy-color-purple-900);
2248
+ --teddy-color-border-interactive-primary-hover: var(--teddy-color-purple-800);
2249
+ --teddy-color-border-interactive-primary-negative: var(--teddy-color-purple-100);
2250
+ --teddy-color-border-interactive-primary: var(--teddy-color-purple-700);
2251
+ --teddy-color-border-interactive-focus: var(--teddy-color-blue-500);
2252
+ --teddy-color-border-weak-negative: var(--teddy-color-transparent-white-150);
2253
+ --teddy-color-border-weak: var(--teddy-color-transparent-black-150);
2254
+ --teddy-color-border-strong-negative: var(--teddy-color-transparent-white-500);
2255
+ --teddy-color-border-strong: var(--teddy-color-transparent-black-500);
2256
+ --teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);
2257
+ --teddy-color-border-medium: var(--teddy-color-transparent-black-300);
2258
+ --teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);
2259
+ --teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);
2260
+ --teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);
2261
+ --teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);
2262
+ --teddy-color-background-status-attention: var(--teddy-color-purple-700);
2263
+ --teddy-color-background-status-special: var(--teddy-color-purple-100);
2264
+ --teddy-color-background-status-neutral: var(--teddy-color-gray-100);
2265
+ --teddy-color-background-status-warning-strong: var(--teddy-color-orange-100);
2266
+ --teddy-color-background-status-warning: var(--teddy-color-orange-50);
2267
+ --teddy-color-background-status-error-strong: var(--teddy-color-red-100);
2268
+ --teddy-color-background-status-error: var(--teddy-color-red-50);
2269
+ --teddy-color-background-status-success-strong: var(--teddy-color-green-100);
2270
+ --teddy-color-background-status-success: var(--teddy-color-green-50);
2271
+ --teddy-color-background-status-info-strong: var(--teddy-color-blue-100);
2272
+ --teddy-color-background-status-info: var(--teddy-color-blue-50);
2273
+ --teddy-color-background-interactive-destructive-active: var(--teddy-color-red-700);
2274
+ --teddy-color-background-interactive-destructive-hover: var(--teddy-color-red-600);
2275
+ --teddy-color-background-interactive-destructive: var(--teddy-color-red-500);
2276
+ --teddy-color-background-interactive-read-only: var(--teddy-color-transparent-black-50);
2277
+ --teddy-color-background-interactive-inactive-negative: var(--teddy-color-transparent-white-150);
2278
+ --teddy-color-background-interactive-inactive: var(--teddy-color-transparent-black-50);
2279
+ --teddy-color-background-interactive-transparent-negative-active: var(--teddy-color-purple-700);
2280
+ --teddy-color-background-interactive-transparent-active: var(--teddy-color-purple-200);
2281
+ --teddy-color-background-interactive-transparent-negative-hover: var(--teddy-color-purple-800);
2282
+ --teddy-color-background-interactive-transparent-hover: var(--teddy-color-purple-100);
2283
+ --teddy-color-background-interactive-transparent: var(--teddy-color-functional-transparent);
2284
+ --teddy-color-background-interactive-disabled-negative: var(--teddy-color-transparent-white-100);
2285
+ --teddy-color-background-interactive-disabled: var(--teddy-color-transparent-black-100);
2286
+ --teddy-color-background-interactive-expressive-negative-active: var(--teddy-color-purple-300);
2287
+ --teddy-color-background-interactive-expressive-negative-hover: var(--teddy-color-purple-400);
2288
+ --teddy-color-background-interactive-expressive-negative: var(--teddy-color-purple-550);
2289
+ --teddy-color-background-interactive-expressive-active: var(--teddy-color-purple-800);
2290
+ --teddy-color-background-interactive-expressive-hover: var(--teddy-color-purple-700);
2291
+ --teddy-color-background-interactive-expressive: var(--teddy-color-purple-550);
2292
+ --teddy-color-background-interactive-primary-negative-active: var(--teddy-color-purple-300);
2293
+ --teddy-color-background-interactive-primary-negative-hover: var(--teddy-color-purple-200);
2294
+ --teddy-color-background-interactive-primary-negative: var(--teddy-color-purple-100);
2295
+ --teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
2296
+ --teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
2297
+ --teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
2298
+ --teddy-color-background-secondary: var(--teddy-color-gray-50);
2299
+ --teddy-color-background-primary: var(--teddy-color-functional-white);
2300
+ --teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);
2301
+ --teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);
2302
+ --teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);
2303
+ --teddy-color-text-status-attention: var(--teddy-color-functional-white);
2304
+ --teddy-color-text-status-special: var(--teddy-color-purple-800);
2305
+ --teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);
2306
+ --teddy-color-text-status-info-medium: var(--teddy-color-blue-500);
2307
+ --teddy-color-text-status-info-strong: var(--teddy-color-blue-700);
2308
+ --teddy-color-text-status-warning-medium: var(--teddy-color-orange-500);
2309
+ --teddy-color-text-status-warning-strong: var(--teddy-color-orange-700);
2310
+ --teddy-color-text-status-success-medium: var(--teddy-color-green-500);
2311
+ --teddy-color-text-status-success-strong: var(--teddy-color-green-700);
2312
+ --teddy-color-text-status-error-medium: var(--teddy-color-red-500);
2313
+ --teddy-color-text-status-error-strong: var(--teddy-color-red-700);
2314
+ --teddy-color-text-status-discount: var(--teddy-color-purple-550);
2315
+ --teddy-color-text-interactive-selected: var(--teddy-color-purple-550);
2316
+ --teddy-color-text-interactive-on-destructive: var(--teddy-color-functional-white);
2317
+ --teddy-color-text-interactive-on-expressive-negative-active: var(--teddy-color-purple-900);
2318
+ --teddy-color-text-interactive-on-expressive-negative-hover: var(--teddy-color-purple-900);
2319
+ --teddy-color-text-interactive-on-expressive-negative: var(--teddy-color-functional-white);
2320
+ --teddy-color-text-interactive-on-expressive: var(--teddy-color-functional-white);
2321
+ --teddy-color-text-interactive-primary-negative-active: var(--teddy-color-purple-200);
2322
+ --teddy-color-text-interactive-primary-negative-hover: var(--teddy-color-purple-200);
2323
+ --teddy-color-text-interactive-primary-negative: var(--teddy-color-purple-100);
2324
+ --teddy-color-text-interactive-on-primary-negative: var(--teddy-color-purple-800);
2325
+ --teddy-color-text-interactive-on-primary: var(--teddy-color-functional-white);
2326
+ --teddy-color-text-interactive-primary-active: var(--teddy-color-purple-900);
2327
+ --teddy-color-text-interactive-primary-hover: var(--teddy-color-purple-800);
2328
+ --teddy-color-text-interactive-primary: var(--teddy-color-purple-700);
2329
+ --teddy-color-text-weak-negative: var(--teddy-color-transparent-white-400);
2330
+ --teddy-color-text-medium-negative: var(--teddy-color-transparent-white-600);
2331
+ --teddy-color-text-default-negative: var(--teddy-color-transparent-white-850);
2332
+ --teddy-color-text-weak: var(--teddy-color-transparent-black-400);
2333
+ --teddy-color-text-medium: var(--teddy-color-transparent-black-600);
2334
+ --teddy-color-text-default: var(--teddy-color-transparent-black-850);
2335
+ --teddy-color-brand-white: var(--teddy-color-functional-white);
2336
+ --teddy-color-brand-off-black: var(--teddy-color-gray-900);
2337
+ --teddy-color-brand-light-beige: var(--teddy-color-beige-50);
2338
+ --teddy-color-brand-beige: var(--teddy-color-beige-100);
2339
+ --teddy-color-brand-deep-beige: var(--teddy-color-beige-700);
2340
+ --teddy-color-brand-light-purple: var(--teddy-color-purple-100);
2341
+ --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
2342
+ --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
2343
+ }
2344
+ :root {
2345
+ --teddy-motion-duration-100: 100ms;
2346
+ --teddy-motion-duration-150: 150ms;
2347
+ --teddy-motion-duration-200: 200ms;
2348
+ --teddy-motion-duration-300: 300ms;
2349
+ --teddy-motion-duration-400: 400ms;
2350
+ --teddy-motion-duration-500: 500ms;
2351
+ --teddy-motion-duration-1500: 1500ms;
2352
+ --teddy-motion-duration-2000: 2000ms;
2353
+ --teddy-motion-easing-ease-in: cubic-bezier(0.35, 0.07, 0.88, 0.43);
2354
+ --teddy-motion-easing-ease-out: cubic-bezier(0.33, 0.9, 0.75, 0.95);
2355
+ --teddy-motion-easing-ease-in-out: cubic-bezier(0.45, 0, 0.52, 0.98);
2356
+ }
2357
+ :root {
2358
+ --teddy-shadow-none: calc(0rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale))
2359
+ calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
2360
+ --teddy-shadow-sm: calc(0rem * var(--teddy-scale)) calc(0.0625rem * var(--teddy-scale))
2361
+ calc(0.25rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
2362
+ --teddy-shadow-md: calc(0rem * var(--teddy-scale)) calc(0.25rem * var(--teddy-scale))
2363
+ calc(0.75rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
2364
+ --teddy-shadow-lg: calc(0rem * var(--teddy-scale)) calc(0.75rem * var(--teddy-scale))
2365
+ calc(1.5rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
2366
+ }
2367
+ :root {
2368
+ --teddy-spacing-1600: calc(8rem * var(--teddy-scale));
2369
+ --teddy-spacing-1200: calc(6rem * var(--teddy-scale));
2370
+ --teddy-spacing-1000: calc(5rem * var(--teddy-scale));
2371
+ --teddy-spacing-800: calc(4rem * var(--teddy-scale));
2372
+ --teddy-spacing-600: calc(3rem * var(--teddy-scale));
2373
+ --teddy-spacing-400: calc(2rem * var(--teddy-scale));
2374
+ --teddy-spacing-300: calc(1.5rem * var(--teddy-scale));
2375
+ --teddy-spacing-250: calc(1.25rem * var(--teddy-scale));
2376
+ --teddy-spacing-200: calc(1rem * var(--teddy-scale));
2377
+ --teddy-spacing-150: calc(0.75rem * var(--teddy-scale));
2378
+ --teddy-spacing-100: calc(0.5rem * var(--teddy-scale));
2379
+ --teddy-spacing-50: calc(0.25rem * var(--teddy-scale));
2380
+ --teddy-spacing-25: calc(0.125rem * var(--teddy-scale));
2381
+ --teddy-spacing-10: calc(0.0625rem * var(--teddy-scale));
2382
+ --teddy-spacing-0: calc(0rem * var(--teddy-scale));
2383
+ --teddy-spacing-page-padding-xl: var(--teddy-spacing-600);
2384
+ --teddy-spacing-page-padding-lg: var(--teddy-spacing-600);
2385
+ --teddy-spacing-page-padding-md: var(--teddy-spacing-300);
2386
+ --teddy-spacing-page-padding-sm: var(--teddy-spacing-200);
2387
+ --teddy-spacing-gutter-xl: var(--teddy-spacing-300);
2388
+ --teddy-spacing-gutter-lg: var(--teddy-spacing-300);
2389
+ --teddy-spacing-gutter-md: var(--teddy-spacing-300);
2390
+ --teddy-spacing-gutter-sm: var(--teddy-spacing-200);
2391
+ }
2392
+ :root {
2393
+ --teddy-typography-family-default: TeliaSans, Helvetica, sans-serif;
2394
+ --teddy-typography-family-display: TeliaSansHeading, Helvetica, sans-serif;
2395
+ --teddy-typography-weight-normal: 400;
2396
+ --teddy-typography-weight-medium: 500;
2397
+ --teddy-typography-weight-bold: 700;
2398
+ --teddy-typography-line-height-tight: 100%;
2399
+ --teddy-typography-line-height-default: 125%;
2400
+ --teddy-typography-line-height-loose: 150%;
2401
+ --teddy-typography-line-height-looser: 175%;
2402
+ --teddy-typography-scale-50: calc(0.75rem * var(--teddy-scale));
2403
+ --teddy-typography-scale-75: calc(0.875rem * var(--teddy-scale));
2404
+ --teddy-typography-scale-100: calc(1rem * var(--teddy-scale));
2405
+ --teddy-typography-scale-150: calc(1.125rem * var(--teddy-scale));
2406
+ --teddy-typography-scale-200: calc(1.25rem * var(--teddy-scale));
2407
+ --teddy-typography-scale-400: calc(1.5rem * var(--teddy-scale));
2408
+ --teddy-typography-scale-500: calc(1.75rem * var(--teddy-scale));
2409
+ --teddy-typography-scale-600: calc(2rem * var(--teddy-scale));
2410
+ --teddy-typography-scale-650: calc(2.25rem * var(--teddy-scale));
2411
+ --teddy-typography-scale-700: calc(2.5rem * var(--teddy-scale));
2412
+ --teddy-typography-scale-800: calc(3rem * var(--teddy-scale));
2413
+ --teddy-typography-scale-850: calc(3.5rem * var(--teddy-scale));
2414
+ --teddy-typography-scale-900: calc(4rem * var(--teddy-scale));
2415
+ --teddy-typography-scale-1000: calc(5rem * var(--teddy-scale));
2416
+ --teddy-typography-scale-1100: calc(6rem * var(--teddy-scale));
2417
+ }
2418
+ .teddy-ai {
2419
+ align-items: var(--teddy-ai);
2420
+ }
2421
+ @media (min-width: 0px) {
2422
+ .sm\:teddy-ai {
2423
+ align-items: var(--teddy-ai-sm);
2424
+ }
2425
+ }
2426
+ @media (min-width: 600px) {
2427
+ .md\:teddy-ai {
2428
+ align-items: var(--teddy-ai-md);
2429
+ }
2430
+ }
2431
+ @media (min-width: 1024px) {
2432
+ .lg\:teddy-ai {
2433
+ align-items: var(--teddy-ai-lg);
2434
+ }
2435
+ }
2436
+ @media (min-width: 1440px) {
2437
+ .xl\:teddy-ai {
2438
+ align-items: var(--teddy-ai-xl);
2439
+ }
2440
+ }
2441
+ .teddy-jc {
2442
+ justify-content: var(--teddy-jc);
2443
+ }
2444
+ @media (min-width: 0px) {
2445
+ .sm\:teddy-jc {
2446
+ justify-content: var(--teddy-jc-sm);
2447
+ }
2448
+ }
2449
+ @media (min-width: 600px) {
2450
+ .md\:teddy-jc {
2451
+ justify-content: var(--teddy-jc-md);
2452
+ }
2453
+ }
2454
+ @media (min-width: 1024px) {
2455
+ .lg\:teddy-jc {
2456
+ justify-content: var(--teddy-jc-lg);
2457
+ }
2458
+ }
2459
+ @media (min-width: 1440px) {
2460
+ .xl\:teddy-jc {
2461
+ justify-content: var(--teddy-jc-xl);
2462
+ }
2463
+ }
2464
+ .teddy-gap {
2465
+ gap: var(--teddy-gap);
2466
+ }
2467
+ @media (min-width: 0px) {
2468
+ .sm\:teddy-gap {
2469
+ gap: var(--teddy-gap-sm);
2470
+ }
2471
+ }
2472
+ @media (min-width: 600px) {
2473
+ .md\:teddy-gap {
2474
+ gap: var(--teddy-gap-md);
2475
+ }
2476
+ }
2477
+ @media (min-width: 1024px) {
2478
+ .lg\:teddy-gap {
2479
+ gap: var(--teddy-gap-lg);
2480
+ }
2481
+ }
2482
+ @media (min-width: 1440px) {
2483
+ .xl\:teddy-gap {
2484
+ gap: var(--teddy-gap-xl);
2485
+ }
2486
+ }
2487
+ .teddy-rg {
2488
+ row-gap: var(--teddy-rg);
2489
+ }
2490
+ @media (min-width: 0px) {
2491
+ .sm\:teddy-rg {
2492
+ row-gap: var(--teddy-rg-sm);
2493
+ }
2494
+ }
2495
+ @media (min-width: 600px) {
2496
+ .md\:teddy-rg {
2497
+ row-gap: var(--teddy-rg-md);
2498
+ }
2499
+ }
2500
+ @media (min-width: 1024px) {
2501
+ .lg\:teddy-rg {
2502
+ row-gap: var(--teddy-rg-lg);
2503
+ }
2504
+ }
2505
+ @media (min-width: 1440px) {
2506
+ .xl\:teddy-rg {
2507
+ row-gap: var(--teddy-rg-xl);
2508
+ }
2509
+ }
2510
+ .teddy-cg {
2511
+ column-gap: var(--teddy-cg);
2512
+ }
2513
+ @media (min-width: 0px) {
2514
+ .sm\:teddy-cg {
2515
+ column-gap: var(--teddy-cg-sm);
2516
+ }
2517
+ }
2518
+ @media (min-width: 600px) {
2519
+ .md\:teddy-cg {
2520
+ column-gap: var(--teddy-cg-md);
2521
+ }
2522
+ }
2523
+ @media (min-width: 1024px) {
2524
+ .lg\:teddy-cg {
2525
+ column-gap: var(--teddy-cg-lg);
2526
+ }
2527
+ }
2528
+ @media (min-width: 1440px) {
2529
+ .xl\:teddy-cg {
2530
+ column-gap: var(--teddy-cg-xl);
2531
+ }
2532
+ }
2533
+ .teddy-display {
2534
+ display: var(--teddy-display);
2535
+ }
2536
+ @media (min-width: 0px) {
2537
+ .sm\:teddy-display {
2538
+ display: var(--teddy-display-sm);
2539
+ }
2540
+ }
2541
+ @media (min-width: 600px) {
2542
+ .md\:teddy-display {
2543
+ display: var(--teddy-display-md);
2544
+ }
2545
+ }
2546
+ @media (min-width: 1024px) {
2547
+ .lg\:teddy-display {
2548
+ display: var(--teddy-display-lg);
2549
+ }
2550
+ }
2551
+ @media (min-width: 1440px) {
2552
+ .xl\:teddy-display {
2553
+ display: var(--teddy-display-xl);
2554
+ }
2555
+ }
2556
+ .teddy-m {
2557
+ margin: var(--teddy-m);
2558
+ }
2559
+ @media (min-width: 0px) {
2560
+ .sm\:teddy-m {
2561
+ margin: var(--teddy-m-sm);
2562
+ }
2563
+ }
2564
+ @media (min-width: 600px) {
2565
+ .md\:teddy-m {
2566
+ margin: var(--teddy-m-md);
2567
+ }
2568
+ }
2569
+ @media (min-width: 1024px) {
2570
+ .lg\:teddy-m {
2571
+ margin: var(--teddy-m-lg);
2572
+ }
2573
+ }
2574
+ @media (min-width: 1440px) {
2575
+ .xl\:teddy-m {
2576
+ margin: var(--teddy-m-xl);
2577
+ }
2578
+ }
2579
+ .teddy-mt {
2580
+ margin-top: var(--teddy-mt);
2581
+ }
2582
+ @media (min-width: 0px) {
2583
+ .sm\:teddy-mt {
2584
+ margin-top: var(--teddy-mt-sm);
2585
+ }
2586
+ }
2587
+ @media (min-width: 600px) {
2588
+ .md\:teddy-mt {
2589
+ margin-top: var(--teddy-mt-md);
2590
+ }
2591
+ }
2592
+ @media (min-width: 1024px) {
2593
+ .lg\:teddy-mt {
2594
+ margin-top: var(--teddy-mt-lg);
2595
+ }
2596
+ }
2597
+ @media (min-width: 1440px) {
2598
+ .xl\:teddy-mt {
2599
+ margin-top: var(--teddy-mt-xl);
2600
+ }
2601
+ }
2602
+ .teddy-mb {
2603
+ margin-bottom: var(--teddy-mb);
2604
+ }
2605
+ @media (min-width: 0px) {
2606
+ .sm\:teddy-mb {
2607
+ margin-bottom: var(--teddy-mb-sm);
2608
+ }
2609
+ }
2610
+ @media (min-width: 600px) {
2611
+ .md\:teddy-mb {
2612
+ margin-bottom: var(--teddy-mb-md);
2613
+ }
2614
+ }
2615
+ @media (min-width: 1024px) {
2616
+ .lg\:teddy-mb {
2617
+ margin-bottom: var(--teddy-mb-lg);
2618
+ }
2619
+ }
2620
+ @media (min-width: 1440px) {
2621
+ .xl\:teddy-mb {
2622
+ margin-bottom: var(--teddy-mb-xl);
2623
+ }
2624
+ }
2625
+ .teddy-ml {
2626
+ margin-left: var(--teddy-ml);
2627
+ }
2628
+ @media (min-width: 0px) {
2629
+ .sm\:teddy-ml {
2630
+ margin-left: var(--teddy-ml-sm);
2631
+ }
2632
+ }
2633
+ @media (min-width: 600px) {
2634
+ .md\:teddy-ml {
2635
+ margin-left: var(--teddy-ml-md);
2636
+ }
2637
+ }
2638
+ @media (min-width: 1024px) {
2639
+ .lg\:teddy-ml {
2640
+ margin-left: var(--teddy-ml-lg);
2641
+ }
2642
+ }
2643
+ @media (min-width: 1440px) {
2644
+ .xl\:teddy-ml {
2645
+ margin-left: var(--teddy-ml-xl);
2646
+ }
2647
+ }
2648
+ .teddy-mr {
2649
+ margin-right: var(--teddy-mr);
2650
+ }
2651
+ @media (min-width: 0px) {
2652
+ .sm\:teddy-mr {
2653
+ margin-right: var(--teddy-mr-sm);
2654
+ }
2655
+ }
2656
+ @media (min-width: 600px) {
2657
+ .md\:teddy-mr {
2658
+ margin-right: var(--teddy-mr-md);
2659
+ }
2660
+ }
2661
+ @media (min-width: 1024px) {
2662
+ .lg\:teddy-mr {
2663
+ margin-right: var(--teddy-mr-lg);
2664
+ }
2665
+ }
2666
+ @media (min-width: 1440px) {
2667
+ .xl\:teddy-mr {
2668
+ margin-right: var(--teddy-mr-xl);
2669
+ }
2670
+ }
2671
+ .teddy-p {
2672
+ padding: var(--teddy-p);
2673
+ }
2674
+ @media (min-width: 0px) {
2675
+ .sm\:teddy-p {
2676
+ padding: var(--teddy-p-sm);
2677
+ }
2678
+ }
2679
+ @media (min-width: 600px) {
2680
+ .md\:teddy-p {
2681
+ padding: var(--teddy-p-md);
2682
+ }
2683
+ }
2684
+ @media (min-width: 1024px) {
2685
+ .lg\:teddy-p {
2686
+ padding: var(--teddy-p-lg);
2687
+ }
2688
+ }
2689
+ @media (min-width: 1440px) {
2690
+ .xl\:teddy-p {
2691
+ padding: var(--teddy-p-xl);
2692
+ }
2693
+ }
2694
+ .teddy-pt {
2695
+ padding-top: var(--teddy-pt);
2696
+ }
2697
+ @media (min-width: 0px) {
2698
+ .sm\:teddy-pt {
2699
+ padding-top: var(--teddy-pt-sm);
2700
+ }
2701
+ }
2702
+ @media (min-width: 600px) {
2703
+ .md\:teddy-pt {
2704
+ padding-top: var(--teddy-pt-md);
2705
+ }
2706
+ }
2707
+ @media (min-width: 1024px) {
2708
+ .lg\:teddy-pt {
2709
+ padding-top: var(--teddy-pt-lg);
2710
+ }
2711
+ }
2712
+ @media (min-width: 1440px) {
2713
+ .xl\:teddy-pt {
2714
+ padding-top: var(--teddy-pt-xl);
2715
+ }
2716
+ }
2717
+ .teddy-pb {
2718
+ padding-bottom: var(--teddy-pb);
2719
+ }
2720
+ @media (min-width: 0px) {
2721
+ .sm\:teddy-pb {
2722
+ padding-bottom: var(--teddy-pb-sm);
2723
+ }
2724
+ }
2725
+ @media (min-width: 600px) {
2726
+ .md\:teddy-pb {
2727
+ padding-bottom: var(--teddy-pb-md);
2728
+ }
2729
+ }
2730
+ @media (min-width: 1024px) {
2731
+ .lg\:teddy-pb {
2732
+ padding-bottom: var(--teddy-pb-lg);
2733
+ }
2734
+ }
2735
+ @media (min-width: 1440px) {
2736
+ .xl\:teddy-pb {
2737
+ padding-bottom: var(--teddy-pb-xl);
2738
+ }
2739
+ }
2740
+ .teddy-pl {
2741
+ padding-left: var(--teddy-pl);
2742
+ }
2743
+ @media (min-width: 0px) {
2744
+ .sm\:teddy-pl {
2745
+ padding-left: var(--teddy-pl-sm);
2746
+ }
2747
+ }
2748
+ @media (min-width: 600px) {
2749
+ .md\:teddy-pl {
2750
+ padding-left: var(--teddy-pl-md);
2751
+ }
2752
+ }
2753
+ @media (min-width: 1024px) {
2754
+ .lg\:teddy-pl {
2755
+ padding-left: var(--teddy-pl-lg);
2756
+ }
2757
+ }
2758
+ @media (min-width: 1440px) {
2759
+ .xl\:teddy-pl {
2760
+ padding-left: var(--teddy-pl-xl);
2761
+ }
2762
+ }
2763
+ .teddy-pr {
2764
+ padding-right: var(--teddy-pr);
2765
+ }
2766
+ @media (min-width: 0px) {
2767
+ .sm\:teddy-pr {
2768
+ padding-right: var(--teddy-pr-sm);
2769
+ }
2770
+ }
2771
+ @media (min-width: 600px) {
2772
+ .md\:teddy-pr {
2773
+ padding-right: var(--teddy-pr-md);
2774
+ }
2775
+ }
2776
+ @media (min-width: 1024px) {
2777
+ .lg\:teddy-pr {
2778
+ padding-right: var(--teddy-pr-lg);
2779
+ }
2780
+ }
2781
+ @media (min-width: 1440px) {
2782
+ .xl\:teddy-pr {
2783
+ padding-right: var(--teddy-pr-xl);
2784
+ }
2785
+ }
2786
+ .teddy-w {
2787
+ width: var(--teddy-w);
2788
+ }
2789
+ @media (min-width: 0px) {
2790
+ .sm\:teddy-w {
2791
+ width: var(--teddy-w-sm);
2792
+ }
2793
+ }
2794
+ @media (min-width: 600px) {
2795
+ .md\:teddy-w {
2796
+ width: var(--teddy-w-md);
2797
+ }
2798
+ }
2799
+ @media (min-width: 1024px) {
2800
+ .lg\:teddy-w {
2801
+ width: var(--teddy-w-lg);
2802
+ }
2803
+ }
2804
+ @media (min-width: 1440px) {
2805
+ .xl\:teddy-w {
2806
+ width: var(--teddy-w-xl);
2807
+ }
2808
+ }
2809
+ .teddy-min-w {
2810
+ min-width: var(--teddy-min-w);
2811
+ }
2812
+ @media (min-width: 0px) {
2813
+ .sm\:teddy-min-w {
2814
+ min-width: var(--teddy-min-w-sm);
2815
+ }
2816
+ }
2817
+ @media (min-width: 600px) {
2818
+ .md\:teddy-min-w {
2819
+ min-width: var(--teddy-min-w-md);
2820
+ }
2821
+ }
2822
+ @media (min-width: 1024px) {
2823
+ .lg\:teddy-min-w {
2824
+ min-width: var(--teddy-min-w-lg);
2825
+ }
2826
+ }
2827
+ @media (min-width: 1440px) {
2828
+ .xl\:teddy-min-w {
2829
+ min-width: var(--teddy-min-w-xl);
2830
+ }
2831
+ }
2832
+ .teddy-max-w {
2833
+ max-width: var(--teddy-max-w);
2834
+ }
2835
+ @media (min-width: 0px) {
2836
+ .sm\:teddy-max-w {
2837
+ max-width: var(--teddy-max-w-sm);
2838
+ }
2839
+ }
2840
+ @media (min-width: 600px) {
2841
+ .md\:teddy-max-w {
2842
+ max-width: var(--teddy-max-w-md);
2843
+ }
2844
+ }
2845
+ @media (min-width: 1024px) {
2846
+ .lg\:teddy-max-w {
2847
+ max-width: var(--teddy-max-w-lg);
2848
+ }
2849
+ }
2850
+ @media (min-width: 1440px) {
2851
+ .xl\:teddy-max-w {
2852
+ max-width: var(--teddy-max-w-xl);
2853
+ }
2854
+ }
2855
+ .teddy-h {
2856
+ height: var(--teddy-h);
2857
+ }
2858
+ @media (min-width: 0px) {
2859
+ .sm\:teddy-h {
2860
+ height: var(--teddy-h-sm);
2861
+ }
2862
+ }
2863
+ @media (min-width: 600px) {
2864
+ .md\:teddy-h {
2865
+ height: var(--teddy-h-md);
2866
+ }
2867
+ }
2868
+ @media (min-width: 1024px) {
2869
+ .lg\:teddy-h {
2870
+ height: var(--teddy-h-lg);
2871
+ }
2872
+ }
2873
+ @media (min-width: 1440px) {
2874
+ .xl\:teddy-h {
2875
+ height: var(--teddy-h-xl);
2876
+ }
2877
+ }
2878
+ .teddy-min-h {
2879
+ min-height: var(--teddy-min-h);
2880
+ }
2881
+ @media (min-width: 0px) {
2882
+ .sm\:teddy-min-h {
2883
+ min-height: var(--teddy-min-h-sm);
2884
+ }
2885
+ }
2886
+ @media (min-width: 600px) {
2887
+ .md\:teddy-min-h {
2888
+ min-height: var(--teddy-min-h-md);
2889
+ }
2890
+ }
2891
+ @media (min-width: 1024px) {
2892
+ .lg\:teddy-min-h {
2893
+ min-height: var(--teddy-min-h-lg);
2894
+ }
2895
+ }
2896
+ @media (min-width: 1440px) {
2897
+ .xl\:teddy-min-h {
2898
+ min-height: var(--teddy-min-h-xl);
2899
+ }
2900
+ }
2901
+ .teddy-max-h {
2902
+ max-height: var(--teddy-max-h);
2903
+ }
2904
+ @media (min-width: 0px) {
2905
+ .sm\:teddy-max-h {
2906
+ max-height: var(--teddy-max-h-sm);
2907
+ }
2908
+ }
2909
+ @media (min-width: 600px) {
2910
+ .md\:teddy-max-h {
2911
+ max-height: var(--teddy-max-h-md);
2912
+ }
2913
+ }
2914
+ @media (min-width: 1024px) {
2915
+ .lg\:teddy-max-h {
2916
+ max-height: var(--teddy-max-h-lg);
2917
+ }
2918
+ }
2919
+ @media (min-width: 1440px) {
2920
+ .xl\:teddy-max-h {
2921
+ max-height: var(--teddy-max-h-xl);
2922
+ }
2923
+ }
2924
+ .teddy-position {
2925
+ position: var(--teddy-position);
2926
+ }
2927
+ @media (min-width: 0px) {
2928
+ .sm\:teddy-position {
2929
+ position: var(--teddy-position-sm);
2930
+ }
2931
+ }
2932
+ @media (min-width: 600px) {
2933
+ .md\:teddy-position {
2934
+ position: var(--teddy-position-md);
2935
+ }
2936
+ }
2937
+ @media (min-width: 1024px) {
2938
+ .lg\:teddy-position {
2939
+ position: var(--teddy-position-lg);
2940
+ }
2941
+ }
2942
+ @media (min-width: 1440px) {
2943
+ .xl\:teddy-position {
2944
+ position: var(--teddy-position-xl);
2945
+ }
2946
+ }
2947
+ .teddy-inset {
2948
+ inset: var(--teddy-inset);
2949
+ }
2950
+ @media (min-width: 0px) {
2951
+ .sm\:teddy-inset {
2952
+ inset: var(--teddy-inset-sm);
2953
+ }
2954
+ }
2955
+ @media (min-width: 600px) {
2956
+ .md\:teddy-inset {
2957
+ inset: var(--teddy-inset-md);
2958
+ }
2959
+ }
2960
+ @media (min-width: 1024px) {
2961
+ .lg\:teddy-inset {
2962
+ inset: var(--teddy-inset-lg);
2963
+ }
2964
+ }
2965
+ @media (min-width: 1440px) {
2966
+ .xl\:teddy-inset {
2967
+ inset: var(--teddy-inset-xl);
2968
+ }
2969
+ }
2970
+ .teddy-top {
2971
+ top: var(--teddy-top);
2972
+ }
2973
+ @media (min-width: 0px) {
2974
+ .sm\:teddy-top {
2975
+ top: var(--teddy-top-sm);
2976
+ }
2977
+ }
2978
+ @media (min-width: 600px) {
2979
+ .md\:teddy-top {
2980
+ top: var(--teddy-top-md);
2981
+ }
2982
+ }
2983
+ @media (min-width: 1024px) {
2984
+ .lg\:teddy-top {
2985
+ top: var(--teddy-top-lg);
2986
+ }
2987
+ }
2988
+ @media (min-width: 1440px) {
2989
+ .xl\:teddy-top {
2990
+ top: var(--teddy-top-xl);
2991
+ }
2992
+ }
2993
+ .teddy-bottom {
2994
+ bottom: var(--teddy-bottom);
2995
+ }
2996
+ @media (min-width: 0px) {
2997
+ .sm\:teddy-bottom {
2998
+ bottom: var(--teddy-bottom-sm);
2999
+ }
3000
+ }
3001
+ @media (min-width: 600px) {
3002
+ .md\:teddy-bottom {
3003
+ bottom: var(--teddy-bottom-md);
3004
+ }
3005
+ }
3006
+ @media (min-width: 1024px) {
3007
+ .lg\:teddy-bottom {
3008
+ bottom: var(--teddy-bottom-lg);
3009
+ }
3010
+ }
3011
+ @media (min-width: 1440px) {
3012
+ .xl\:teddy-bottom {
3013
+ bottom: var(--teddy-bottom-xl);
3014
+ }
3015
+ }
3016
+ .teddy-left {
3017
+ left: var(--teddy-left);
3018
+ }
3019
+ @media (min-width: 0px) {
3020
+ .sm\:teddy-left {
3021
+ left: var(--teddy-left-sm);
3022
+ }
3023
+ }
3024
+ @media (min-width: 600px) {
3025
+ .md\:teddy-left {
3026
+ left: var(--teddy-left-md);
3027
+ }
3028
+ }
3029
+ @media (min-width: 1024px) {
3030
+ .lg\:teddy-left {
3031
+ left: var(--teddy-left-lg);
3032
+ }
3033
+ }
3034
+ @media (min-width: 1440px) {
3035
+ .xl\:teddy-left {
3036
+ left: var(--teddy-left-xl);
3037
+ }
3038
+ }
3039
+ .teddy-right {
3040
+ right: var(--teddy-right);
3041
+ }
3042
+ @media (min-width: 0px) {
3043
+ .sm\:teddy-right {
3044
+ right: var(--teddy-right-sm);
3045
+ }
3046
+ }
3047
+ @media (min-width: 600px) {
3048
+ .md\:teddy-right {
3049
+ right: var(--teddy-right-md);
3050
+ }
3051
+ }
3052
+ @media (min-width: 1024px) {
3053
+ .lg\:teddy-right {
3054
+ right: var(--teddy-right-lg);
3055
+ }
3056
+ }
3057
+ @media (min-width: 1440px) {
3058
+ .xl\:teddy-right {
3059
+ right: var(--teddy-right-xl);
3060
+ }
3061
+ }
3062
+ .teddy-gtr {
3063
+ grid-template-rows: var(--teddy-gtr);
3064
+ }
3065
+ @media (min-width: 0px) {
3066
+ .sm\:teddy-gtr {
3067
+ grid-template-rows: var(--teddy-gtr-sm);
3068
+ }
3069
+ }
3070
+ @media (min-width: 600px) {
3071
+ .md\:teddy-gtr {
3072
+ grid-template-rows: var(--teddy-gtr-md);
3073
+ }
3074
+ }
3075
+ @media (min-width: 1024px) {
3076
+ .lg\:teddy-gtr {
3077
+ grid-template-rows: var(--teddy-gtr-lg);
3078
+ }
3079
+ }
3080
+ @media (min-width: 1440px) {
3081
+ .xl\:teddy-gtr {
3082
+ grid-template-rows: var(--teddy-gtr-xl);
3083
+ }
3084
+ }
3085
+ .teddy-gtc {
3086
+ grid-template-columns: var(--teddy-gtc);
3087
+ }
3088
+ @media (min-width: 0px) {
3089
+ .sm\:teddy-gtc {
3090
+ grid-template-columns: var(--teddy-gtc-sm);
3091
+ }
3092
+ }
3093
+ @media (min-width: 600px) {
3094
+ .md\:teddy-gtc {
3095
+ grid-template-columns: var(--teddy-gtc-md);
3096
+ }
3097
+ }
3098
+ @media (min-width: 1024px) {
3099
+ .lg\:teddy-gtc {
3100
+ grid-template-columns: var(--teddy-gtc-lg);
3101
+ }
3102
+ }
3103
+ @media (min-width: 1440px) {
3104
+ .xl\:teddy-gtc {
3105
+ grid-template-columns: var(--teddy-gtc-xl);
3106
+ }
3107
+ }
3108
+ .teddy-gr {
3109
+ grid-row: var(--teddy-gr);
3110
+ }
3111
+ @media (min-width: 0px) {
3112
+ .sm\:teddy-gr {
3113
+ grid-row: var(--teddy-gr-sm);
3114
+ }
3115
+ }
3116
+ @media (min-width: 600px) {
3117
+ .md\:teddy-gr {
3118
+ grid-row: var(--teddy-gr-md);
3119
+ }
3120
+ }
3121
+ @media (min-width: 1024px) {
3122
+ .lg\:teddy-gr {
3123
+ grid-row: var(--teddy-gr-lg);
3124
+ }
3125
+ }
3126
+ @media (min-width: 1440px) {
3127
+ .xl\:teddy-gr {
3128
+ grid-row: var(--teddy-gr-xl);
3129
+ }
3130
+ }
3131
+ .teddy-gc {
3132
+ grid-column: var(--teddy-gc);
3133
+ }
3134
+ @media (min-width: 0px) {
3135
+ .sm\:teddy-gc {
3136
+ grid-column: var(--teddy-gc-sm);
3137
+ }
3138
+ }
3139
+ @media (min-width: 600px) {
3140
+ .md\:teddy-gc {
3141
+ grid-column: var(--teddy-gc-md);
3142
+ }
3143
+ }
3144
+ @media (min-width: 1024px) {
3145
+ .lg\:teddy-gc {
3146
+ grid-column: var(--teddy-gc-lg);
3147
+ }
3148
+ }
3149
+ @media (min-width: 1440px) {
3150
+ .xl\:teddy-gc {
3151
+ grid-column: var(--teddy-gc-xl);
3152
+ }
3153
+ }
3154
+ .teddy-grs {
3155
+ grid-row-start: var(--teddy-grs);
3156
+ }
3157
+ @media (min-width: 0px) {
3158
+ .sm\:teddy-grs {
3159
+ grid-row-start: var(--teddy-grs-sm);
3160
+ }
3161
+ }
3162
+ @media (min-width: 600px) {
3163
+ .md\:teddy-grs {
3164
+ grid-row-start: var(--teddy-grs-md);
3165
+ }
3166
+ }
3167
+ @media (min-width: 1024px) {
3168
+ .lg\:teddy-grs {
3169
+ grid-row-start: var(--teddy-grs-lg);
3170
+ }
3171
+ }
3172
+ @media (min-width: 1440px) {
3173
+ .xl\:teddy-grs {
3174
+ grid-row-start: var(--teddy-grs-xl);
3175
+ }
3176
+ }
3177
+ .teddy-gre {
3178
+ grid-row-end: var(--teddy-gre);
3179
+ }
3180
+ @media (min-width: 0px) {
3181
+ .sm\:teddy-gre {
3182
+ grid-row-end: var(--teddy-gre-sm);
3183
+ }
3184
+ }
3185
+ @media (min-width: 600px) {
3186
+ .md\:teddy-gre {
3187
+ grid-row-end: var(--teddy-gre-md);
3188
+ }
3189
+ }
3190
+ @media (min-width: 1024px) {
3191
+ .lg\:teddy-gre {
3192
+ grid-row-end: var(--teddy-gre-lg);
3193
+ }
3194
+ }
3195
+ @media (min-width: 1440px) {
3196
+ .xl\:teddy-gre {
3197
+ grid-row-end: var(--teddy-gre-xl);
3198
+ }
3199
+ }
3200
+ .teddy-gcs {
3201
+ grid-column-start: var(--teddy-gcs);
3202
+ }
3203
+ @media (min-width: 0px) {
3204
+ .sm\:teddy-gcs {
3205
+ grid-column-start: var(--teddy-gcs-sm);
3206
+ }
3207
+ }
3208
+ @media (min-width: 600px) {
3209
+ .md\:teddy-gcs {
3210
+ grid-column-start: var(--teddy-gcs-md);
3211
+ }
3212
+ }
3213
+ @media (min-width: 1024px) {
3214
+ .lg\:teddy-gcs {
3215
+ grid-column-start: var(--teddy-gcs-lg);
3216
+ }
3217
+ }
3218
+ @media (min-width: 1440px) {
3219
+ .xl\:teddy-gcs {
3220
+ grid-column-start: var(--teddy-gcs-xl);
3221
+ }
3222
+ }
3223
+ .teddy-gce {
3224
+ grid-column-end: var(--teddy-gce);
3225
+ }
3226
+ @media (min-width: 0px) {
3227
+ .sm\:teddy-gce {
3228
+ grid-column-end: var(--teddy-gce-sm);
3229
+ }
3230
+ }
3231
+ @media (min-width: 600px) {
3232
+ .md\:teddy-gce {
3233
+ grid-column-end: var(--teddy-gce-md);
3234
+ }
3235
+ }
3236
+ @media (min-width: 1024px) {
3237
+ .lg\:teddy-gce {
3238
+ grid-column-end: var(--teddy-gce-lg);
3239
+ }
3240
+ }
3241
+ @media (min-width: 1440px) {
3242
+ .xl\:teddy-gce {
3243
+ grid-column-end: var(--teddy-gce-xl);
3244
+ }
3245
+ }
3246
+ .teddy-gc {
3247
+ grid-column: var(--teddy-gc);
3248
+ }
3249
+ @media (min-width: 0px) {
3250
+ .sm\:teddy-gc {
3251
+ grid-column: var(--teddy-gc-sm);
3252
+ }
3253
+ }
3254
+ @media (min-width: 600px) {
3255
+ .md\:teddy-gc {
3256
+ grid-column: var(--teddy-gc-md);
3257
+ }
3258
+ }
3259
+ @media (min-width: 1024px) {
3260
+ .lg\:teddy-gc {
3261
+ grid-column: var(--teddy-gc-lg);
3262
+ }
3263
+ }
3264
+ @media (min-width: 1440px) {
3265
+ .xl\:teddy-gc {
3266
+ grid-column: var(--teddy-gc-xl);
3267
+ }
3268
+ }
3269
+ .teddy-fd {
3270
+ flex-direction: var(--teddy-fd);
3271
+ }
3272
+ @media (min-width: 0px) {
3273
+ .sm\:teddy-fd {
3274
+ flex-direction: var(--teddy-fd-sm);
3275
+ }
3276
+ }
3277
+ @media (min-width: 600px) {
3278
+ .md\:teddy-fd {
3279
+ flex-direction: var(--teddy-fd-md);
3280
+ }
3281
+ }
3282
+ @media (min-width: 1024px) {
3283
+ .lg\:teddy-fd {
3284
+ flex-direction: var(--teddy-fd-lg);
3285
+ }
3286
+ }
3287
+ @media (min-width: 1440px) {
3288
+ .xl\:teddy-fd {
3289
+ flex-direction: var(--teddy-fd-xl);
3290
+ }
3291
+ }
3292
+ .teddy-fw {
3293
+ flex-wrap: var(--teddy-fw);
3294
+ }
3295
+ @media (min-width: 0px) {
3296
+ .sm\:teddy-fw {
3297
+ flex-wrap: var(--teddy-fw-sm);
3298
+ }
3299
+ }
3300
+ @media (min-width: 600px) {
3301
+ .md\:teddy-fw {
3302
+ flex-wrap: var(--teddy-fw-md);
3303
+ }
3304
+ }
3305
+ @media (min-width: 1024px) {
3306
+ .lg\:teddy-fw {
3307
+ flex-wrap: var(--teddy-fw-lg);
3308
+ }
3309
+ }
3310
+ @media (min-width: 1440px) {
3311
+ .xl\:teddy-fw {
3312
+ flex-wrap: var(--teddy-fw-xl);
3313
+ }
3314
+ }
3315
+ .teddy-fb {
3316
+ flex-basis: var(--teddy-fb);
3317
+ }
3318
+ @media (min-width: 0px) {
3319
+ .sm\:teddy-fb {
3320
+ flex-basis: var(--teddy-fb-sm);
3321
+ }
3322
+ }
3323
+ @media (min-width: 600px) {
3324
+ .md\:teddy-fb {
3325
+ flex-basis: var(--teddy-fb-md);
3326
+ }
3327
+ }
3328
+ @media (min-width: 1024px) {
3329
+ .lg\:teddy-fb {
3330
+ flex-basis: var(--teddy-fb-lg);
3331
+ }
3332
+ }
3333
+ @media (min-width: 1440px) {
3334
+ .xl\:teddy-fb {
3335
+ flex-basis: var(--teddy-fb-xl);
3336
+ }
3337
+ }
3338
+ .teddy-fg {
3339
+ flex-grow: var(--teddy-fg);
3340
+ }
3341
+ @media (min-width: 0px) {
3342
+ .sm\:teddy-fg {
3343
+ flex-grow: var(--teddy-fg-sm);
3344
+ }
3345
+ }
3346
+ @media (min-width: 600px) {
3347
+ .md\:teddy-fg {
3348
+ flex-grow: var(--teddy-fg-md);
3349
+ }
3350
+ }
3351
+ @media (min-width: 1024px) {
3352
+ .lg\:teddy-fg {
3353
+ flex-grow: var(--teddy-fg-lg);
3354
+ }
3355
+ }
3356
+ @media (min-width: 1440px) {
3357
+ .xl\:teddy-fg {
3358
+ flex-grow: var(--teddy-fg-xl);
3359
+ }
3360
+ }
3361
+ .teddy-fs {
3362
+ flex-shrink: var(--teddy-fs);
3363
+ }
3364
+ @media (min-width: 0px) {
3365
+ .sm\:teddy-fs {
3366
+ flex-shrink: var(--teddy-fs-sm);
3367
+ }
3368
+ }
3369
+ @media (min-width: 600px) {
3370
+ .md\:teddy-fs {
3371
+ flex-shrink: var(--teddy-fs-md);
3372
+ }
3373
+ }
3374
+ @media (min-width: 1024px) {
3375
+ .lg\:teddy-fs {
3376
+ flex-shrink: var(--teddy-fs-lg);
3377
+ }
3378
+ }
3379
+ @media (min-width: 1440px) {
3380
+ .xl\:teddy-fs {
3381
+ flex-shrink: var(--teddy-fs-xl);
3382
+ }
3383
+ }
3384
+ @keyframes teddy-fade-in {
3385
+ from {
3386
+ opacity: 0;
3387
+ }
3388
+ to {
3389
+ opacity: 1;
3390
+ }
3391
+ }
3392
+ @keyframes teddy-fade-out {
3393
+ from {
3394
+ opacity: 1;
3395
+ }
3396
+ to {
3397
+ opacity: 0;
3398
+ }
3399
+ }
3400
+ :root {
3401
+ --teddy-scale: var(--teddy-rescale, 1);
3402
+ }